/*** Arabic Fonts ****/

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

#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title,
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title:lang(ar),
#ac-localnav .ac-ln-title,
#ac-localnav .ac-ln-title:lang(ar),
.typography-headline-super,
.typography-headline-super:lang(ar),
.typography-headline-reduced,
.typography-headline-reduced:lang(ar),
.typography-eyebrow-elevated,
.typography-eyebrow-elevated:lang(ar),
.typography-intro,
.typography-intro:lang(ar),
.typography-tout,
.typography-tout:lang(ar),
.typography-hero-intro,
.typography-hero-intro:lang(ar),
.typography-section-headline,
.typography-section-headline:lang(ar),
.typography-secondary-section-headline,
.typography-secondary-section-headline:lang(ar),
.typography-features-voiceover,
.typography-features-voiceover:lang(ar),
.typography-stories-headline,
.typography-stories-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-gf-buystrip-info,
#ac-globalfooter .ac-gf-buystrip-info: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),
html,
[lang]:lang(ar),
body,
body:lang(ar),
.button,
.button:lang(ar),
.iconcontrol,
.iconcontrol:lang(ar),
.typography-body,
.typography-body:lang(ar),
.typography-section-header-cta,
.typography-section-header-cta:lang(ar),
.typography-features-eyebrow,
.typography-features-eyebrow:lang(ar),
.typography-resources-copy,
.typography-resources-copy:lang(ar),
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category,
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-category:lang(ar),
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title,
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(ar),
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date,
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-date:lang(ar),
#ac-localeswitcher,
#ac-localeswitcher select,
#ac-localeswitcher button,
#ac-localeswitcher .ac-ls-copy,
#ac-localeswitcher .ac-ls-continue,
.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) {
    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-headline-reduced,
  .typography-headline-reduced:lang(ar),
  .typography-eyebrow-elevated,
  .typography-eyebrow-elevated:lang(ar),
  .typography-hero-intro,
  .typography-hero-intro:lang(ar),
  .typography-section-headline,
  .typography-section-headline:lang(ar),
  .typography-secondary-section-headline,
  .typography-secondary-section-headline:lang(ar),
  .typography-features-voiceover,
  .typography-features-voiceover:lang(ar),
  .typography-stories-headline,
  .typography-stories-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-features-eyebrow,
  .typography-features-eyebrow: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: 734px) {

  .typography-headline-super,
  .typography-headline-super:lang(ar),
  .typography-headline-reduced,
  .typography-headline-reduced:lang(ar),
  .typography-eyebrow-elevated,
  .typography-eyebrow-elevated:lang(ar),
  .typography-intro,
  .typography-intro:lang(ar),
  .typography-hero-intro,
  .typography-hero-intro:lang(ar),
  .typography-section-headline,
  .typography-section-headline:lang(ar),
  .typography-secondary-section-headline,
  .typography-secondary-section-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-section-header-cta,
  .typography-section-header-cta:lang(ar),
  .typography-resources-copy,
  .typography-resources-copy:lang(ar),
  .typography-stories-headline,
  .typography-stories-headline: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 ****/



.section-features .modal-trigger .iconcontrol {
  left: 20px;
  right: unset;
}

.section-stories .stories-gallery .gallery-item-jordyn-zimmerman blockquote p::before {
  right: 24px;
}

@media only screen and (max-width: 734px) {
  .section-stories .stories-gallery .gallery-item-jordyn-zimmerman blockquote p::before {
    right: 16px;
  }
}

.section-stories .stories-gallery .gallery-item-exceptional-minds blockquote p::before {
  right: -25px;
}

@media only screen and (max-width: 734px) {
  .section-stories .stories-gallery .gallery-item-exceptional-minds blockquote p::before {
    right: -15px;
  }
}

html.enhanced .section-features .features-card-voiceover.play .bubble-text {
  line-height: 1.13em;
}

.section-hero .hero-headline {
  max-width: 20ch;
}

.section-hero .section-content-responsive {
  margin-inline: auto;
  width: 100%;
}

br.xsmall {
  display: none;
}

@media only screen and (max-width: 475px) {
  br.xsmall {
    display: block;
  }
}

.section-features .section-header-headline {
  width: 30ch;
  max-width: 80%;
}

.section-features .section-content-responsive {
  width: 90vw;
  max-width: 100%;
}

@media only screen and (min-width: 1069px) and (max-width: 1161px) {
  .section-features .section-header {
    justify-content: space-around;
  }

  .section-features .section-content-responsive {
    width: 95vw;
  }
}

.section-features .features-card-voiceover .bubble:after {
  left: 30%;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-features .features-card-voiceover .bubble:after {
    left: 27%;
  }
}

@media only screen and (max-width: 734px) {
  .section-features .features-card-voiceover .bubble:after {
    left: 35%;
  }
}

.section-stories .section-header-headline {
  max-width: 30ch;
}

@media only screen and (min-width: 735px) and (max-width: 745px) {
  .section-stories .section-content-responsive {
    width: 90vw;
  }
}

.section-resources .tile-content {
  --sk-tile-padding-large: 32px 32px 52px 76px;
  --sk-tile-padding-medium: 28px 28px 52px 72px;
  --sk-tile-padding-small: 24px 24px 72px 24px;
  --sk-tile-padding-xsmall: 24px 24px 72px 24px
}


.section-stories .stories-gallery .gallery-item.gallery-item-exceptional-minds .tile-content {
  direction: initial;
}


.section-stories .stories-gallery .gallery-item.gallery-item-exceptional-minds .copy-content {
  direction: rtl;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  html.hero-enhanced .section-hero .hero-intro-copy {
    margin-inline: auto;
  }
}

@media only screen and (max-width: 400px) {
  .scroll-gallery .item-container .gallery-item.gallery-item-best-foot-forward .typography-stories-headline {
    min-width: 268px;
  }
}


.section-values .values-router-gallery .gallery-item:after {
    left: calc(var(--item-gap)/-2);
    right: unset;
}