/* Old styles */
.paddlenav .paddlenav-arrow {
    line-height: 0;
}

.section-hero .hero-final-iphone .inline-media {
    right: 6px;
    left: 1206px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-final-iphone .inline-media {
        right: 4px;
        left: 834px;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-final-iphone .inline-media {
        right: 4px;
        left: 359px;
    }
}

@media only screen and (max-width: 734px) {
    .section-images .inline-video-ui {
        width: 100vw;
    }
}

@media only screen and (max-width: 1068px) {
    .section-communication .inline-video-ui {
        width: 110px;
    }
}

@media only screen and (min-width: 1069px) {
    .section-language .section-header-copy {
        padding-right: 80px;
    }
}

.gradient-text {
    background-image: linear-gradient(108deg,
        #ff9004,
        #ff2e54 34%,
        #c959dd 68%,
        #0894ff);
}

.typography-section-headline-reduced {
    line-height: 1.134933333;
}

.typography-section-headline {
    line-height: 1.26985714;
}

.section-compatibility .compatibility-copy .copy-container {
    max-width: 39ch;
}

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

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

@media only screen and (min-width: 734px) and (max-width: 1068px) {
    .section-privacy .copy-content {
        width: 348px;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-final-iphone {
        transform-origin: bottom right;
    }
}

@media only screen and (max-width: 734px) {
    .section-language .section-header-media {
        align-self: flex-start;
    }

    .section-images .section-header-media {
        align-self: flex-end;
    }

    .section.section-siri .section-header-media {
        align-self: flex-end;
    }

    .section-more .more-image {
        align-self: flex-end;
    }
}

@media only screen and (min-width: 1069px) {
    .section-images .section-header-headline {
        margin-right: 160px;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-initial-iphone {
        margin-top: 19px;
    }
}

@media only screen and (max-width: 734px) {

    .icon-playcircle:after,
    .icon-playcircle:before {
        transform: rotate(180deg);
    }

    .section-images .section-header-media .inline-video-ui {
        direction: ltr;
        text-align: right;
    }
}

@media only screen and (min-width: 834px) and (max-width: 874px) {
    #ac-localnav .ac-ln-menu-link.current::after {
        bottom: 0;
    }
}

.scroll-gallery .gallery-item {
    position: relative;
    scroll-snap-align: center;
}

.section-images .inline-video-button.link {
    direction: ltr;
}

@media only screen and (max-width: 734px) {

    .icon-playcircle:after,
    .icon-playcircle:before {
        top: -2px;
    }

    .section-images .section-header-screen {
        right: 17px;
    }
}

@media only screen and (max-width: 570px) {
    html[dir="rtl"] .section-images .inline-video-button.link {
        right: 50%;
        left: auto;
        margin-right: 140px;
        margin-left: 0;
    }
}



@media only screen and (min-width: 1068px) {
    .section-language .section-header-screen {
        left: 954px;
    }
}

.section-compatibility .compatibility-list.row-7 {
    grid-template-rows: repeat(7, 1fr)
}

@media only screen and (max-width: 1068px) {
    .section-compatibility .compatibility-list.m-9-row {
        grid-template-rows: repeat(9, 1fr);
    }
}

.section.section-productivity .section-header .section-header-media {
    align-self: flex-end;
}

.section.section-productivity .section-header .section-header-media {
    justify-self: flex-end;
}

.section-hero .hero-intro .footnote {
    -webkit-text-fill-color: #1d1d1f
}

.section-hero .hero-intro.clickable {
    z-index: 3;
    padding-block-end: 3px
}

html.hero-enhance-xp .section-hero .hero-intro {
    margin-top: 72px;
}

/* End old styles */


/*** Arabic Fonts ****/

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

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#globalnav .globalnav-searchfield-input, 
#globalnav .globalnav-searchfield-input:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-intro, 
.typography-hero-intro:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-body, 
.typography-section-body:lang(ar), 
.typography-section-headline-reduced, 
.typography-section-headline-reduced:lang(ar), 
.typography-gallery-headline, 
.typography-gallery-headline:lang(ar), 
.typography-experience-ai-headline, 
.typography-experience-ai-headline:lang(ar), 
.typography-experience-ai-tile-headline, 
.typography-experience-ai-tile-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), 
#globalnav .globalnav-searchresults-header, 
#globalnav .globalnav-searchresults-header:lang(ar), 
#globalnav .globalnav-searchresults-list-item, 
#globalnav .globalnav-searchresults-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
.globalnav-bag-badge-number, 
.globalnav-bag-badge-unit, 
#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), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.badge, 
.badge:lang(ar), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.button, 
.button:lang(ar), 
.typography-body-reduced, 
.typography-body-reduced:lang(ar), 
.typography-hero-badge, 
.typography-hero-badge:lang(ar), 
.typography-gallery-caption, 
.typography-gallery-caption:lang(ar), 
.typography-privacy-list, 
.typography-privacy-list:lang(ar), 
.typography-experience-ai-tile-subcopy, 
.typography-experience-ai-tile-subcopy:lang(ar), 
.tabnav, 
.tabnav:lang(ar), 
.section-experience-ai .button, 
.section-experience-ai .button:lang(ar), 
.section-experience-ai .tabnav-item .tabnav-link, 
.section-experience-ai .tabnav-item .tabnav-link: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), 
#globalnav .globalnav-searchfield-input, 
#globalnav .globalnav-searchfield-input: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), 
#globalnav .globalnav-searchresults-header, 
#globalnav .globalnav-searchresults-header:lang(ar), 
#globalnav .globalnav-searchresults-list-item, 
#globalnav .globalnav-searchresults-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-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-intro, 
.typography-hero-intro:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-headline-reduced, 
.typography-section-headline-reduced:lang(ar), 
.typography-gallery-headline, 
.typography-gallery-headline:lang(ar), 
.typography-experience-ai-headline, 
.typography-experience-ai-headline:lang(ar), 
.typography-experience-ai-tile-headline, 
.typography-experience-ai-tile-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-hero-badge, 
.typography-hero-badge:lang(ar), 
.typography-section-body, 
.typography-section-body:lang(ar), 
.typography-gallery-caption, 
.typography-gallery-caption: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 only screen and (max-width: 734px) {
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-intro, 
.typography-hero-intro:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-section-headline-reduced, 
.typography-section-headline-reduced:lang(ar), 
.typography-gallery-headline, 
.typography-gallery-headline:lang(ar), 
.typography-experience-ai-headline, 
.typography-experience-ai-headline:lang(ar), 
.typography-experience-ai-tile-headline, 
.typography-experience-ai-tile-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-privacy-list, 
.typography-privacy-list:lang(ar), 
.typography-experience-ai-tile-subcopy, 
.typography-experience-ai-tile-subcopy:lang(ar), 
.section-experience-ai .button, 
.section-experience-ai .button:lang(ar), 
.section-experience-ai .grid-item-content .gallery-copy, 
.section-experience-ai .grid-item-content .gallery-copy:lang(ar), 
.section-experience-ai .grid-item-content .icon-wrapper, 
.section-experience-ai .grid-item-content .icon-wrapper: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: 360px) {
.section-hero .hero-headline, 
.section-hero .hero-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 only screen and (max-width: 360px) and (max-width: 1068px) {
.section-hero .hero-headline, 
.section-hero .hero-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 only screen and (max-width: 360px) and (max-width: 734px) {
.section-hero .hero-headline, 
.section-hero .hero-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}


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

/*** Arabic Fonts ****/


.avail-disclaimer {
    color: rgba(0, 0, 0, 0.88);
    font-family: "SF Pro Text", system-ui, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 0px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .avail-disclaimer {
        font-size: 14px;
        line-height: 17px;
        padding: 12px 0px;
    }
}

@media only screen and (min-width: 1069px) {
    .avail-disclaimer {
        font-family: "SF Pro Display", system-ui, sans-serif;
        font-size: 19px;
        line-height: 23px;
        padding: 14px 0px;
    }
}

.caption-tile .card-caption-content,
.caption-tile .card-cta-content,
.caption-tile .card-footnote-content {
    --caption-padding-sides: 15px;
    --caption-padding-top: 28px;
    --caption-link-padding: 14px;
}

.caption-tile .card-footnote-content {
    order: 4;
    margin-top: 14px;
    padding: 0 15px;
    color: rgb(110, 110, 115);
}

.typography-caption-tile-footnote {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    color: rgb(110, 110, 115);
    grid-column: 1/5;
    display: block;
    margin-top: 15px;
}

@media only screen and (min-width: 1069px) {
    .section-images .section-header-copy {
        grid-column: 1/6
    }
}

@media only screen and (min-width: 1069px) {
    .section-images .section-header .section-content h2 {
        margin-right: 160px;
    }
    .section-images .section-header .section-content p {
      margin-right: 80px;
    }
}

.section-communication .section-header-container,
.section-images .section-header .section-content,
.section.section-with-gallery.section-visual-intelligence .section-header-container {
    text-align: right;
}

.section-communication .section-header-copy {
    grid-column: 8/13;
}

html[dir=rtl] .inline-video-button.link {
  left: 50%;
  right: unset;
}

@media only screen and (max-width: 735px) {
    .section-visual-intelligence .section-content .section-header-media {
        direction: ltr;
    }
    .section-visual-intelligence .section-content .section-header-media .inline-video-ui button {
        direction: rtl;
    }
}

.section-productivity #gallery-headline-productivity {
    line-height: 1.265;
}

@media only screen and (max-width: 734px) and (max-width: 660px) {
    .section-communication .section-header-media {
        align-self: flex-start;
    }
}

.hero-initial-copy .gradient-text, .section-experience-ai .section-content .typography-experience-ai-headline .gradient-text {
    background-image: linear-gradient(288deg, #ff9004, #ff2e54 34%, #c959dd 68%, #0894ff)
}

.section-compatibility .tile {
    background-image: linear-gradient(to bottom right,#F55273,#BB64FF,#0096FF);
}

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