[x-cloak] {
  display: none !important;
}

.text-center {
  text-align: center;
}

.max-fit-content {
  max-width: fit-content;

}

/* ========== Data & Assurance ============ */
.main-data-and-assurance .text-intro.max-width-1098 {
  padding-top: 60px;
  padding-bottom: 50px;
}

.main-data-and-assurance .max-width-1098 h3 {
  margin-bottom: 10px;
}

.main-data-and-assurance .max-width-1098 {
  padding-block: var(--trapezoid-padding-vertical);
}

.main-data-and-assurance .signature {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}

.main-data-and-assurance .signature img {
  width: 120px;
  height: auto;
  margin-left: 8px;
}

.main-data-and-assurance .signature .signature-divider {
  width: 322px;
  height: .5px;
  background-color: var(--color-orange-600);
  margin-top: 25px;
  margin-bottom: 25px;
}

.main-data-and-assurance .signature h6 {
  margin-bottom: 7px;
}

@media screen and (min-width: 1025px) {
  .main-data-and-assurance .trapezoid#trapezoid-performance-data::before {
    clip-path: polygon(0% 0%, 99% 0, 83% 100%, 0% 100%);
  }

  .main-data-and-assurance .trapezoid#trapezoid-performance-data::after {
    clip-path: polygon(0 0, 98.2% 0, 82.2% 100%, 0% 100%);
  }
}

@media screen and (min-width: 769px) {
  .main-data-and-assurance .trapezoid::before {
    clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
  }

  .main-data-and-assurance .trapezoid::after {
    clip-path: polygon(0 0, 99.2% 0, 85.2% 100%, 0% 100%);
  }
}

#data-and-assurance-chevron-01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 22.3%;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#data-and-assurance-chevron-02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20%;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#data-and-assurance-chevron-03 {
  position: absolute;
  right: 186px;
  bottom: 0;
  transform: translateY(0%);
  width: 69px;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#data-and-assurance-chevron-04 {
  position: absolute;
  right: 272px;
  top: 85px;
  width: 108px;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#data-and-assurance-chevron-05 {
  position: absolute;
  left: 0;
  top: 0;
  width: 18.75%;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#data-and-assurance-chevron-06 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20.8%;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#data-and-assurance-chevron-07 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24.5%;
  height: auto;
  object-fit: contain;
  transform: scaleX(-1);
  z-index: -1;
  display: none;
}

#data-and-assurance-chevron-08 {
  display: none;
}

#verification-statement,
#full-pdf-report {
  margin-bottom: 50px;
}

@media screen and (min-width: 1025px) {
  .trapezoid#trapezoid-performance-data::before {
    clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
  }

  .trapezoid#trapezoid-performance-data::after {
    clip-path: polygon(0 0, 98.9% 0, 72.9% 100%, 0% 100%);
  }
}

@media screen and (max-width: 2200px) {
  .main-data-and-assurance .max-width-1098 {
    max-width: 42vw;
  }

  #data-and-assurance-chevron-03 {
    width: 3vw;
    right: 7vw;
    bottom: 0;
  }

  #data-and-assurance-chevron-04 {
    right: 10vw;
    width: 4vw;
    top: 3vw;
  }

  .main-data-and-assurance .signature {
    margin-top: 40px;
  }

  .main-data-and-assurance .signature img {
    width: 5.3vw;
  }

  .main-data-and-assurance .signature .signature-divider {
    width: 13vw;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .main-data-and-assurance .signature h6 {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 1400px) {
  .main-data-and-assurance .max-width-1098 {
    max-width: 50vw;
  }

}

@media screen and (max-width: 1024px) {
  .main-data-and-assurance .max-width-1098 {
    max-width: 67.5vw;
  }

  .main-data-and-assurance .max-width-1098 .ml--30 {
    margin-left: -10px;
  }

  #data-and-assurance-chevron-01 {
    left: unset;
    right: 0;
    top: unset;
    bottom: 0;
    transform: rotate(180deg);
    width: 27.4%;
  }

  #data-and-assurance-chevron-02 {
    display: none;
  }

  #data-and-assurance-chevron-07 {
    display: block;
  }

  #data-and-assurance-chevron-03 {
    display: none;
  }

  #data-and-assurance-chevron-04 {
    width: 8vw;
    right: 3vw;
    top: 80px;
  }

  #data-and-assurance-chevron-05 {
    left: unset;
    right: 0;
    top: unset;
    bottom: 0;
    transform: rotate(180deg);
    width: 27%;
  }

  #data-and-assurance-chevron-06 {
    display: none;
  }

  #trapezoid-performance-data {
    left: -24vw;
  }

  .main-data-and-assurance .signature img {
    width: 10vw;
  }

  .main-data-and-assurance .signature .signature-divider {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 35vw;
  }

  .main-data-and-assurance .signature {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .main-data-and-assurance .text-intro.max-width-1098 {
    padding-left: 0;
  }

  .main-data-and-assurance .max-width-1098 {
    max-width: 100%;
    padding-inline: 40px;
  }

  .main-data-and-assurance .trapezoid+.max-width-1098 {
    padding: var(--trapezoid-padding-vertical) 40px var(--trapezoid-padding-extend);
  }

  .main-data-and-assurance .trapezoid.horizontal-flip+.max-width-1098 {
    padding: 100px 40px 50px;
  }

  .main-data-and-assurance .max-width-1098 .ml--30 {
    margin-left: 0;
  }

  #data-and-assurance-chevron-01 {
    transform: rotate(0deg);
    left: 0;
    right: unset;
    top: -40vw;
    bottom: unset;
    width: 43.4%;
    z-index: -2;
  }

  #data-and-assurance-chevron-07 {
    transform: scaleX(1);
    left: unset;
    right: 0;
    bottom: 22vw;
    width: 43.4%;
  }

  #data-and-assurance-chevron-04 {
    top: unset;
    bottom: -6vw;
    right: 13vw;
    width: 10vw;
  }

  #data-and-assurance-chevron-05 {
    display: none;
  }

  #trapezoid-performance-data {
    left: 0;
  }

  .main-data-and-assurance .trapezoid#trapezoid-performance-data.horizontal-flip+.max-width-1098 {
    padding-top: 200px;
  }

  .main-data-and-assurance .signature img {
    width: 20vw;
  }

  .main-data-and-assurance .signature .signature-divider {
    width: 55vw;
  }

  #data-and-assurance-chevron-08 {
    display: block;
    position: absolute;
    bottom: -8vw;
    right: 13vw;
    width: 10vw;
    z-index: -2;
  }

  #gri-index .max-width-1098 {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ==================================== */
/* ========== END of Data & Assurance ============ */
/* ==================================== */


/* ========== Supporting Our Business Partners ============ */
.main-supporting-our-business-partners .text-intro h3 {
  padding-left: 50px;
}

.main-supporting-our-business-partners .activities-group {
  width: 80%;
}

.main-supporting-our-business-partners .activity-circle.purple .activity-icon::before {
  background-image: url('../images/supporting-our-business-partners/driving_workshops.svg');
}

.main-supporting-our-business-partners .activity-circle.orange .activity-icon::before {
  background-image: url('../images/supporting-our-business-partners/prevention_trainings_icon.svg');
}

#supporting-our-business-partners-chevron-01 {
  position: absolute;
  left: 0;
  top: 50%;
  width: 21.3%;
  transform: translateY(-100%);
  height: auto;
  object-fit: contain;
  z-index: -1;
}

.supporting-our-business-partners-page-intro {
  margin-top: 100px;
}

.supporting-our-business-partners-page-trapezoid-content {
  margin-top: var(--trapezoid-padding-vertical);
  margin-bottom: var(--trapezoid-padding-vertical);
  padding-top: var(--trapezoid-padding-vertical);
  padding-bottom: var(--trapezoid-padding-vertical);
}

@media screen and (max-width: 2200px) {
  .main-supporting-our-business-partners .text-intro {
    margin-top: 80px;
    margin-bottom: 20px;
  }

  .main-supporting-our-business-partners .text-intro p,
  .main-supporting-our-business-partners .text-intro h3 {
    padding-left: 40px;
  }

  .supporting-our-business-partners-page-intro {
    margin-top: 80px;
  }
}

@media screen and (max-width: 1400px) {}

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

  .main-supporting-our-business-partners .text-intro p,
  .main-supporting-our-business-partners .text-intro h3 {
    padding-left: 15px;
  }
}

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

  .supporting-our-business-partners-page-intro {
    margin-top: 50px;
  }

  .supporting-our-business-partners-page-trapezoid-content {
    padding-top: var(--trapezoid-padding-extend);
  }

  .main-supporting-our-business-partners .activities-group {
    width: 100%;
    margin: 0 15px;
    align-items: center;
  }
}

/* ==================================== */
/* ========== END of Supporting Our Business Partners ============ */
/* ==================================== */


/* ========== Diversity and Inclusion ============ */
.main-diversity-and-inclusion .text-intro h3 {
  padding-left: 50px;
}

.diversity-and-inclusion-page-intro {
  margin-top: 100px;
}

.diversity-and-inclusion-page-subtitle {
  padding-top: 80px;
  padding-bottom: 80px;
}

.diversity-and-inclusion-page-trapezoid-content {
  padding-top: var(--trapezoid-padding-vertical);
  padding-bottom: var(--trapezoid-padding-vertical);
}

.diversity-and-inclusion-page-content {
  padding-top: var(--trapezoid-padding-vertical);
  padding-bottom: var(--trapezoid-padding-vertical);
}

#diversity-and-inclusion-chevron-01 {
  position: absolute;
  left: 0;
  top: 0%;
  width: 33.3%;
  transform: translateY(-100%);
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#diversity-and-inclusion-hero {
  position: absolute;
  left: 0;
  top: 0%;
  width: 18%;
  height: auto;
  object-fit: contain;
  z-index: 0;
}

@media screen and (max-width: 2200px) {
  .main-supporting-our-business-partners .text-intro {
    margin-top: 80px;
    margin-bottom: 20px;
  }

  .main-diversity-and-inclusion .text-intro p,
  .main-diversity-and-inclusion .text-intro h3 {
    padding-left: 40px;
  }

  .diversity-and-inclusion-page-intro {
    margin-top: 80px;
  }

  #diversity-and-inclusion-hero {
    width: 20%;
  }
}

@media screen and (max-width: 1600px) {
  #diversity-and-inclusion-hero {
    width: 16%;
    top: 10vw;
  }
}

@media screen and (max-width: 1400px) {
  #diversity-and-inclusion-hero {
    width: 14%;
    top: 17vw;
  }
}

@media screen and (max-width: 1200px) {
  #diversity-and-inclusion-hero { 
    display: none;
  }
} 

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

  .main-diversity-and-inclusion .text-intro p,
  .main-diversity-and-inclusion .text-intro h3 {
    padding-left: 15px;
  }
}

@media screen and (max-width: 767px) {
  .diversity-and-inclusion-page-subtitle {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .diversity-and-inclusion-page-intro {
    margin-top: 50px;
  }

  .diversity-and-inclusion-page-content,
  .diversity-and-inclusion-page-trapezoid-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .diversity-and-inclusion-page-trapezoid-content {
    padding-bottom: var(--trapezoid-padding-extend);
  }
}

/* ==================================== */
/* ========== END of Diversity and Inclusion ============ */
/* ==================================== */


/* ========== Our Progress ============ */
.our-progress-head-text {
  width: calc(100%/5);
  text-align: center;
}

.our-progress-row.gap-narrow {
  gap: 15px;
}

.section-our-progress-content .our-progress-row {
  gap: 75px;
}

.our-progress-row {
  padding: 25px 0;
  display: flex;
  position: relative;
  gap: 40px;
  justify-content: center;
}

.narrow-wrapper {
  max-width: 1500px;
  margin: 0 auto;
}

.text-align-center {
  text-align: center;
}

.our-progress-content-text {
  flex: 1;
}

.our-progress-content-text img {
  width: 38.8%;
  min-width: 50px;
  margin: 0 auto 30px;
  display: block;
}

#our-progress-chevron-01 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18.8%;
  height: auto;
  object-fit: contain;
  z-index: -1;
  transform: translateY(100%);
}

#our-progress-chevron-02 {
  position: absolute;
  right: 6.56%;
  top: 90px;
  width: 6.48%;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

.people-page-thumbnail-row {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

.people-page-thumbnail {
  flex: 0 0 auto;
  width: calc(25% - 25px*3/4);
}

@media screen and (min-width: 1201px) {
  /* If only 2 children in .people-page-thumbnail-row */
  .people-page-thumbnail-row:has(> .people-page-thumbnail:nth-child(2):nth-last-child(1)) .people-page-thumbnail {
    width: calc(40% - 25px*1/2);
  }
}

@media screen and (max-width: 2200px) {
  .narrow-wrapper {
    max-width: 62.5vw;
  }

  .section-our-progress-content .our-progress-row {
    gap: 50px;
  }

  .our-progress-row {
    padding: 20px 0;
    gap: 30px;
  }

  .our-progress-content-text img {
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 1400px) {
  .section-our-progress-content .our-progress-row {
    gap: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .narrow-wrapper {
    max-width: calc(100% - 40px);
  }

  #our-progress-chevron-02,
  #our-progress-chevron-01 {
    display: none;
  }

  .people-page-thumbnail-row {
    gap: 20px;
  }

  .people-page-thumbnail {
    width: calc(33.33333333% - 20px*2/3);
  }
}

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

  .our-progress-row.gap-narrow {
    gap: 10px;
  }

  .section-our-progress-content .our-progress-row.our-progress-mobile-gap {
    gap: 40px 20px;
  }

  .section-our-progress-content .our-progress-row {
    gap: 20px;
  }

  .section-our-progress-head .our-progress-row {
    justify-content: center;
  }

  .our-progress-row {
    padding: 15px 0;
    gap: 20px;
    justify-content: flex-start;
  }

  .our-progress-head-text {
    width: 100%;
  }

  .our-progress-content-text img {
    margin: 0 auto 15px;
  }

  .narrow-wrapper {
    max-width: calc(100% - 40px);
  }

  .our-progress-content-text {
    flex: 0 1 30%;
  }

  .our-progress-content-text img {
    width: 25%;
    min-width: 50px;
  }
}

@media screen and (max-width: 768px) {
  .our-progress-content-text {
    flex: 0 1 45%;
  }

  .people-page-thumbnail-row {
    gap: 10px;
  }

  .people-page-thumbnail {
    width: 50%;
    width: calc(50% - 10px*1/2);
  }
}

@media screen and (max-width: 500px) {
  .our-progress-content-text {
    flex: 0 1 100%;
  }
}

/* ==================================== */
/* ========== END of Our Progress ============ */
/* ==================================== */


/* ========== Management Approach ============ */
.before-icon.management-approach-icon-1::before {
  background-image: url(../images/management-approach/management_approach_1.png);
}

.before-icon.management-approach-icon-2::before {
  background-image: url(../images/management-approach/management_approach_2.png);
}

.before-icon.management-approach-icon-3::before {
  background-image: url(../images/management-approach/management_approach_3.png);
}

.before-icon.management-approach-icon-4::before {
  background-image: url(../images/management-approach/management_approach_4.png);
}

.before-icon.management-approach-icon-5::before {
  background-image: url(../images/management-approach/management_approach_5.png);
}

#management-approach-chevron-01,
#management-approach-chevron-02,
#management-approach-chevron-03,
#management-approach-chevron-04,
#management-approach-chevron-05 {
  position: absolute;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#management-approach-chevron-01 {
  left: 0;
  top: 0;
  width: 22.3%;
}

#management-approach-chevron-02 {
  right: 0;
  bottom: 0;
  width: 19.3%;
}

#management-approach-chevron-03 {
  right: 0;
  top: 160px;
  width: 14.3%;
}

#management-approach-chevron-04 {
  left: 0;
  top: 0;
  width: 18.3%;
}

#management-approach-chevron-05 {
  right: 0;
  bottom: 0;
  width: 18.3%;
}

.management-approach-page-content,
.management-approach-page-yellow-trapezoid-content,
.management-approach-page-trapezoid-content {
  padding-top: var(--trapezoid-padding-vertical);
  padding-bottom: var(--trapezoid-padding-vertical);
}

@media screen and (max-width: 2200px) {}

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

  #management-approach-chevron-03 {
    right: 0;
    top: 160px;
    width: 10.3%;
  }
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {
  #management-approach-chevron-03 {
    display: none;
  }
}

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

  #management-approach-chevron-01,
  #management-approach-chevron-02,
  #management-approach-chevron-04,
  #management-approach-chevron-05 {
    display: none;
  }

  .management-approach-page-yellow-trapezoid-content {
    padding-top: var(--trapezoid-padding-extend);
  }

  .management-approach-page-trapezoid-content {
    padding-bottom: var(--trapezoid-padding-extend);
  }
}

@media screen and (max-width: 500px) {}

/* ==================================== */
/* ========== END of Management Approach ============ */
/* ==================================== */


/* ========== Governance Structure ============ */
#governance-structure-banner-01 {
  width: 84%;
  padding-top: var(--trapezoid-padding-vertical);
}

.governance-structure-banner-content {
  position: absolute;
  top: 50%;
  right: 0;
  width: 410px;
  transform: translatey(-50%);
}

.before-icon.governance-structure-icon-1::before {
  background-image: url(../images/governance-structure/governance_structure_icon_01.svg);
}

.before-icon.governance-structure-icon-2::before {
  background-image: url(../images/governance-structure/governance_structure_icon_02.svg);
}

.before-icon.governance-structure-icon-3::before {
  background-image: url(../images/governance-structure/governance_structure_icon_03.svg);
}

.before-icon.governance-structure-icon-4::before {
  background-image: url(../images/governance-structure/governance_structure_icon_04.svg);
}

.governance-structure-text-wrapper {
  padding-top: var(--trapezoid-padding-vertical);
  padding-bottom: var(--trapezoid-padding-vertical);
}

#governance-structure-chevron-02,
#governance-structure-chevron-03,
#governance-structure-chevron-04,
#governance-structure-chevron-05 {
  position: absolute;
  height: auto;
  object-fit: contain;
  z-index: -1;
}

#governance-structure-chevron-02 {
  right: 0;
  bottom: 13%;
  width: 22.3%;
}

#governance-structure-chevron-03 {
  left: 0;
  top: 50px;
  width: 22.3%;
}

#governance-structure-chevron-04 {
  right: 7.2%;
  top: 50%;
  width: 7.7%;
}

#governance-structure-chevron-05 {
  right: 0;
  top: 0;
  transform: translateY(-100%);
  width: 16.8%;
}

.governance-structure-footer-wrapper {
  display: flex;
  gap: 50px;
  padding-top: var(--trapezoid-padding-vertical);
  padding-bottom: var(--trapezoid-padding-vertical);
  padding-left: 85px;
  margin-top: var(--trapezoid-padding-vertical);
  margin-bottom: var(--trapezoid-padding-vertical);
}


.governance-structure-footer-trapezoid-width {
  width: 90%;
}

@media screen and (max-width: 2300px) {
  .governance-structure-footer-trapezoid-width {
    width: 95%;
  }
}

@media screen and (max-width: 2200px) {
  .governance-structure-banner-content {
    width: 275px;
  }

  .governance-structure-footer-trapezoid-width {
    width: 90%;
  }
}

@media screen and (max-width: 1700px) {
  .governance-structure-footer-trapezoid-width {
    width: 97%;
  }
}

@media screen and (max-width: 1400px) {
  .governance-structure-footer-trapezoid-width {
    width: 100%;
  }

  #governance-structure-chevron-02 {
    right: 0;
    bottom: 10%;
    width: 18.3%;
  }

}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {
  .governance-structure-banner-content {
    width: 205px;
  }

  .governance-structure-footer-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}

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

  #governance-structure-chevron-02,
  #governance-structure-chevron-03,
  #governance-structure-chevron-04,
  #governance-structure-chevron-05 {
    display: none;
  }

  .governance-structure-footer-wrapper {
    padding-top: var(--trapezoid-padding-extend);
    padding-left: 20px;
    padding-right: 20px;
  }

  #governance-structure-banner-01 {
    width: 100%;
  }

  .governance-structure-banner-content {
    position: unset;
    transform: unset;
    padding: 30px 0;
    width: auto;
  }
}

@media screen and (max-width: 500px) {}

/* ==================================== */
/* ========== END of Governance Structure  ============ */
/* ==================================== */