#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-globalfooter *,
#ac-globalfooter *:before,
#ac-globalfooter *:after,
#ac-localnav *,
#ac-localnav *:before,
#ac-localnav *:after,
#ac-localnav .ac-ln-button:lang(ar),
#globalnav .globalnav-link:lang(ar),
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
#globalnav .globalnav-submenu-header:lang(ar),
#globalnav .globalnav-submenu-list-item:lang(ar) {
  line-height: 1.66667;
  letter-spacing: 0em;
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "Gulf",
    "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
}

.typography-card-headline-big,
.typography-headline-reduced,
.section-hero .intro > span:last-of-type {
  line-height: 1.1;
}

[dir="rtl"] .section-collage .cover .caption {
  text-align: unset;
}

@media only screen and (min-width: 1069px) {
  .section-hero .intro > span {
    --common: ease-in-out both;
    grid-column: 1;
    position: relative;
    z-index: 2;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    font-size: 72px;
    line-height: 1.0555555556;
    font-weight: 600;
    text-align: center;
    max-width: 1007px;
  }
}

/* Gradient Texts directions */
.section-hero .subhead {
  background-image: linear-gradient(-90deg, #59adc4, #32d74b);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 0.1em;
  margin-top: 190px;
  margin-bottom: 180px;
  text-align: center;
  max-width: 12.8em;
  line-height: 1.15;
}

.section-people {
  --text-gradient: linear-gradient(-90deg, #0776fe 0%, #55bef0 92%);
}

.section-education {
  --text-gradient: linear-gradient(-90deg, #116dfc 0%, #7d5ae7 50%);
}

.section-environment {
  --text-gradient: linear-gradient(-90deg, #59adc4 0%, #42d74b 92%);
}

.section-health-and-safety {
  --text-gradient: linear-gradient(-90deg, #ac55dd 0%, #5ea8c6 75%);
}

/* Gradient Texts directions ends */

/* Modal Gradient Texts */
[dir="rtl"] .modal .badge-value {
  text-align: start;
}

@media only screen and (min-width: 1069px) {
  .modal .gradient-text {
    white-space: pre-wrap;
    line-height: 1.2;
  }

  [dir="rtl"] .modal .badge-value {
    min-width: 347px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .modal .gradient-text {
    white-space: pre-wrap;
  }

  [dir="rtl"] .modal .badge-value {
    min-width: 192px;
  }
}

@media only screen and (max-width: 734px) {
  .modal .gradient-text {
    white-space: pre-wrap;
  }

  [dir="rtl"] .modal .badge-value {
    min-width: 136px;
  }
}

/* Modal Gradient Texts Ends */

.section-feedback .headline {
  max-width: 450px;
  line-height: 1.2;
}

.section-feedback .subhead {
  max-width: 400px;
  color: #6a6b6d;
  line-height: 1.25;
}

.section-health-and-safety
  .cards-container
  > :first-child
  .typography-card-headline-big.card-headline,
.section-people
  .cards-container
  > :first-child
  .typography-card-headline-big.card-headline {
  line-height: 1.2;
}
.section-health-and-safety
  .cards-container
  > :first-child
  .typography-card-headline-big.card-headline
  .gradient-text {
  line-height: 1.1;
}

.modal .sticky-close .hover-icons-container {
  display: inline-block;
  margin: var(--offset) var(--offset) 0 0;
  --offset: 27px;
  font-weight: 300;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .modal .sticky-close .hover-icons-container {
    --offset: 30px;
  }
}

@media only screen and (max-width: 734px) {
  .modal .sticky-close .hover-icons-container {
    --offset: 18px;
  }
}

[dir="rtl"] .section-hero .video-container .inline-media-ui .play-pause-button {
  margin-right: auto;
  margin-left: 16px;
}

@media only screen and (max-width: 734px) {
  [dir="rtl"]
    .section-hero
    .video-container
    .inline-media-ui
    .play-pause-button {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1069px) {
  .section-collage .card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 0 75px 0 30px;
    justify-content: center;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-collage .card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 0 40px 0 20px;
    justify-content: center;
  }
}

@media only screen and (max-width: 734px) {
  .section-collage .card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 50px 40px 0 20px;
    justify-content: start;
  }
}

@media only screen and (min-width: 1069px) {
  [dir="rtl"] .section-collage .cover .caption {
    text-align: end;
    left: 40px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  [dir="rtl"] .section-collage .cover .caption {
    text-align: end;
    left: 0;
  }
}

.section-resources .list {
  list-style: none;
  margin-left: 0;
  display: grid;
  grid-row-gap: 26px;
  row-gap: 26px;
  margin-right: 0;
}

@media only screen and (min-width: 1069px) {
  .section-environment .cover hgroup,
  .section-education .cover hgroup,
  .section-health-and-safety .cover hgroup {
    position: absolute;
    top: 0;
    bottom: 0;
    height: -webkit-min-content;
    height: min-content;
    margin: auto;
    left: 0;
    right: unset;
    color: #fff;
    width: 50%;
  }
  .section-education .cover hgroup {
    position: absolute;
    top: 0;
    bottom: 0;
    height: -webkit-min-content;
    height: min-content;
    margin: auto;
    left: 0;
    right: unset;
    color: #fff;
    width: 52%;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-education .cover hgroup,
  .section-health-and-safety .cover hgroup,
  .section-environment .cover hgroup {
    position: absolute;
    top: 0;
    bottom: 0;
    height: -webkit-min-content;
    height: min-content;
    margin: auto;
    left: 0;
    right: 0;
    color: #fff;
    padding-right: 40%;
  }

  .section-people .cover hgroup {
    position: absolute;
    top: 0;
    bottom: 0;
    height: -webkit-min-content;
    height: min-content;
    margin: auto;
    left: 0;
    right: 0;
    color: #fff;
    padding-right: 58%;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .modal-we-listen-and-act .gradient-text {
    white-space: pre-wrap;
    line-height: 1.2;
  }
  .modal-zero-waste .gradient-text {
    white-space: pre-wrap;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 734px) {
  .modal-we-listen-and-act .gradient-text {
    white-space: pre-wrap;
    line-height: 1.2;
  }
  .modal-zero-waste .gradient-text {
    white-space: pre-wrap;
    line-height: 1.2;
  }
}

.modal .badge-content {
  grid-gap: 25px;
  gap: 25px;
  align-items: center;
}

@media only screen and (max-width: 734px) {
  .modal-environmental-rights #advancing-racial-equity-and-supplier-diversity- {
    line-height: 1.2;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .modal-environmental-rights #advancing-racial-equity-and-supplier-diversity- {
    line-height: 1.15;
  }
}

@media only screen and (min-width: 1069px) {
  .modal-environmental-rights #advancing-racial-equity-and-supplier-diversity- {
    line-height: 1.15;
  }
}

body:lang(ar) {
  letter-spacing: 0em;
  font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons,
    Helvetica Neue, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  max-width: 100%;
}

@media only screen and (max-width: 734px) {
  .cover-copy-resources {
    line-height: 1.3;
  }
}

@media only screen and (max-width: 450px) {
  .drawer .icon {
    transform-origin: -7px 50%;
    width: 0;
  }
}

html:not([dir="rtl"]) .more:before,
html:not([dir="rtl"]) .more:after {
  transform: scaleX(-1);
  padding-left: 0.3em;
}