/*** 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-headline-super, 
.typography-headline-super:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated: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-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-tile-apple-silicon, 
.typography-tile-apple-silicon:lang(ar), 
.typography-tile-encryption, 
.typography-tile-encryption:lang(ar), 
.typography-text-image, 
.typography-text-image:lang(ar), 
.form-dropdown-chevron, 
.form-dropdown-chevron:lang(ar), 
.accordion-item, 
.accordion-item: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), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.button-super, 
.button-super:lang(ar), 
.button-elevated, 
.button-elevated:lang(ar), 
.typography-body, 
.typography-body:lang(ar), 
.typography-body-tight, 
.typography-body-tight:lang(ar), 
.typography-tile-eyebrow, 
.typography-tile-eyebrow:lang(ar), 
.form-message-wrapper, 
.form-message-wrapper:lang(ar), 
.form-label, 
.form-label:lang(ar), 
.form-dropdown-select, 
.form-dropdown-select:lang(ar), 
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label, 
.form-dropdown-select.form-dropdown-selectnone ~ .form-dropdown-label:lang(ar), 
.form-dropdown-label, 
.form-dropdown-label:lang(ar), 
.form-textbox-input, 
.form-textbox-input:lang(ar), 
.form-textbox-label, 
.form-textbox-label:lang(ar), 
.form-textarea, 
.form-textarea:lang(ar), 
.form-textarea textarea, 
.form-textarea textarea:lang(ar), 
.form-tooltip-info, 
.form-tooltip-info:lang(ar), 
.form-alert, 
.form-alert:lang(ar), 
.form-container .form-checkbox-marketing .form-label, 
.form-container .form-checkbox-marketing .form-label:lang(ar), 
.accordion-content .accordion-content-paragraph, 
.accordion-content .accordion-content-paragraph:lang(ar), 
.tabnav-link, 
.tabnav-link: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 (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), 
#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; 
  }

#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), 
#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-elevated, 
.typography-headline-elevated: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-callout, 
.typography-callout:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-tile-apple-silicon, 
.typography-tile-apple-silicon:lang(ar), 
.typography-tile-encryption, 
.typography-tile-encryption:lang(ar), 
.typography-text-image, 
.typography-text-image:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-tile-eyebrow, 
.typography-tile-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-elevated, 
.typography-headline-elevated: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-eyebrow-reduced, 
.typography-eyebrow-reduced:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-text-image, 
.typography-text-image:lang(ar), 
.accordion-item, 
.accordion-item: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 ****/




.ai-disclaimer {
    color: #86868b !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    margin-top: 1rem;
}

.security-headline .text-animated {
    padding-bottom: .07em;
}

.text-gradient.text-animated.animate {
    animation-name: gradientSwipeRTL;
}

@keyframes gradientSwipeRTL {
    0% {
        background-position-x: -125%; 
    }
    100% {
        background-position-x: 50%;
    }
}

.text-gradient.text-animated {
    display: inline-block;
    color: rgba(0,0,0,0);
    background-clip: text;
    background-image: linear-gradient(-45deg,var(--text-gradient-background-color),#ff825b 25%,#e85cba 45%,#a546e9 65%,#7533ff 75%,var(--text-gradient-background-color));
    padding-bottom: .07em;
    margin-bottom: -0.05em;
    background-color: var(--text-gradient-background-color);
    background-position-x: -125%;
    background-size: -125% 50%;
    background-repeat: no-repeat;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.security-headline .text-animated {
    display: inline-block;
    color: rgba(0,0,0,0);
    background-clip: text;
    background-image: linear-gradient(-45deg,var(--text-gradient-background-color),#ff825b 25%,#e85cba 45%,#a546e9 65%,#7533ff 75%,var(--text-gradient-background-color));
    padding-bottom: .05em;
    margin-bottom: -0.05em;
    background-color: var(--text-gradient-background-color);
    background-position-x: -125%;
    background-size: -125% 50%;
    background-repeat: no-repeat;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.security-headline .text-animated.animate {
    animation-name: gradientSwipeRTL !important;
}

.modal-productivity-multitasking .tile-widget .modal-content-indent .modal-content-tile-headline {
    margin-left: -23px;
}

.list-item-copy .text-default {
    display: none;
}

.list-item-copy .visuallyhidden {
    position: static !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    height: auto !important;
    width: auto !important;
    padding: unset !important;
    border: unset !important;
}

.modal-content-tile.tile-reliable .typography-headline {
    line-height: 1.1334933333;
}

.form-container .form-headline {
    margin: 0 -8px;
}

.item-container .gallery-item .typography-eyebrow-elevated {
    line-height: 1.2128571429;
}

.modal-content-indent .typography-headline-elevated {
    line-height: 1.1825;
}

.modal-content-indent .typography-eyebrow-elevated {
    line-height: 1.2428571429;
}

.section.section-security .section-content-responsive .typography-label {
    line-height: 1.2266666667;
} 

section.modal-content-tiles.modal-content-width > .modal-content-tile.tile-email.half-tile.with-glyph > div > h4 {
    margin: 5px 0 0 -8px;
}

.tile-ecosystem .tile-content {
    padding-left: calc(54% + var(--sk-tile-padding));
    padding-right: 30px;
}

@media (min-width:1441px) {
    .tile-ecosystem .tile-content {
        padding-left: calc(53% + var(--sk-tile-padding));
    }
}

@media (max-width:1068px) {
    .tile-ecosystem .tile-content {
        padding-left: calc(42% + var(--sk-tile-padding));
    }
}

@media (max-width:734px) {
    .tile-ecosystem .tile-content {
        padding-right: calc(43% + var(--sk-tile-padding));
        padding-left: 24px;
    }
}
@media (max-width:480px) {
    .tile-ecosystem .tile-content {
        padding-left: calc(43% + var(--sk-tile-padding));
        padding-right: 24px;
    }
}

.section-security .gallery-item-apple-silicon .tile .tile-content .span-1::after {
    content: "";
    background-image: linear-gradient(-75deg,#86868b,#ff825b 20%,#e85cba 35%,#a546e9 65%,#7533ff 75%,#86868b 90%);
    background-color: #86868b;
    background-repeat: no-repeat;
    background-size: var(--gradient-width) var(--gradient-height);
    background-position: 40% 0%;
    height: .7em;
    flex-grow: 1;
    margin-inline-start: .2em;
}
.section-security .gallery-item-apple-silicon .tile .tile-content .span-2::before {
    content: "";
    background-image: linear-gradient(-75deg,#86868b,#ff825b 20%,#e85cba 35%,#a546e9 65%,#7533ff 75%,#86868b 90%);
    background-color: #86868b;
    background-repeat: no-repeat;
    background-size: var(--gradient-width) var(--gradient-height);
    background-position: 60% 25%;
    height: .7em;
    flex-grow: 1;
    margin-inline-end: .2em;
}

.section-security .gallery-item-apple-silicon .tile .tile-content .span-3::after,
.section-security .gallery-item-apple-silicon .tile .tile-content .span-3::before {
    content: "";
    background-image: linear-gradient(-75deg,#86868b,#ff825b 20%,#e85cba 35%,#a546e9 65%,#7533ff 75%,#86868b 90%);
    background-color: #86868b;
    background-repeat: no-repeat;
    background-size: var(--gradient-width) var(--gradient-height);
    height: .7em;
}

.section-security .gallery-item-apple-silicon .tile .tile-content .span-3::before {
    background-position: 50% 50%;
}

.section-security .gallery-item-apple-silicon .tile .tile-content .span-3::after {
    background-position: 40% 0%;
}

@keyframes appleSiliconSwipe1 {
    0% {
        background-position-x: -80%;
    }
}

@keyframes appleSiliconSwipe2 {
    0% {
        background-position-x: -55%;
    }
}

@keyframes appleSiliconSwipe3 {
    0% {
        background-position-x: -100%;
    }
}

@keyframes appleSiliconSwipe4 {
    0% {
        background-position-x: -60%;
    }
}

html[dir=rtl] .section-it .it-devices {
    margin-block-end: 73px;
    margin-left: -347px;
    justify-content: flex-end;
    display: flex;
}

@media (max-width:1068px) {
    html[dir=rtl] .section-it .it-devices {
        margin-left: 0;
        justify-content: center;
    }
}

@media (max-width:734px) {
    html[dir=rtl] .section-it .it-devices {
        margin-block-start: 53px;
    }
}

.modal-content-hero-image.align-start picture {
    justify-content: flex-end;
}

.tile-intelligence .image-content {
    justify-content: flex-end;
}

@media (max-width:734px) {
    #productivity-gallery > div.scroll-container > ul > li.gallery-item.gallery-item-apps.current > div > div.image-content {
        inset-block-end: -10px;
    }
}