#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-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-tiles-headline, 
.typography-tiles-headline:lang(ar), 
.typography-facts-long-headline, 
.typography-facts-long-headline:lang(ar), 
.typography-headline-size-4, 
.typography-headline-size-4: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), 
.typography-caption, 
.typography-caption:lang(ar), 
.button, 
.button:lang(ar), 
.button-super, 
.button-super:lang(ar), 
#ac-localeswitcher, #ac-localeswitcher select, #ac-localeswitcher button, 
#ac-localeswitcher .ac-ls-copy, 
#ac-localeswitcher .ac-ls-continue {
    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-headline-super, 
.typography-headline-super:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-tiles-headline, 
.typography-tiles-headline:lang(ar), 
.typography-facts-long-headline, 
.typography-facts-long-headline:lang(ar), 
.typography-headline-size-4, 
.typography-headline-size-4: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: 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 only screen and (max-width: 734px) {
.typography-headline-super, 
.typography-headline-super:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-tiles-headline, 
.typography-tiles-headline:lang(ar), 
.typography-facts-long-headline, 
.typography-facts-long-headline:lang(ar), 
.typography-headline-size-4, 
.typography-headline-size-4:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

.grid-item-in-app.full .flex-content .picture-container {
  margin-left: unset;
  margin-right: calc(-1 * var(--tile-padding));
}

.grid-modal .modal-cta {
  right: auto;
  left: var(--postion);
}

.grid-item-details.full .headline-content {
  padding-left: auto;
  padding-right: var(--tile-padding);
}

.grid-item-help .picture-container {
  margin-right: auto;
  margin-left: calc(-1 * var(--tile-padding));
}

.grid-item-instant.full .picture-container {
  margin-left: auto;
  margin-right: calc(-1 * var(--tile-padding));
}

.grid-item-review picture {
  margin-left: auto;
  margin-right: calc(-1 * var(--tile-padding));
}

.grid-item-potential .picture-container {
  margin-right: auto;
  margin-left: calc(-1 * var(--tile-padding));
}

.grid-item-potential .picture-container picture {
  float: left;
}

.grid-item-potential .headline-content {
  z-index: 1;
}

.section-store-banner {
  background: #ffffff;
  margin-top: 0;
}

@media only screen and (min-width: 735px) {
  .grid-item-stories .picture-container {
    margin-right: auto;
    margin-left: calc(-1 * var(--tile-padding));
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .hero .hero-headline,
  .section .section-headline,
  .section-hero .hero-copy {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-stories h3 {
    padding-right: 0;
    padding-left: var(--tile-padding-horizontal);
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-details.full .picture-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: calc(-1 * var(--tile-padding-horizontal));
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-details.full .picture-container picture {
    float: left;
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-review picture {
    margin-right: calc(-1 * var(--tile-padding-horizontal));
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-potential .picture-container picture {
    right: auto;
    left: 50%;
    margin-right: auto;
    margin-left: -175px;
  }
}

.grid-item-review h3 {
  max-width: 410px;
}

@media only screen and (max-width: 1068px) {
  .grid-item-review h3 {
    max-width: 246px;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-review h3 {
    max-width: 280px;
  }
}

.grid-item-refund .picture-container {
  left: auto;
}

@media only screen and (max-width: 734px) {
  .grid-item-refund .picture-container {
    right: 0;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-currencies.grid-item.icon-half
    .flex-content
    .icon
    .overview-icon-currency {
    margin-left: auto;
    margin-right: 0;
  }
}

.typography-headline {
  line-height: 1.2;
}

.grid-item-details .typography-headline {
  word-break: normal;
}
.grid-item.theme-blue h3 {
  line-height: 1.185;
}

.app-store-wrapper {
  padding-bottom: 0;
}

.app-store-wrapper .section-apps {
  direction: ltr;
}

.app-store-wrapper .marquee-item-content {
  direction: rtl;
}

.app-store-wrapper .marquee-item-chiclet,
.app-store-wrapper .marquee-item-copy {
  margin-right: unset;
  margin-left: 15px;
}

@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-chiclet,
  .app-store-wrapper .marquee-item-copy {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-chiclet,
  .app-store-wrapper .marquee-item-copy {
    margin-left: 7px;
  }
}

html[tier="t1"] .grid-item-problem,
html[tier="t2"] .grid-item-problem {
  direction: ltr;
}

html[tier="t1"] .grid-item-problem h3,
html[tier="t2"] .grid-item-problem h3 {
  direction: rtl;
  padding-right: unset;
  padding-left: 50px;
  margin-right: unset;
  margin-left: 8.33333%;
}

@media only screen and (max-width: 1068px) {
    html[tier="t1"] .grid-item-problem h3,
    html[tier="t2"] .grid-item-problem h3 {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 734px) {
    html[tier="t1"] .grid-item-problem h3,
    html[tier="t2"] .grid-item-problem h3 {
        padding-left: 12px;
    }
}

.section-news .gallery {
    text-align: right;
}

.section-news .paddlenav-light-content .paddlenav-arrow .icon {
    transform: rotate(180deg);
}

.section-news .paddlenav .paddlenav-arrow-previous .icon:after {
    right: unset;
    left: 0.26em;
}

@media only screen and (min-width: 734px) {
    .grid-item-data .headline-content {
        margin-right: calc(var(--grid-gutter) / 2);
        padding-right: var(--tile-padding);
        margin-left: unset;
        padding-left: unset;
    }
}

@media only screen and (min-width: 734px) {
  .grid-item-refund h3 {
      max-width: 360px;
  }
}

@media only screen and (max-width: 734px) {
    .grid-item-refund h3 {
        max-width: 240px;
    }
}

.app-store-wrapper {
    padding-bottom: 168px;
}

@media only screen and (max-width: 734px) {
    .app-store-wrapper {
        padding-bottom: 130px;
    }
}

.section-store-banner {
    background: #f5f5f7;
    margin-top: 24px;
}

.app-store-wrapper .controls-wrapper .controls {
    left: 30px;
}

@media only screen and (min-width: 1068px) {
  .grid-item.hardware-half .flex-content picture {
      margin-top: 83px;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .grid-item.hardware-half .flex-content picture {
      margin-top: 125px;
  }
}

@media only screen and (max-width: 734px) {
    .grid-item-family-friendly h3 {
        padding-right: unset;
        padding-left: 70px;
    }
}

@media only screen and (max-width: 734px) {
    .section-news .section-content {
        text-align: right;
    }
}

.section-news .paddlenav .paddlenav-arrow-next .icon:after {
    left: unset;
    right: 0.26em;
}

.section-news .paddlenav .paddlenav-arrow .icon:after {
    padding-left: unset;
    padding-right: 0 !important;
}

.icon-after::after, .more::after {
    padding-right: unset;
    padding-left: .3em;
    top: 0;
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .grid-item-refund .typography-headline {
        font-size: 32px;
    }
}

@media only screen and (max-width: 734px) {
    .grid-item-refund .typography-headline {
        font-size: 28px;
    }
}

@media only screen and (max-width: 734px) {
    .grid-item-refund .picture-container {
        margin-bottom: unset;
    }
}

@media only screen and (min-width: 734px) {
  .grid-item.grid-item-review {
    direction: ltr;
  }
}

@media only screen and (min-width: 734px) {
  .grid-item.grid-item-review .flex-content {
    text-align: right;
  }
}

@media only screen and (min-width: 734px) {
  .grid-item.grid-item-review .flex-content .headline-content h3 {
    direction: rtl;
  }
}

@media only screen and (min-width: 1068px) {
  .grid-item.grid-item-review .flex-content .headline-content h3 {
    margin-right: 1.7em;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .grid-item.grid-item-review .flex-content .headline-content h3 {
    margin-left: 0.5em;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .grid-item-story-number .grid-item.half {
        padding-bottom: 50px;
    }
}