/*** Arabic Fonts ****/
/********************/
#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
.typography-section-headline,
.typography-section-headline:lang(ar),
.typography-card-headline,
.typography-card-headline:lang(ar),
.typography-icon-card-modal-body,
.typography-icon-card-modal-body:lang(ar),
.typography-modal-headline,
.typography-modal-headline:lang(ar),
.typography-modal-topic-label,
.typography-modal-topic-label:lang(ar),
.typography-feature-card-modal-copy,
.typography-feature-card-modal-copy:lang(ar),
.accordion-item,
.accordion-item:lang(ar),
.section-welcome .section-header-headline,
.section-welcome .section-header-headline:lang(ar),
.section-welcome .section-header-copy-container,
.section-welcome .section-header-copy-container:lang(ar),
.accordion .accordion-item .accordion-title-text,
.accordion .accordion-item .accordion-title-text:lang(ar),
.section-select .product-tile-headline,
.section-select .product-tile-headline:lang(ar),
.banner-card-headline,
.banner-card-headline:lang(ar),
.section.section-index .section-index-section .index-title,
.section.section-index .section-index-section .index-title:lang(ar),
.section.section-index .section-index-section .index-item-elevated,
.section.section-index
  .section.section-index-section
  .index-item-elevated: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),
html,
[lang]:lang(ar),
body,
body:lang(ar),
.typography-family-paragraph,
.typography-family-paragraph:lang(ar),
.typography-section-headline-link,
.typography-section-headline-link:lang(ar),
.typography-feature-card-label,
.typography-feature-card-label:lang(ar),
.chapternav-label,
.chapternav-label:lang(ar),
.chapternav-new,
.chapternav-new:lang(ar),
.ribbon,
.ribbon:lang(ar),
.accordion .accordion-item .accordion-paragraph-text,
.accordion .accordion-item .accordion-paragraph-text:lang(ar),
.button,
.button:lang(ar),
.section-select .product-tile-positioning,
.section-select .product-tile-positioning:lang(ar),
.section-select .product-tile-price,
.section-select .product-tile-price:lang(ar),
.section-select .product-tile-ctas,
.section-select .product-tile-ctas:lang(ar),
.section-select .product-tile-plus,
.section-select .product-tile-plus:lang(ar),
.section.section-index .section-index-section .index-header,
.section.section-index .section-index-section .index-header:lang(ar),
.section.section-index .section-index-section .index-item-base,
.section.section-index .section-index-section .index-item-base: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 only screen and (max-width: 1068px) {
  .typography-section-headline,
  .typography-section-headline:lang(ar),
  .typography-card-headline,
  .typography-card-headline:lang(ar),
  .typography-modal-headline,
  .typography-modal-headline:lang(ar),
  .typography-feature-card-modal-copy,
  .typography-feature-card-modal-copy:lang(ar),
  .accordion-item,
  .accordion-item:lang(ar),
  .section-welcome .section-header-headline,
  .section-welcome .section-header-headline:lang(ar),
  .section-welcome .section-header-copy-container,
  .section-welcome .section-header-copy-container:lang(ar),
  .accordion .accordion-item .accordion-title-text,
  .accordion .accordion-item .accordion-title-text:lang(ar),
  .section-select .product-tile-headline,
  .section-select .product-tile-headline:lang(ar),
  .banner-card-headline,
  .banner-card-headline:lang(ar),
  .section.section-index .section-index-section .index-title,
  .section.section-index .section-index-section .index-title:lang(ar),
  .section.section-index .section-index-section .index-item-elevated,
  .section.section-index .section-index-section .index-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;
  }

  .typography-feature-card-label,
  .typography-feature-card-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 only screen and (max-width: 734px) {
  .typography-section-headline,
  .typography-section-headline:lang(ar),
  .typography-card-headline,
  .typography-card-headline:lang(ar),
  .typography-modal-headline,
  .typography-modal-headline:lang(ar),
  .typography-feature-card-modal-copy,
  .typography-feature-card-modal-copy:lang(ar),
  .accordion-item,
  .accordion-item:lang(ar),
  .section-welcome .section-header-headline,
  .section-welcome .section-header-headline:lang(ar),
  .section-welcome .section-header-copy-container,
  .section-welcome .section-header-copy-container:lang(ar),
  .accordion .accordion-item .accordion-title-text,
  .accordion .accordion-item .accordion-title-text:lang(ar),
  .section-select .product-tile-headline,
  .section-select .product-tile-headline:lang(ar),
  .banner-card-headline,
  .banner-card-headline:lang(ar),
  .section.section-index .section-index-section .index-title,
  .section.section-index .section-index-section .index-title:lang(ar),
  .section.section-index .section-index-section .index-item-elevated,
  .section.section-index .section-index-section .index-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;
  }

  .typography-family-paragraph,
  .typography-family-paragraph:lang(ar),
  .typography-section-headline-link,
  .typography-section-headline-link:lang(ar),
  .typography-icon-card-modal-body,
  .typography-icon-card-modal-body:lang(ar),
  .typography-modal-topic-label,
  .typography-modal-topic-label:lang(ar),
  .accordion .accordion-item .accordion-paragraph-text,
  .accordion .accordion-item .accordion-paragraph-text:lang(ar),
  .section-select .product-tile-positioning,
  .section-select .product-tile-positioning:lang(ar),
  .section-select .product-tile-price,
  .section-select .product-tile-price:lang(ar),
  .section-select .product-tile-ctas,
  .section-select .product-tile-ctas: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 (min-width: 735px) {
  .section-select .product-tile-ctas .button,
  .section-select .product-tile-ctas .product-tile-current,
  .section-select .product-tile-ctas button,
  .section-select .product-tile-ctas .button:lang(ar),
  .section-select .product-tile-ctas .product-tile-current:lang(ar),
  .section-select .product-tile-ctas button:lang(ar),
  .banner-card .banner-card-button,
  .banner-card .banner-card-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 ****/

.card-cta-modal-button .card-cta-modal-button-icon {
  left: 20px;
  right: unset;
}

/*#modal-content-innovation .card-viewport-content {
  direction: ltr;
}*/

#modal-content-innovation .card-viewport-content .feature-card-modal-copy {
  direction: rtl;
  text-align: right;
}

.feature-card-modal-tile.tile-horizontal-layout.image-first
  .card-viewport-content
  .feature-card-modal-content,
.feature-card-modal-tile.tile-horizontal-layout
  .card-viewport-content
  .feature-card-modal-content,
.feature-card-modal-tile .feature-card-modal-content {
  text-align: right;
}

.section-banner .banner-card.banner-card-banner {
  direction: ltr;
}

.section-banner .banner-card.banner-card-banner h2.banner-card-headline {
  direction: rtl;
}

.section-banner h2.section-header-headline {
  line-height: 1.26;
}

#main > section.section.section-incentive.background-alt > div:nth-child(3) {
  display: none;
}

#modal-content-environment
  > div:nth-child(4)
  > div
  > div
  > div
  > div.feature-card-modal-copyblock.feature-card-modal-content
  > p {
  direction: rtl;
}

.feature-card-modal-tile {
  direction: rtl;
}

@media only screen and (min-width: 1068px) {
  #modal-content-innovation
    > div.feature-card-modal-tile.bleed-bottom.tile-horizontal-layout.image-first
    > div
    > div
    > div {
    flex-direction: row;
  }

  #modal-content-innovation
    > div.feature-card-modal-tile.bleed-bottom.tile-horizontal-layout.image-first
    > div
    > div
    > div
    > div.feature-card-modal-copyblock.feature-card-modal-content {
    padding-inline-end: 0;
    padding-inline-start: 56px;
  }

  #modal-content-innovation > div:nth-child(4) > div > div > div {
    flex-direction: row-reverse;
  }

  #modal-content-innovation
    > div:nth-child(4)
    > div
    > div
    > div
    > div.feature-card-modal-copyblock.feature-card-modal-content {
    padding-inline-end: 56px;
    padding-inline-start: 0;
  }

  #modal-content-innovation
    > div:nth-child(4)
    > div
    > div
    > div
    > div.image-container {
    margin-top: 0;
    margin-inline-end: auto;
    margin-inline-start: 0;
  }
}

/* static hero */

@media only screen and (min-width: 1069px) {
  #modal-content-safety
    > div:nth-child(3)
    > div
    > div
    > div
    > div.image-container {
    width: 476px;
    margin-inline-end: auto;
    margin-inline-start: auto;
  }
}

@media only screen and (max-width: 1068px) {
  #modal-content-safety
    > div:nth-child(3)
    > div
    > div
    > div
    > div.image-container {
    width: auto;
    margin-inline-end: auto;
    margin-inline-start: auto;
  }
}

#modal-content-personalize
  > div:nth-child(3)
  > div
  > div
  > div
  > div.feature-card-modal-copyblock.feature-card-modal-content
  > p {
  line-height: 1.3;
}

#modal-content-environment
  > div.feature-card-modal-tile.bleed-bottom.tile-horizontal-layout.image-first
  > div
  > div
  > div
  > div.feature-card-modal-copyblock.feature-card-modal-content
  > p {
  line-height: 1.4;
}

#modal-content-innovation
  > div:nth-child(4)
  > div
  > div
  > div
  > div.feature-card-modal-copyblock.feature-card-modal-content
  > p {
  line-height: 1.3;
}

#modal-content-chip-battery
  > div:nth-child(3)
  > div
  > div
  > div
  > div.feature-card-modal-copyblock.feature-card-modal-content
  > p {
  line-height: 1.3;
}

@media only screen and (max-width: 735px) {
  #feature-card-modal-privacy
    > div
    > div
    > div
    > div
    > div.feature-card-modal-tile.bleed-bottom.tile-horizontal-layout {
    margin-top: 20px;
  }
}

#feature-card-modal-privacy
  > div
  > div
  > div
  > div
  > div.feature-card-modal-tile.bleed-bottom.tile-horizontal-layout {
  margin-top: 20px;
}

@media only screen and (min-width: 1068px) {
  #modal-content-safety
    > div:nth-child(3)
    > div
    > div
    > div
    > div.feature-card-modal-copyblock.feature-card-modal-content {
    padding-inline-end: 76px;
    margin: 0;
    z-index: 2;
    position: relative;
  }
}