/*** Arabic Fonts ****/
/********************/
#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
.typography-headline-super,
.typography-headline-super:lang(ar),
.typography-headline,
.typography-headline:lang(ar),
.typography-headline-reduced,
.typography-headline-reduced:lang(ar),
.typography-eyebrow-elevated,
.typography-eyebrow-elevated:lang(ar),
.typography-hero-gallery-headline,
.typography-hero-gallery-headline:lang(ar),
.typography-section-headline,
.typography-section-headline:lang(ar),
.typography-boc-eyebrow,
.typography-boc-eyebrow:lang(ar),
.typography-boc-eyebrow-elevated,
.typography-boc-eyebrow-elevated:lang(ar),
.typography-boc-headline,
.typography-boc-headline:lang(ar),
.typography-boc-resource,
.typography-boc-resource:lang(ar),
.section-hero .hero-copy,
.section-hero .hero-copy: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),
.button,
.button:lang(ar),
.button-super,
.button-super:lang(ar),
.button-reduced,
.button-reduced:lang(ar),
.typography-body-tight,
.typography-body-tight:lang(ar),
.typography-body-reduced,
.typography-body-reduced:lang(ar),
.typography-body-reduced-tight,
.typography-body-reduced-tight:lang(ar),
.typography-filter-tabnav,
.typography-filter-tabnav:lang(ar),
.typography-card-copy,
.typography-card-copy:lang(ar),
.tabnav-paddle,
.tabnav-paddle: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-headline-super,
    .typography-headline-super:lang(ar),
    .typography-headline,
    .typography-headline:lang(ar),
    .typography-headline-reduced,
    .typography-headline-reduced:lang(ar),
    .typography-eyebrow-elevated,
    .typography-eyebrow-elevated:lang(ar),
    .typography-hero-gallery-headline,
    .typography-hero-gallery-headline:lang(ar),
    .typography-section-headline,
    .typography-section-headline:lang(ar),
    .typography-boc-headline,
    .typography-boc-headline:lang(ar),
    .section-hero .hero-copy,
    .section-hero .hero-copy:lang(ar) {
        font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
            "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .typography-card-copy,
    .typography-card-copy:lang(ar),
    .section-app-store .app-store-button,
    .section-app-store .app-store-button: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,
    .typography-headline:lang(ar),
    .typography-headline-reduced,
    .typography-headline-reduced:lang(ar),
    .typography-eyebrow-elevated,
    .typography-eyebrow-elevated:lang(ar),
    .typography-hero-gallery-headline,
    .typography-hero-gallery-headline:lang(ar),
    .typography-section-headline,
    .typography-section-headline:lang(ar),
    .typography-boc-headline,
    .typography-boc-headline:lang(ar),
    .section-hero .hero-copy,
    .section-hero .hero-copy:lang(ar) {
        font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
            "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .typography-filter-tabnav,
    .typography-filter-tabnav:lang(ar),
    .typography-boc-eyebrow,
    .typography-boc-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 only screen and (max-width: 480px) {

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

    .section-app-store .app-store-copy,
    .section-app-store .app-store-copy:lang(ar),
    .section-more-apps .app-copy,
    .section-more-apps .app-copy:lang(ar),
    .section-routers .router-copy,
    .section-routers .router-copy:lang(ar),
    .section-routers .router-cta,
    .section-routers .router-cta: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 ****/


#hero-gallery .hero-item-container > .card {
    direction: rtl;
}

.paddlenav-arrow-previous svg {
    transform: unset;
}

.section-hero .paddlenav-side-aligned.paddlenav-outside.paddlenav .paddlenav-arrow-next svg {
    transform: rotate(180deg);
}

html[dir=rtl] .section-featured-apps .paddlenav-side-aligned.paddlenav-outside button,
html[dir=rtl] .section-newsroom .paddlenav-side-aligned.paddlenav-outside button {
    transform: scaleX(-1);
}


.section-hero .hero-headline {
    margin-right: 0;
    margin-left: 30px;
    line-height: 1.2;
}

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


.section-featured-apps .card .ctas-wrapper .button {
    margin-right: unset;
    margin-left: 15px;
}

.modal-section.feature {
    direction: ltr;
}

.modal-section.feature > * {
    direction: rtl;
}


@media only screen and (min-width: 735px) {
    .gallery .gallery-item:last-child {
        padding-right: var(--item-gap);
    }
}

@media only screen and (min-width: 734px) {
    .section-featured-apps .featured-apps-panel-avp .card-facetime .comp {
        right: 19px;
    }
}

@media only screen and (max-width: 734px) {
    .section-featured-apps .featured-apps-panel-avp .card-facetime .comp {
        right: 15px;
        bottom: 8px;
    }
}

.section-featured-apps .card.card-facetime::after {
    right: unset;
    left: 20px;
}