/*** Arabic Fonts ****/

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

#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-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-tout, 
.typography-tout:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-card-headline, 
.typography-card-headline:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-modal-stat, 
.typography-modal-stat:lang(ar), 
.typography-modal-router-headline, 
.typography-modal-router-headline:lang(ar), 
.typography-section-headline-secondary, 
.typography-section-headline-secondary:lang(ar), 
.typography-feedback-subhead, 
.typography-feedback-subhead:lang(ar), 
.form-dropdown-chevron, 
.form-dropdown-chevron:lang(ar), 
[data-modal-name="learning"] .modal-copy, 
[data-modal-name="learning"] .modal-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), 
#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), 
.iconcontrol, 
.iconcontrol:lang(ar), 
.typography-body-reduced-tight, 
.typography-body-reduced-tight:lang(ar), 
.typography-caption, 
.typography-caption:lang(ar), 
.form-message-wrapper, 
.form-message-wrapper:lang(ar), 
.form-dropdown-select, 
.form-dropdown-select: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), 
.newsroom-grid .newsroom-item-content .newsroom-item-category, 
.newsroom-grid .newsroom-item-content .newsroom-item-category:lang(ar), 
.newsroom-grid .newsroom-item-content .newsroom-item-title, 
.newsroom-grid .newsroom-item-content .newsroom-item-title:lang(ar), 
.newsroom-grid .newsroom-item-content .newsroom-item-date, 
.newsroom-grid .newsroom-item-content .newsroom-item-date: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 (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 (max-width: 1068px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-card-headline, 
.typography-card-headline:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-modal-stat, 
.typography-modal-stat:lang(ar), 
.typography-modal-router-headline, 
.typography-modal-router-headline:lang(ar), 
.typography-section-headline-secondary, 
.typography-section-headline-secondary:lang(ar), 
[data-modal-name="learning"] .modal-copy, 
[data-modal-name="learning"] .modal-copy: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: 734px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-intro, 
.typography-intro:lang(ar), 
.typography-callout, 
.typography-callout:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-card-headline, 
.typography-card-headline:lang(ar), 
.typography-modal-headline, 
.typography-modal-headline:lang(ar), 
.typography-modal-stat, 
.typography-modal-stat:lang(ar), 
.typography-modal-router-headline, 
.typography-modal-router-headline:lang(ar), 
.typography-section-headline-secondary, 
.typography-section-headline-secondary:lang(ar), 
.section-hero .subhead, 
.section-hero .subhead:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.card-caption, 
.card-caption:lang(ar), 
.card-back .modal-hero .modal-eyebrow, 
.card-back .modal-hero .modal-eyebrow:lang(ar), 
.card-nav .categories .category > .button, 
.card-nav .categories .category > .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 (max-width: 734px) and (max-width: 1068px) {
.section-hero .subhead, 
.section-hero .subhead: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: 734px) and (max-width: 734px) {
.section-hero .subhead, 
.section-hero .subhead:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media (min-width: 1069px) {
.card-nav .categories .category > .button, 
.card-nav .categories .category > .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 ****/

/* custom-css */
.card-cta {
    left: var(--card-icon-offset);
    right: unset;
}

@media only screen and (min-width: 1069px) {
    .card-carbon-neutral .card-headline.card-content-item.typography-card-headline{
        padding-left: 34px;
    }
}

.paddles .paddles-previous{
    transform: unset;
}
.paddles .paddles-next{
    transform: scaleX(-1);
}

html.no-static .section-hero .inline-video .inline-video-ui {
    translate: calc((+50vw + var(--section-content-width)/-2)*var(--progress)) 0;
}

.section-values-router .item-container .gallery-item:after{
    right: unset;
    left: calc(var(--item-gap)/-2);
}

.card-back .modal-router-item .icon-plussolid {
  inset: auto auto calc(var(--modal-router-item-padding) - 2px) var(--modal-router-item-padding);
}

.card-back .modal-hero-caption {
  text-align: right;
}

@media only screen and (min-width: 734px) {
  .card-back .link {
    grid-gap: 0;
    gap: 0;
  }
}

@media only screen and (min-width: 734px) {
  div[data-modal-name="recycled"] .card-back .link {
    grid-gap: 20px;
    gap: 20px;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  div[data-modal-name="recycled"] .card-back .link {
    padding-inline: 30px;
  }
}

div[data-modal-name="hiring"] .card-back .link {
  text-align: right;
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  div[data-modal-name="hiring"] .card-back .link {
    justify-content: space-between;
  }
}

.card-back .link .typography-tout {
  margin-right: 10px;
}

.card-back .link .overview-modals-features-boc-highlights-icon-document {
  margin-right: -15px;
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .card-back .link .flex.cta-container {
    margin-right: -125px;
  }
}

.overview-modals-features-boc-highlights-icon-bolt {
  margin-right: -15px;
}