/*---Sustainability NEW Jan to March 2022-----------------------------------------------------------------------------------------------------------------------------------------*/
/*--Sustainability NEW Home----*/
.sustainability-new .sustainability-new-maintop-header {background-attachment: fixed; background-size: cover; height: 400px; background-position: center;}
.sustainability-new .outer-text-box { height: 100%;  }
.sustainability-new .inner-text-box { height: 100%; color: #ffffff; }
.sustainability-new .sustainability-new-maintop-4-mainpillars { margin-top: -70px;  margin-bottom: 3rem;}
.sustainability-new .sustainability-new-maintop-4-mainpillars .mainpillars-single-box-outer { background-size: cover; background-position: center; padding: 0; color: #ffffff; position: relative;}
.sustainability-new .sustainability-new-maintop-4-mainpillars .mainpillars-single-box-outer .overlay { width: 100%; height: 100%; opacity: 1; transition: .3s ease; position: absolute;}
.sustainability-new .sustainability-new-maintop-4-mainpillars .mainpillars-single-box-outer .inner-box {  padding: 3rem 2rem 2rem 2rem; position: relative; }
.mainpillars-single-box-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sustainability-new .sustainability-new-maintop-4-mainpillars .mainpillars-single-box-outer:hover .overlay { opacity: .5; background-color: #000000!important; transition: .3s ease; }
.mainpillars-single-box a { color: #ffffff; font-size:1.2em ; transition: .3s ease; }
.mainpillars-single-box a: hover; { font-size:1.2em; font-weight: 600; transition: .3s ease; }
.mainpillars-single-box-title { font-size: 1.7em; line-height: 1.3em; font-weight: 600; color: #ffffff; }
.mainpillars-single-box-text { height: 160px; color: #ffffff;}
.sustainability-new h4 { margin-bottom: 2rem; font-weight: 600; color: #A7202C; line-height: 1.3em;}
.sustainability-new p { margin-bottom: 2rem; }
.sustainability-new .paragraph-text-box { max-width: 530px; }
.sustainability-new .our-stake-groups-container { padding-bottom: 1rem;}
.sustainability-new .our-stake-groups-header { background-size: cover;height: 400px;width: 100%; margin-top: 5rem; margin-bottom: 10rem; position: relative;  background-position: center; }
.sustainability-new .our-stake-groups-header .text-box.leftbox { width: 400px; background-color: #a7202c; position: absolute; bottom: -15%; left: 5%; height: 270px; padding: 2.3rem; color: #ffffff; }
.sustainability-new .our-stake-groups-header .text-box.rightbox { width: 400px; background-color: #a7202c; position: absolute; bottom: -15%; right: 5%; height: 270px; padding: 2.3rem; color: #ffffff; }
.sustainability-new .our-stake-groups-header .text-box .small-test { text-transform: uppercase; margin-bottom: 1rem!important;}
.sustainability-new .our-stake-groups-header .text-box .big-text { font-size: 3.5em; line-height: 1.15em; font-weight: 600; padding-bottom: 0; margin-bottom: 0;}
.sustainability-new .our-stake-groups-grey-box { padding: 2rem; background-color: #e6e6e6; }
.sustainability-new ul li { margin-bottom: 0.5rem!important;  }
.sustainability-new ul { list-style: disc; font-size: initial; line-height: 1.3em; padding-left: 16px; }
.sustainability-new .commit-interest-container {  margin-bottom: 5rem;}
.sustainability-new .how-we-engage-container {  margin-bottom: 5rem;  }
.sustainability-new .how-we-engage-container .inner-box { max-width: 200px; margin: auto;}
.sustainability-new img.how-we-engage-icon { width: 180px; display: block; margin: auto; margin-bottom: 2rem; }
.sustainability-new .how-we-engage-title { font-size: 1.6em; line-height: 1.2em;  font-weight: 600;  margin-bottom: 1rem;  }
.sustainability-new .how-we-engage-text { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1rem;  }
.sustain-materiality-container .header-box { height: 600px; background-position: center; background-size:cover; position: relative; display: flex; align-items: end; }
.sustain-materiality-container .header-box .text-box { max-width: 1000px; color: #ffffff; padding-bottom: 3rem;}
.sustain-materiality-content-container { padding-top: 5rem;}
.sustain-materiality-content-container  .top-title-box { margin-bottom: 3rem;}
.sustain-materiality-content-container .sustain-materiality-red-small-text-title-top { margin-bottom: 1rem!important;}
.sustain-materiality-content-container .sustain-materiality-title { font-size: 3em; font-weight: 600;}
.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box .number { width: 55px; height: 55px; border-radius: 55px; background-color: #A7202C; display: inline-grid; align-items: center; justify-items: center;
color: #ffffff;  font-size: 2.4em;}
.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box .text-beside-number {display: inline-block; margin-left: 1rem; font-size: 1.8em; color: #A7202C;}
.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box ul { columns: 2; -webkit-columns: 2; -moz-columns: 2;  }
.sustain-materiality-content-container .sustain-materiality-graph {  margin-bottom: 5rem; margin-top: 5rem; }
.sustain-supporting-sdg-container {  margin-bottom: 7rem;   padding-bottom: 7rem;  }
.sustain-supporting-sdg-container .title { font-size: 3em; font-weight: 600;  }
.sustain-supporting-sdg-container .flip-box {
  background-color: transparent;
  width: 100%;
  height: 360px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
/* This container is needed to position the front and back side */
.sustain-supporting-sdg-container  .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
/* Position the front and back side */
.sustain-supporting-sdg-container .flip-box-front, .sustain-supporting-sdg-container .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side */
.sustain-supporting-sdg-container .flip-box-front {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}
.sustain-supporting-sdg-container .flip-box-front img {
    width: 300px;
}

/* Style the back side */
.sustain-supporting-sdg-container .flip-box-back {
  color: white;
  transform: rotateY(180deg);
  padding: 2rem;
  text-align: left;
}
.sustain-supporting-sdg-container .flip-box-front p { display: none;}	
.sustain-supporting-sdg-container .flip-box-back .title { font-size: 1.4em; font-weight: 600; text-transform: uppercase; color: #ffffffb5; margin-bottom: 0; }
.sustain-supporting-sdg-container .flip-box-back .text { font-style: italic; }
.sustain-supporting-sdg-container .flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}
.sustain-supporting-sdg-container .flip-box-back {
  transform: rotateX(180deg);
}
.sustain-main-other-component-container {  padding-bottom: 5rem; }
.sustain-main-other-component-container .sustain-main-other-component-outer-box { height: 350px; background-size: cover; position: relative;  display: block; cursor: pointer; margin-bottom: 2rem;}
.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box { color: #ffffff;  padding: 2.5rem; }
.sustain-main-other-component-container .sustain-main-other-component-outer-box .overlay { transition: .3s ease; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box .component-name { font-size: 2.4em; font-weight: 600; line-height: 1.2em; max-width: 300px; position: absolute; bottom: 0; transition: .42s ease; }
.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box .desc {  position: absolute; top: 58%; max-width: 80%; opacity: 0; transition: .2s ease; padding-bottom: 0;  margin-bottom: 0;}
.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box .cta {  position: absolute; bottom: 0%; max-width: 80%; opacity: 0; transition: .32s ease;}
.sustain-main-other-component-container .sustain-main-other-component-outer-box:hover .overlay { opacity: 1; transition: .3s ease; }
.sustain-main-other-component-container .sustain-main-other-component-outer-box:hover .inner-box .component-name { bottom: 52%; transition: .42s ease; }
.sustain-main-other-component-container .sustain-main-other-component-outer-box:hover .inner-box .desc { top: 45%; transition: .58s ease; opacity: 1;  }
.sustain-main-other-component-container .sustain-main-other-component-outer-box:hover .inner-box .cta { transition: .42s ease; opacity: 1; bottom: 3%;}
.sustain-main-other-component-container .title { font-weight: 600; font-size: 2.4em; }
.sustainability-new .txt-and-txt-box-spacing {  margin-top: 3rem; margin-bottom: 3rem;  }
.sustainability-new ul.black-dot-li li { list-style: initial!important; }
.sustainability-new ul.black-dot-li li:before { content: unset!important; }


@media only screen and (max-width: 767px) { 
	.mainpillars-single-box-text { height: auto; color: #ffffff;}
  .sustainability-new .inner-text-box p { line-height: 1.3em; }
	.sustainability-new .our-stake-groups-header { height: 200px; margin-top: 3rem; margin-bottom: 140px;}
	.sustainability-new .our-stake-groups-header .text-box.leftbox { width: 100%; left: 0; position: relative; bottom: -100%; height: auto; padding: 1.5rem;}
	.sustainability-new .our-stake-groups-header .text-box .small-test { margin-bottom: 0rem!important; font-size: 1em;}
	.sustainability-new .our-stake-groups-header .text-box .big-text {  font-size: 2.5em; line-height: 1.15em; }
	.sustainability-new .how-we-engage-container .inner-box { max-width: initial; margin-bottom: 3rem;}
	.sustainability-new .how-we-engage-container { margin-bottom: 0rem;}
	.sustainability-new .our-stake-groups-header .text-box.rightbox { position: relative;bottom: -100%; right: 0; height: auto; padding: 1.5rem;}
	.sustain-materiality-container .header-box .text-box { color: #ffffff; padding-bottom: 3rem; padding-left: 1rem; padding-right: 1rem;}
	.sustain-supporting-sdg-container .title { line-height: 1.1em; font-weight: 600;}
	.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box { padding: 1.5rem; }
	.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box .numbox { display: flex; margin-bottom: 1.5rem; }
	.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box .number { margin-bottom: 0; padding: 0; line-height: 0;}
	.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box .text-beside-number { display: inline-grid; width: 76%; padding-bottom: 0; margin-bottom: 0; align-content: center; align-self: center;}
	.sustain-materiality-content-container .sustain-materiality-graph { margin-bottom: 2rem; margin-top: 2rem;}
	.sustain-materiality-content-container .sustain-materiality-red-small-text-title-top { margin-bottom: 0.3rem!important;}
	.sustain-materiality-content-container .sustain-materiality-title { font-size: 2.4em; }
	.sustain-materiality-content-container .sustain-materiality-how-we-did-it-box ul { columns: 1; -webkit-columns: 1; -moz-columns: 1;}
	.sustain-main-other-component-container .sustain-main-other-component-outer-box:hover .inner-box .component-name { bottom: 55%;}
	.sustain-main-other-component-container .sustain-main-other-component-outer-box:hover .inner-box .desc { top: 40%;}
	.sustain-supporting-sdg-container .flip-box-front { display: block;}	
	.sustain-supporting-sdg-container .flip-box-front p { display: block; color: #ffffff;}	
}

@media (min-width: 768px) and (max-width: 1024px) {
	.sustainability-new .sustainability-new-maintop-4-mainpillars .mainpillars-single-box-outer .inner-box { padding: 1.5rem 1rem 1rem 1rem; }
	.mainpillars-single-box-title { font-size: 1.5em; height: 55px;}
	.mainpillars-single-box-text { height: 160px;  font-size: 1.2em; line-height: 1.3em;}
	.sustainability-new .sustainability-new-maintop-4-mainpillars .mainpillars-single-box-outer .inner-box p:last-child { font-size: 1.2em;}
	.sustainability-new .our-stake-groups-header .text-box.leftbox { height: 185px; padding: 2.3rem; color: #ffffff;}
	.sustainability-new .our-stake-groups-header .text-box.rightbox { height: 185px; padding: 2.3rem; color: #ffffff;}
	.sustainability-new .our-stake-groups-header { margin-bottom: 6rem; }
	.sustainability-new .our-stake-groups-header .text-box .big-text { font-size: 2.5em;}
	.sustain-materiality-container .header-box .text-box { padding-left: 2rem; padding-right: 2rem;}
	.sustain-supporting-sdg-container .flip-box { height: 270px;}
	.sustain-supporting-sdg-container .flip-box-front { padding: 0rem 0rem 0rem 0rem; display: block;}
	.sustain-supporting-sdg-container .flip-box-front p { display: block; color: #ffffff;}
	.sustain-supporting-sdg-container .flip-box-back .text { font-size: 1.2em;line-height: 1.2em; margin-bottom: 1.3rem;}
	.sustain-supporting-sdg-container .flip-box-back .title { line-height: 1.2em;}
	.sustain-supporting-sdg-container .flip-box-back { padding: 1.5rem;}
	.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box { padding: 1.5rem;}
	.sustain-main-other-component-container .sustain-main-other-component-outer-box .inner-box .component-name { font-size: 2em;}
	.sustain-main-other-component-container { padding-bottom: 0rem;}
}

/*---Sustainability NEW Subpillar Style--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sustainability-new-subpillars-container {  margin-top: -70px;  margin-bottom: 3rem; }
.sustainability-new .subpillars-single-box-outer { position: relative; }
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box { padding: 1.5rem 1.5rem 0 1.5rem; height: 160px; background-color: #A7202C; color: #ffffff;}
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box  .mat-topic-txt { font-size: 1.2em; margin-bottom: 0.25rem;}
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box  .mat-topic-txt-border { display: block; width: 35px; height: 2px; background-color: #ffffff; margin-bottom: 1rem;}
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box  .mat-topic-title { font-size: 1.5em; font-weight: 600;}
.sustainability-new .subpillars-single-box-outer .mat-topic-img-box { height: 230px; overflow: hidden; }
.sustainability-new .subpillars-single-box-outer .mat-topic-img-box img { transform: scale(1.25); transition: .3s ease; height: 100%; left: -40px; position: relative; }
.sustainability-new .subpillars-single-box-outer:hover .mat-topic-img-box img { transform: scale(1);  transition: .3s ease; }
.sustainability-new .subpillars-single-box-outer .subpillars-single-box-link {  display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sustainability-new .mat-topic-header-container {  position: relative; height: 500px; margin-top: 7rem;  margin-bottom: 7rem;}
.sustainability-new .mat-topic-header-container .mat-topic-header-img {  position: absolute; right: 0; top: 0; height: 460px; width: 40vw; background-size: cover; background-position: center;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box { position: absolute; left: 0; top: 18%; display: flex; align-items: center; width: 100%; height: 285px; background: linear-gradient(to right, #A7202C 65vw, transparent 35vw);}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 700px; padding-left: 1rem; padding-right:1rem;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box .mat-topic-title-toptxt { font-size: 1.2em; margin-bottom: 1.2rem;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box .mat-topic-maintitle { font-size: 2.6em; font-weight: 600; line-height: 1.1em;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box .mat-topic-desc {  margin-bottom: 0; }
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box { position: absolute; left: 0; top: 18%; display: flex; align-items: center; width: 100%; height: 285px; background: linear-gradient(to right, #448F72 65vw, transparent 35vw);}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 700px; padding-left: 1rem; padding-right:1rem;}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box .mat-topic-title-toptxt { font-size: 1.2em; margin-bottom: 1.2rem;}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box .mat-topic-maintitle { font-size: 2.6em; font-weight: 600; line-height: 1.1em;}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box .mat-topic-desc {  margin-bottom: 0; }
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box { position: absolute; left: 0; top: 14%; display: flex; align-items: center; width: 100%; height: 320px; background: linear-gradient(to right, #252D65 65vw, transparent 35vw);}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 700px; padding-left: 1rem; padding-right:1rem;}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box .mat-topic-title-toptxt { font-size: 1.2em; margin-bottom: 1.2rem;}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box .mat-topic-maintitle { font-size: 2.6em; font-weight: 600; line-height: 1.1em;}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box .mat-topic-desc {  margin-bottom: 0; }
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box { position: absolute; left: 0; top: 14%; display: flex; align-items: center; width: 100%; height: 320px; background: linear-gradient(to right, #F58220 65vw, transparent 35vw);}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 700px; padding-left: 1rem; padding-right:1rem;}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box .mat-topic-title-toptxt { font-size: 1.2em; margin-bottom: 1.2rem;}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box .mat-topic-maintitle { font-size: 2.6em; font-weight: 600; line-height: 1.1em;}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box .mat-topic-desc {  margin-bottom: 0; }
.sustainability-new .related-mat-topicat-btm-container { padding-top: 8rem; padding-bottom: 3rem; background-color: #F5F5F5;  }


@media only screen and (max-width: 767px) { 
.sustainability-new .subpillars-single-box-outer { position: relative; margin-bottom: 2.5rem;}
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box { padding: 1.5rem 1.5rem 0.5rem 1.5rem; height: auto; background-color: #A7202C; color: #ffffff;}
.sustainability-new .subpillars-single-box-outer .mat-topic-img-box img { height: auto; width: 100%; left: auto;}
.sustainability-new .mat-topic-header-container .mat-topic-header-img { position: relative; height: 240px; width: 100%;}
.sustainability-new .mat-topic-header-container { position: relative; height: auto; margin-top: 5rem;  margin-bottom: 3rem;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; background: #A7202C; padding-top: 3rem; padding-bottom: 3rem;}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; background: #448F72; padding-top: 3rem; padding-bottom: 3rem;}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; background: #252D65; padding-top: 3rem; padding-bottom: 3rem;}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; background: #F58220; padding-top: 3rem; padding-bottom: 3rem;}
.sustainability-new .related-mat-topicat-btm-container { padding-top: 8rem; padding-bottom: 2rem; background-color: #F5F5F5;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .subpillars-single-box-outer { position: relative; padding-left: 0.5rem; padding-right: 0.5rem;}
.sustainability-new .mat-topic-header-container { position: relative; height: auto; margin-top: 7rem; margin-bottom: 2rem;}
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box .mat-topic-title { font-size: 1.35em; font-weight: 600; line-height: 1.3em;}
.sustainability-new .subpillars-single-box-outer .mat-topic-text-box { padding: 1rem 1rem 0 1rem; height: 160px; background-color: #A7202C; color: #ffffff;}
.sustainability-new .subpillars-single-box-outer .mat-topic-img-box { height: 125px; overflow: hidden;}
.sustainability-new .subpillars-single-box-outer .mat-topic-img-box img { width: 115%;height: auto; left: -10px; position: relative;}
.sustainability-new .mat-topic-header-container .mat-topic-header-img { position: relative; right: 0; top: 0; height: 380px; width: 100%; background-size: cover;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; padding: 2rem 1rem 2rem 1rem; background: #A7202C;}
.sustainability-new .mat-topic-header-container .mat-topic-red-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 100%; padding-left: 0;}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; padding: 2rem 1rem 2rem 1rem; background: #448F72;}
.sustainability-new .mat-topic-header-container .mat-topic-green-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 100%; padding-left: 0;}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; padding: 2rem 1rem 2rem 1rem; background: #252D65;}
.sustainability-new .mat-topic-header-container .mat-topic-blue-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 100%; padding-left: 0;}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box { position: relative; left: auto; top: auto; display: flex; align-items: center; width: 100%; height: auto; padding: 2rem 1rem 2rem 1rem; background: #F58220;}
.sustainability-new .mat-topic-header-container .mat-topic-orange-text-box .inner-text-box { height: 100%; color: #ffffff; max-width: 100%; padding-left: 0;}
}


/*--Sustainability NEW Economic Main Home----*/
/*--Sustainability NEW Eco REGULATORY COMPLIANCE----*/
.sustainability-new .sustainability-eco-graph-container { background-color: #E6E7E8; padding-top: 3rem; padding-bottom: 3rem;}
.sustainability-new .fraud-awareness-container {  padding-top: 4rem; padding-bottom: 5rem; }
.sustainability-new .fraud-awareness-container .header-box { background-color: #E6E7E8; padding: 1.5rem;    margin-bottom: 2.5rem;     margin-top: 2rem;}
.sustainability-new .fraud-awareness-container .header-box .img-box img { max-width: 90px; display: block; float: right;}
.sustainability-new .fraud-awareness-container .mini-title { color: #A7202C; margin-bottom: 0!important; padding-bottom: 0;}
.sustainability-new .fraud-awareness-container h4.title { margin-bottom: 0;}
.sustainability-new .fraud-awareness-container .qna-container {  vertical-align: text-top;  } 
.sustainability-new .fraud-awareness-container .qna-container .qna-head { display: inline-block; width: 3%; font-size: 1.5em; vertical-align: text-top;}
.sustainability-new .fraud-awareness-container .qna-container .qna-text { display: inline-block; vertical-align: text-top; margin-top: -4px; width: 96%;}
.sustainability-new .fraud-awareness-container .qna-container .qna-head.red { font-weight: 600; color: #A7202C;}
.sustainability-new .fraud-awareness-container .qna-container .qna-head.red { font-weight: 600; color: #A7202C;}
.sustainability-new .fraud-awareness-container .qna-container .qna-text.red { font-weight: 600; color: #A7202C;}
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(2) {  width: 24%; }
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(3) {  width: 24%; }

@media only screen and (max-width: 767px) { 
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(2) {  width: auto; }
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(3) {  width: auto; }
.sustainability-new .fraud-awareness-container .header-box .img-box img { max-width: 60px; display: block; float: left; margin-top: 10px;}
.sustainability-new .fraud-awareness-container .qna-container .qna-text {display: inline-block; vertical-align: text-top; margin-top: -4px; width: 90%;}
.sustainability-new .fraud-awareness-container .qna-container .qna-head.red { font-weight: 600; color: #A7202C; margin-top: -4px;}
.sustainability-new .fraud-awareness-container .qna-container .qna-head {display: inline-block; width: 9%; font-size: 1.3em; vertical-align: text-top;}
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(2) {  width:auto; }
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(3) {  width: auto; }
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .fraud-awareness-container .header-box .img-box img { max-width: 65px; display: block; float: right;}
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(2) {  width:auto; }
.sustainability-new .sustainability-eco-graph-container .sustainability-eco-train-summary-table th:nth-child(3) {  width: auto; }
}


/*--Sustainability NEW Eco Client Experience----*/
.sustainability-new .economic-client-experience-container {  padding-bottom: 7rem;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper {  position: relative; }
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-arrow-next { right: -16px; color: #707070;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-arrow-prev { left: -16px; color: #707070;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-swiper-pagination { text-align: center; margin: auto; left: 50%; transform: translate(-50%, 0%);}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 4px;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-slide-outer { padding: 1.5rem;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-slide-inner { background-color: #ffffff; box-shadow: 0px 0px 10px #0000002b;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .top-red-box { background-color: #A7202C; padding: 1rem; display: flex; height: 80px; align-items: center; justify-content: center;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .award-title { margin-bottom: 0!important; padding-bottom: 0; color: #ffffff; font-weight: 600;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .text-box { padding: 2rem 1rem 1rem 1rem; text-align: left; height: 400px;}
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .sustainability-eco-client-experi-swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #A7202C;}

@media only screen and (max-width: 767px) { 
.sustainability-new .economic-client-experience-container .sustainability-eco-client-experi-swiper .text-box { height: 525px;}
}

/*--Sustainability NEW Eco Digitalisation----*/
.sustainability-new .economic-digitalisation-container {  padding-bottom: 3rem; }
.sustainability-new .economic-digitalisation-container .digital-roadmap-num { font-size: 2.4em; margin-bottom: 1rem!important;}
.sustainability-new .economic-digitalisation-container .digital-roadmap-text { font-size: 1.6em; line-height: 1.2em; font-weight: 600; max-width: 300px; margin-left: auto; margin-right: auto; color: #A7202C;}
.sustainability-new .economic-digitalisation-container .digital-roadmap-with-border-right { border-right: 1px solid; }
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-outer { padding: 1rem; margin-bottom: 2rem;}
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-inner { padding: 1.5rem; background-color: #F8F8F8; height: 220px;}
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-inner img.icon {  max-width: 90px;  display: block; margin: auto; margin-bottom: 1.5rem;}
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-inner .text { font-size: 1.6em; line-height: 1.2em; font-weight: 600; max-width: 300px; margin-left: auto; margin-right: auto; }
.sustainability-new .economic-digitalisation-container .img-text-box-outer {  margin-top: 4rem; margin-bottom: 4rem; }
.sustainability-new .economic-digitalisation-container .img-text-box p:last-child { margin-bottom: 0rem!important; }

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-inner img.icon { max-width: 60px; display: block; margin: auto; margin-bottom: 1.5rem;}
}

@media only screen and (max-width: 767px) { 
.sustainability-new .economic-digitalisation-container .digital-roadmap-with-border-right { border-right: 0px solid; }
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-inner { padding: 1.5rem; background-color: #F8F8F8; height: auto;}
.sustainability-new .economic-digitalisation-container .digital-roadmap-grey-box-outer { margin-bottom: 0rem;}
.sustainability-new .economic-digitalisation-container .img-text-box { margin-top: 2rem;  margin-bottom: 2rem; order: 2;}
.sustainability-new .economic-digitalisation-container .img-text-box-outer { margin-top: 2rem; margin-bottom: 2rem;}
}


/*--Sustainability NEW Eco Responsible Investing----*/
.sustainability-new .economic-responsible-investing-container {  padding-bottom: 5rem; }
.sustainability-new .economic-responsible-investing-container .top-block { margin-bottom: 5rem;  }
.sustainability-new .economic-responsible-investing-container .responsible-investing-top-img-box { padding: 0; margin: 0; height: 500px; background-size: cover;}
.sustainability-new .economic-responsible-investing-container .responsible-investing-top-text-box { position: relative; background-color: #F5F5F5; padding: 2rem;}
.sustainability-new .economic-responsible-investing-container .top-text { position: absolute; top: 2rem; left: 2rem; padding-right: 2rem;}
.sustainability-new .economic-responsible-investing-container .btm-text { position: absolute; left: 2rem; bottom: 2rem;font-size: 1em;padding-right: 2rem; margin-bottom: 0; line-height: 1.3em;}

@media only screen and (max-width: 767px) { 
.sustainability-new .economic-responsible-investing-container .responsible-investing-top-img-box { padding: 0; margin: 0; height: 300px; background-size: cover;}
.sustainability-new .economic-responsible-investing-container .top-text { position: relative; top: auto; left: auto; padding-right: 0;}
.sustainability-new .economic-responsible-investing-container .btm-text { position: relative; left: auto;  bottom: auto;  font-size: 1em; padding-right: 0; margin-bottom: 0; line-height: 1.3em;}
.sustainability-new .economic-responsible-investing-container .top-block { margin-bottom: 3rem;}
.sustainability-new .economic-responsible-investing-container { padding-bottom: 1rem;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .economic-responsible-investing-container .responsible-investing-top-img-box { padding: 0; margin: 0; height: 440px; background-size: cover;}
.sustainability-new .economic-responsible-investing-container .top-text { position: relative; top: auto; left: auto; padding-right: 0;}
.sustainability-new .economic-responsible-investing-container .btm-text { position: relative; left: auto;  bottom: auto;  font-size: 1em; padding-right: 0; margin-bottom: 0; line-height: 1.3em;}
.sustainability-new .economic-responsible-investing-container .top-block { margin-bottom: 3rem;}
.sustainability-new .economic-responsible-investing-container { padding-bottom: 1rem;}
}


/*--Sustainability NEW Environment----*/
.sustainability-new .environment-main-container {  padding-bottom: 5rem; }
.sustainability-new .environment-main-container .graph-grey-box { margin-bottom: 3rem; background-color: #E6E7E8; padding: 2rem; }
.sustainability-new .environment-main-container img.hideInMobile { display: block;  }
.sustainability-new .environment-main-container img.showInMobile { display: none;  }
.sustainability-new .environment-promoting-container { padding-top: 5rem; padding-bottom: 5rem; background-color: #EEEEEE; margin-bottom:5rem;}

@media only screen and (max-width: 767px) {
.sustainability-new .environment-main-container .graph-grey-box { margin-bottom: 3rem; background-color: #E6E7E8; padding: 1rem; }
.sustainability-new .environment-main-container img.hideInMobile { display: none;  }
.sustainability-new .environment-main-container img.showInMobile { display: block;  }
.sustainability-new .environment-main-container { padding-bottom: 2rem;}
.sustainability-new .environment-promoting-container .img-box { order: 1; margin-bottom: 2rem; }
.sustainability-new .environment-promoting-container { padding-top: 3rem; padding-bottom: 1rem; background-color: #EEEEEE;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .environment-main-container img.hideInMobile { display: block; }
}


/*--Sustainability NEW Governance Main----*/
.sustainability-new .mat-topic-header-container .good-governance-main-container { padding-bottom: 3rem;}
.sustainability-new .good-governance-main-container .board-director-round { display: flex; align-self: center; justify-content: center; width: 260px; height: 260px; padding: 2rem; background-color: #252D65; border-radius: 50%;
    margin: auto; margin-bottom: 2rem;}
.sustainability-new .good-governance-main-container .round-shapebox { margin-top: 1rem; }
.sustainability-new .good-governance-main-container .round-shapebox p { font-size: 2.3em; line-height: 1.2em; margin-bottom: 0.5rem; color: #ffffff; font-weight: 600; }
.sustainability-new .good-governance-main-container .round-shapebox img { max-width: 100px; }
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer {  position: relative; }
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer:before {  position: absolute; content: ""; display: block; width:0; height:0; border-top: 20px solid #F58220; border-left: 15px solid transparent;
    border-right: 15px solid transparent; transform: translate(-50%,100%); left: 50%;  top: 0; }
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer .governance-chart-grey-box-inner { background-color: #F8F8F8; padding: 1.5rem; margin-top: 2rem; margin-bottom: 2rem; height: 82%;}
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer .governance-chart-grey-box-inner img.icon { max-width: 80px;  display: block;  margin: auto; margin-bottom: 1.3rem;}
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer .governance-chart-grey-box-inner p { margin-bottom: 2rem;}
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer .title { font-size: 1.6em; line-height: 1.3em; color: #252D65; font-weight: 600; margin-bottom: 0.5rem!important;}
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer .governance-chart-grey-box-inner .text { margin-bottom: 0rem!important;}
.sustainability-new .good-governance-main-container table.sustain-govern-table th { background-color: #252D65;}
.sustainability-new .good-governance-main-container table.sustain-govern-table th:first-child { width: 20%; border-right: 1px solid;}
.sustainability-new .good-governance-main-container table.sustain-govern-table tr { background-color: transparent;}
.sustainability-new .good-governance-main-container table.sustain-govern-table td {border-bottom: 1px solid #e6e6e6;}
.sustainability-new .good-governance-main-container table.sustain-govern-table td:first-of-type { border-right: 1px solid #e6e6e6; }


@media only screen and (max-width: 767px) {
.sustainability-new .good-governance-main-container table.sustain-govern-table th:first-child { width: 40%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .good-governance-main-container .governance-chart-grey-box-outer .governance-chart-grey-box-inner p { margin-bottom: 2rem; font-size: 1em; line-height: 1.2em;}
}


/*--Sustainability NEW Governance Cyber Security----*/
.sustainability-new .governance-cyber-security-container { padding-bottom:5rem;  }
.sustainability-new .governance-cyber-security-container-commitment { padding-top: 3rem; padding-bottom: 1rem;  background-color: #E1F4FD;  margin-bottom: 3rem;}
.sustainability-new .governance-cyber-security-container .sustain-govern-fancy-text-box-inner { padding: 1.5rem; background-color: #E5E5E5; height: 100%;}
.sustainability-new .governance-cyber-security-container .sustain-govern-fancy-text-box-inner p { margin-bottom: 0;}
.sustainability-new .governance-cyber-security-container .sustain-govern-fancy-text-box-inner .big-text { font-size: 2em; font-weight: 600; color: #252D65;}
.sustainability-new .governance-cyber-security-container .sustain-govern-fancy-text-box-inner .blue-bold-text { font-weight: 600; color: #252D65;}

@media only screen and (max-width: 767px) {
.sustainability-new .governance-cyber-security-container .sustain-govern-fancy-text-box-inner { padding: 1.5rem; background-color: #E5E5E5; height: auto;  margin-bottom: 2rem;}
.sustainability-new .governance-cyber-security-container { padding-bottom: 3rem;}
}


/*--Sustainability NEW Governance Cyber Security----*/
.sustainability-new .social-main-container .employee-related-response-inner { padding: 2rem; background-color: #F8F8F8; height: 92%; margin-bottom: 2rem;}
.sustainability-new .social-main-container .employee-related-response-inner img.icon { max-width: 90px; display: block; margin: auto; margin-bottom: 1.5rem;}  
.sustainability-new .social-main-container .employee-related-response-inner .title {  font-size: 1.6em; font-weight: 600; margin-bottom: 1rem;  }
.sustainability-new .social-main-container .workplace-figure-graph-box { padding: 2rem; background-color: #E6E7E8; margin-bottom: 2rem;}
.sustainability-new .social-main-container .workplace-figure-graph-box img { max-width: 900px; margin: auto; display: block;}
.sustainability-new .social-women-day-container {  padding-top: 6rem;  padding-bottom: 5rem; background-color: #F8F8F8;}
.sustainability-new .social-main-container .employee-benefits-grey-box {  width: 19%;  display: inline-block;  justify-content: center;  align-items: center;  padding: 0.5rem;  vertical-align: middle;}
.sustainability-new .social-main-container .employee-benefits-grey-box .employee-benefits-grey-box-inner {  background-color: #F8F8F8; height: 75px; display: flex; align-items: center; vertical-align: middle; justify-content: center; padding: 1rem; line-height: 1.2em;}
.sustainability-new .social-main-container .employee-benefits-grey-box .employee-benefits-grey-box-inner p { margin-bottom: 0!important; font-weight: 600; line-height: 1.2em; font-weight: 600;}


@media only screen and (max-width: 767px) {
.sustainability-new .social-main-container .workplace-figure-graph-box img { max-width: 100%;}
.sustainability-new .social-women-day-container img { display: block;  margin-bottom: 2rem;  }
.sustainability-new .social-women-day-container { padding-top: 3rem; padding-bottom: 2rem;}
.sustainability-new .social-main-container .employee-benefits-grey-box { width: 100%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .social-main-container .workplace-figure-graph-box img { max-width: 600px;  margin: auto; display: block;}
.sustainability-new .social-women-day-container p { margin-bottom: 0;}
.sustainability-new .social-main-container .employee-benefits-grey-box { width: 49%; }
}


/*--Sustainability NEW Social Talent Attraction----*/
.sustainability-new .social-talent-attraction-container .icon-text-box img { max-width: 140px; width: 100%; display: block; margin: auto; margin-bottom: 1.5rem;}
.sustainability-new .social-talent-attraction-container .icon-text-box .title { font-size: 1.6em; line-height: 1.3em; font-weight: 600; color: #F58220; margin-bottom: 1rem;}
.sustainability-new .social-talent-attraction-container .icon-text-box { margin-bottom: 2rem;}
.sustainability-new .social-embracing-learning-container { padding-top: 5rem; padding-bottom: 5rem; background-color: #F5F5F5; margin-bottom: 3rem; margin-top: 3rem; }
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round {  display: inline-flex; align-items: center; width: 170px; height: 170px; border-radius: 50%; vertical-align: middle; justify-content: center; background-color: #ffffff; padding: 1.5rem;}
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round-inner { text-align: center;}
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round-inner p { margin-bottom: 0;  font-size: 1.6em; font-weight: 600;}
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round-inner span { font-size: 1.45em; line-height: 1.1em; font-weight: 600; display: block; color: #F58220;}
.sustainability-new .social-talent-attraction-container .training-performance-graph-box { padding: 1rem; background-color: #E6E7E8;}
.sustainability-new .social-talent-attraction-container .training-performance-graph-box img { max-width: 800px; display: block; margin: auto;}
.sustainability-new .social-talent-attraction-style-1-container { padding-bottom: 5rem; padding-top: 5rem; background-color: #F5F5F5;}
.sustainability-new .social-talent-attraction-style-1-container .full-style-img-box { height: 360px; background-size: cover;}
.sustainability-new .social-talent-attraction-style-1-container .full-style-text-box { background-color: #ffffff; height: 360px; display: flex; align-items: center;  padding: 3rem;}
.sustainability-new .social-talent-attraction-style-2-container { padding-bottom: 5rem; padding-top: 5rem; background-color: #E6E7E8; }


@media only screen and (max-width: 767px) {
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round-inner p { margin-bottom: 0; font-size: 1.3em; font-weight: 600; line-height: 1.2em;}
.sustainability-new .social-talent-attraction-container .training-performance-graph-box img { max-width: 100%; }
.sustainability-new .img-have-mar-btm { display: block; margin-bottom: 2rem;  }
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round { width: 140px; height: 140px; }
.sustainability-new .social-talent-attraction-style-1-container .full-style-img-box {    height: 300px; order: 1; }
.sustainability-new .social-talent-attraction-style-1-container .full-style-text-box {     height: 300px; order: 2; }
}

@media (min-width: 768px) and (max-width: 1024px) {
.sustainability-new .social-talent-attraction-container .training-performance-graph-box img { max-width: 600px; display: block; margin: auto;}
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round { width: 130px; height: 130px;border-radius: 50%; vertical-align: middle;justify-content: center;background-color: #ffffff;padding: 1.5rem;}
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round-inner p { margin-bottom: 0; font-size: 1.3em; font-weight: 600;}
.sustainability-new .social-embracing-learning-container .embracing-learning-stats-round-inner span { font-size: 1.45em;}
}


/*--Sustainability NEW Social Community Investment----*/
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table th { background-color: #DCDCDC; color: #676767!important; }
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table th:first-child { width: 20%; border-right: 1px solid #e6e6e6;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table tr { background-color: transparent;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table td {border-bottom: 1px solid #e6e6e6;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table td:first-of-type { border-right: 1px solid #e6e6e6; color: #F58220; }
.sustainability-new .social-commnuity-investment-container .community-investment-highlight-greybox-outer { margin-bottom: 2rem;}
.sustainability-new .social-commnuity-investment-container .community-investment-highlight-greybox-outer .community-investment-highlight-greybox-inner { display: flex; align-items: center; background-color: #F8F8F8;padding: 1.5rem;
    height: 100%;}
.sustainability-new .social-commnuity-investment-container .community-investment-highlight-greybox-outer .community-investment-highlight-greybox-inner p { margin-bottom: 0;}
.sustainability-new .social-commnuity-investment-container .community-investment-highlight-greybox-outer .community-investment-highlight-greybox-inner span { color: #F58220; font-weight: 600;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 th {  background-color: #F58220; }
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 th:first-child { border-right: 1px solid #ffffff;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 th:nth-of-type(2)  {border-right: 1px solid #ffffff;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 th:nth-of-type(3)  {text-align: center;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 tr { background-color: transparent;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 td {border-bottom: 1px solid #e6e6e6;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 td:nth-of-type(1) { border-right: 1px solid #e6e6e6;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 td:nth-of-type(2) { border-right: 1px solid #e6e6e6;}
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table-2 td:nth-of-type(3) { text-align: center;}


@media only screen and (max-width: 767px) {
.sustainability-new .social-commnuity-investment-container table.sustain-community-investment-table th:first-child { width: 40%;}
}