html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Graphik";
}

@media (min-width: 993px) {
  html, body {
    scroll-snap-type: y proximity;
  }
}

.wrapper{
	position: relative;
  /* margin-bottom: 100px; */
}

/* snapping wrappers */
@media (min-width: 993px) {
  .wrapper {
    scroll-snap-align: start;
  }
}

.wrapper video {
  width: 100%;
  height: auto;
}

.marquee{
  height: 100vh;
}

/* section holding video */
#sustainability-section,
#talent-section,
#inclusion_and_diversity-section,
#client-section,
#experience-section,
#financial-section {
  display: none
}

@media(min-width: 993px){
	#sustainability-section,
  #talent-section,
  #inclusion_and_diversity-section,
  #client-section,
  #experience-section,
  #financial-section  {
	  display: flex;
	}
}

.wrapper.video-ended:after {
  content: '';
  position: absolute;
  height: 30px;
  bottom: 0%;
  width: 100%;
  /* background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); */
  opacity: 0.3;
  transform: rotate(-180deg);
  z-index: 999;
}


.wrapper.video-ended canvas{
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

@media (min-width: 993px){
  #sustainability-section, #talent-section, #inclusion_and_diversity-section, #client-section, #experience-section, #financial-section {
    display: flex;
  }
}




/* hide elements when popup open */
body.popup-open .bubble-navigation {
  display: none !important;
}

/* fixed link to pdf remorting tool */
a.fixed-link-to-pdf-report-tool {
  position: fixed;
  right: 0;
  z-index: 9999;
  background: #000000;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 117%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  text-decoration: none;
  transition: width 1s, height 1s;
  -webkit-transition: width 1s, height 1s;
  -moz-transition: width 1s, height 1s;
  display: flex;
  align-items: center;
  margin: 15px 10px 0 0;
}

a.fixed-link-to-pdf-report-tool img {
  width: 20px;
  height: auto;
  margin-right: 5px;
  position: relative;
}

a.fixed-link-to-pdf-report-tool span {
  display: none;
}

@media (min-width: 993px) {
  a.fixed-link-to-pdf-report-tool {
    height: 50px;
    font-size: 16px;
    padding: 20px 20px;
    width: 220px;
    margin: 0;
    display: block;
  }

  a.fixed-link-to-pdf-report-tool:hover {
    width: 325px;
    height: 120px;
  }

  a.fixed-link-to-pdf-report-tool img {
    margin-right: 15px;
  }

  a.fixed-link-to-pdf-report-tool span {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    left: 48px;
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
  }

  a.fixed-link-to-pdf-report-tool:hover span {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s linear 0.5s;
    -webkit-transition: opacity 0.2s linear 0.5s;
    -moz-transition: opacity 0.2s linear 0.5s;
  }

}

@media (min-width: 1150px) {
  a.fixed-link-to-pdf-report-tool {
    height: 59px;
  }
}



/* reporting menu  */
.reporting-menu {
  position: fixed;
  background: rgba(0, 0, 0, 1);
  width: 100%;
  top: 50px;
  z-index: 999;
  border-radius: 0px 0px 10px 10px;
  left: 0;
}

@media (min-width: 993px) {
  .reporting-menu {
    background: rgba(0, 0, 0, 0.5);
    transition: top 1s ease 0s;
    top: -50px;
  }

  .reporting-menu.is-active {
    transition: top 1s ease 0s;
    top: 50px;
    z-index: 3;
  }
}

@media (min-width: 1200px) {
  .reporting-menu {
    top: -70px;
  }

  .reporting-menu.is-active {
    transition: top 1s ease 0s;
    top: 70px;
  }
}


.reporting-menu .menu-holder {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 0 10px 10px;
}

@media (min-width: 993px) {
  .reporting-menu .menu-holder {
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    height: 50px;
    align-items: center;
    max-width: 740px;
    padding: 0;
  }
}

@media (min-width: 1150px) {
  .reporting-menu .menu-holder {
    max-width: 900px;
    height: 60px;
  }
}

@media (min-width: 1450px) {
  .reporting-menu .menu-holder {
    margin: 0 auto;
  }
}

@media (min-width: 1650px) {
  .reporting-menu .menu-holder {
    max-width: 1200px;
  }
}

.reporting-menu .menu-holder span {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 250%;
  margin-top: 10px;
}

.reporting-menu .menu-holder span svg {
  position: relative;
  top: 2px;
  left: 5px;
}

/* @media (min-width: 993px) {
  .reporting-menu .menu-holder span {
    display: none;
  }
} */


.reporting-menu .menu-holder a {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 95%;
  margin: 10px 0;
  display: none;
}

@media (min-width: 993px) {
  .reporting-menu .menu-holder a {
    font-size: 13px;
    margin: 0;
    display: block;
  }

  .reporting-menu .menu-holder a.is-active:after {
    display: block;
  }

  .reporting-menu .menu-holder a:after {
    content: "";
    position: absolute;
    bottom: -22px;
    border-top-width: 3px;
    border-color: #ffffff;
    border-style: solid;
    display: none;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .reporting-menu .menu-holder a {
    font-size: 16px;
  }
}

@media (min-width: 1150px) {
  .reporting-menu .menu-holder a:after {
    bottom: -22px;
  }
}

/* if mobile menu is open */
.reporting-menu .menu-holder.mobile-menu-open a {
  display: block
}

@media (max-width:767px) {
  .reporting-menu .menu-holder.mobile-menu-open span svg {
    transform: rotate(180deg);
  }
}

/* bubble navigation */
.bubble-navigation span,
.bubble-navigation a {
  cursor: url(/content/dam/system-files/acom/custom-code/iconic/ir-360/assets/cursor-white.png) 37 37, pointer !important;
}

.bubble-navigation, .wrapper canvas, .cube-wrap .cube .content.active {
  cursor: url(/content/dam/system-files/acom/custom-code/iconic/ir-360/assets/cursor-transparent.png) 37 37, pointer !important;
}

.bubble-navigation {
  display: flex;
  justify-content: space-evenly;
  position:absolute;
  width:100%;
  display:none;
  opacity:0;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  height: 250px;
  background: linear-gradient(180deg, rgb(0 0 0 / 60%) 22.86%, rgb(0 0 0 / 60%) 22.86%, rgba(1, 22, 69, 0.44) 53.8%, rgba(1, 22, 69, 0) 93.97%);
}

.bubble-navigation .items-holder {
  width: 100%;
  max-width: 1420px;
  display: flex;
  margin: 165px auto 0 auto;
  justify-content: space-evenly;
  flex-direction: row;
}

.bubble-navigation span,
.bubble-navigation a {
  color: #fff;
  font-size: 14px;
}

@media(min-width: 1200px){
  .bubble-navigation span,
  .bubble-navigation a {
    font-size: 16px;
  }
}

.bubble-navigation span.active,
.bubble-navigation a.active {
  text-decoration: underline;
}

.intro-top-section {
  position: relative;
  background: #500FA4;
  padding-bottom: 20px;
}

@media (min-width: 993px)  {
  .intro-top-section {
    padding-bottom: 0px;
    /* margin-bottom: 100px; */
  }
}

.intro-top-section img.banner {
  width: 100%;
  height: auto
}

@media (min-width: 993px)  {
  .intro-top-section img.banner {
    display: none;
  }
}

.intro-top-section video#top-video {
  display: none
}

@media (min-width: 993px)  {
  .intro-top-section video#top-video {
    width: 100%;
    height: auto;
    margin-bottom: -5px;
    display: block;
  }
}

.intro-top-section .content-container {
  z-index: 1;
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  padding-top: 110px;
}

@media (min-width: 993px)  {
  .intro-top-section .content-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 70px;
        text-align: left;
  }
}

@media (min-width: 1400px)  {
  .intro-top-section .content-container {
    top: 150px;
  }
}

.intro-top-section .content-container h1 {
  text-align: left;
  position: absolute;
  top: 55px;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 31px;
  line-height: 124%;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  max-width: 170px;
  margin-bottom: 5rem;
}

@media screen and (min-width:501px) and (max-width: 900px){
  .intro-top-section .content-container{
    padding-top: 200px;
  }
  .intro-top-section .content-container h1 {
    left: 60px;
    top: 100px;
  }
}

@media screen and (max-width: 500px){
  .intro-top-section .content-container{
    padding-top: 260px;
  }

  .intro-top-section .content-container h1 {
    left: 40px;
    top: 70px;
  }
}

@media (min-width: 500px)  {
  .intro-top-section .content-container h1 {
    font-size: 36px;
      top: 100px;
      max-width: 180px;
    /* max-width: 550px; */
  }
}

@media (min-width: 700px)  {
  .intro-top-section .content-container h1 {
    font-size: 40px;
    top: 100px;
    /* max-width: 240px; */
    max-width: 550px;
  }
}

@media (min-width: 993px)  {
  .intro-top-section .content-container h1 {
    font-size: 22px;
    line-height: 115%;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    position: relative;
    top: 0;
    max-width: initial;
  }
}

@media (min-width: 1200px)  {
  .intro-top-section .content-container h1 {
    font-size: 46px;
  }
}

@media (min-width: 1600px)  {
  .intro-top-section .content-container h1 {
    font-size: 46px;
  }
}

.intro-top-section .content-container p {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 138.5%;
  color: #FFFFFF;
}

@media (min-width: 500px)  {
  .intro-top-section .content-container p {
    font-size: 16px;
  }
}

@media (min-width: 993px)  {
  .intro-top-section .content-container p {
    font-size: 14px;
    max-width: 560px;
  }
}

@media (min-width: 1200px)  {
  .intro-top-section .content-container p {
    font-size: 18px;
    max-width: 650px;
  }
}

@media (min-width: 1600px)  {
  .intro-top-section .content-container p {
    font-size: 18px;
    max-width: 650px;
  }
}

.intro-top-section .content-container img {
  width: 100%;
  height: auto;
  max-width: 190px;
}

@media (min-width: 993px)  {
  .intro-top-section .content-container img {
    max-width: 140px;
  }
}

@media (min-width: 1200px)  {
  .intro-top-section .content-container img {
    max-width: 250px;
  }
}

.intro-top-section .content-container p.mt-0 {
  margin-top: 0;
}

.intro-top-section svg.arrow-down {
  display: none;
}

@media (min-width: 993px)  {
  .intro-top-section svg.arrow-down {
    z-index: 1;
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
  }
}


/* link to section to create custom pdf */
.link-to-create-custom-report-holder {
  max-width: 697px;
  min-height: 155px;
  background: rgb(242 242 242 / 0.5);
  margin: 65px auto 65px;
  /* margin: 135px auto 65px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}

@media(min-width: 993px) {
  .link-to-create-custom-report-holder {
    flex-direction: row;
  }
}

.link-to-create-custom-report-holder h3 {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 149.5%;
  text-align: center;
  color: #000000;
  margin-top: 30px;
  margin-bottom: 20px
}

@media(min-width: 993px) {
  .link-to-create-custom-report-holder h3 {
    font-size: 28px;
    margin: 10px 0 0 0;
  }
}

.link-to-create-custom-report-holder > div {
  text-align: center;
}

@media(min-width: 993px) {
  .link-to-create-custom-report-holder > div {
    text-align: left;
    margin-left: 23px
  }
}

.link-to-create-custom-report-holder > div > a {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #004DFF;
}

@media(min-width: 993px) {
  .link-to-create-custom-report-holder > div > a {
    font-size: 19px;
  }
}

/*

.link-to-create-custom-report-holder a.link-to-create-custom-report {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 10px;
  padding-right: 10px
}

@media(min-width: 993px){
  .link-to-create-custom-report-holder a.link-to-create-custom-report {
    padding-bottom: 70px;
  }
}

a.link-to-create-custom-report {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: 100%;
  max-width: 270px;
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 126.5%;
  color: #004DFF;
  text-decoration: none;
}

@media(min-width: 993px){
  a.link-to-create-custom-report {
    font-size: 20px;
    max-width: 460px;
  }
}

.link-to-create-custom-report-holder a.link-to-create-custom-report img {
  margin-left: auto;
  align-self: flex-start;
  max-width: 26px;
}

@media(min-width: 993px){
  .link-to-create-custom-report-holder a.link-to-create-custom-report img {
    max-width: 42px;
    margin-left: 10px;
  }
} */


body.popup-open {
  overflow: hidden;
}

/* popup */
.popups-holder {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  display: none;
}

.popups-holder.active {
  display: block;
  z-index: 100;
}

.popups-holder .popup {
  position: fixed;
  width: 90em;
  background: rgba(46, 0, 64, 0.6);
  color: #fff;
  left: 50%;
  top: 140px;
  padding: 4rem;
  border-radius: 20px;
  display: none;
  opacity: 0;
  overflow: auto;
}

.popups-holder .popup.open {
  display: block;
  transform: translate(-50%, 80vh);
  animation-name: move-popup-to-screen, fade-in;
  animation-duration: 1.25s, 0.4s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s, 0s;
}

@keyframes move-popup-to-screen {
  from {
    transform: translate(-50%, 80vh);
  }

  to {
    transform: translate(-50%, 0);
  }
}

.popups-holder .popup span.btn-popup-close {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px
}

.popups-holder .popup h1 {
  text-align: center
}

/* canvas content animation */
.fade-in {
  animation-name: fade-in;
  animation-duration: 3s;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-out {
  animation-name: fade-out;
  animation-duration: 3s;
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* stories section */
.stories-section {
  width: 100%;
  max-width: 1044px;
  margin: 87px auto 0 auto;
  /* padding: 0 10px 0 10px; */
}

.stories-section h2 {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
  color: #000000;
  padding: 0 15px 0 15px
}

.stories-section .stories-holder {
  display: flex;
  flex-direction:column;
}

@media(min-width: 769px){
  .stories-section .stories-holder {
    flex-direction: row;
  }
}

.stories-section .stories-holder .story {
  padding: 0 15px 0 15px;
}

@media(min-width: 769px){
  .stories-section .stories-holder .story {
    width: 33.3%;
  }
}

.stories-section .stories-holder .story p {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 126.5%;
  color: #000000;
}

.stories-section .stories-holder .story p span {
  font-weight: 500;
}

.stories-section .stories-holder .story p a {
  color: #004DFF;
}

/* related reports section */
.related-reports-section {
  width: 100%;
  max-width: 1044px;
  margin: 87px auto 130px auto;
  /* padding: 0 10px 0 10px; */
}

.related-reports-section h2 {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
  color: #000000;
  padding: 0 15px 22px 15px
}

.related-reports-section .related-reports-holder {
  display: flex;
  flex-direction: column;
}

@media(min-width: 769px){
  .related-reports-section .related-reports-holder {
    flex-direction: row;
  }
}

.related-reports-section .related-reports-holder .report {
  padding: 0 15px 0 15px;
  display: flex;
  align-items: center;
}

@media(min-width: 769px){
  .related-reports-section .related-reports-holder .report {
    width: 33.3%;
  }
}

.related-reports-section .related-reports-holder .report:nth-child(3) {
  border-left: #E2E2E2 2px solid;
  justify-content: center;
}

.related-reports-section .related-reports-holder .report a.image-link img {
  width: 100%;
  height: auto;
}

.related-reports-section .related-reports-holder .report a.text-link {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 126.5%;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  color: #004DFF;
  margin-left: 20px;
}

.related-reports-section .related-reports-holder .report a.text-link svg {
  padding-left: 10px;
}

/* our reporting approach */
.our-reporting-approach-section {
  width: 100%;
  max-width: 1044px;
  margin: 180px auto 0 auto;
  padding-bottom: 180px;
}

.our-reporting-approach-section h1 {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
  color: #000;
  margin-bottom: 65px;
}

.our-reporting-approach-section .description {
  width: 100%;
  max-width: 825px;
  text-align: center;
  margin: 0 auto;
}

.our-reporting-approach-section a {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 300;
  font-size: 23px;
  line-height: 126.5%;
  text-decoration-line: underline;
  color: #004DFF;
}

.our-reporting-approach-section .reports-holder {
  display: flex;
}

.our-reporting-approach-section .reports-holder .col {
  padding: 0 15px 0 15px;
  display: flex;
  flex-direction: column;
}

.our-reporting-approach-section .reports-holder .col img {
  width: 100%;
  height: auto;
}

.our-reporting-approach-section .reports-holder .col a:nth-child(2) {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 126.5%;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
  color: #004DFF;
  margin-top: 10px;
margin-left: 10px;
margin-bottom: 30px;
}

.our-reporting-approach-section .reports-holder .col a svg {
  padding-left: 5px;
  min-width: 34px !important;
}


/* enlarge report image on hover */
.report a.image-link {
  transition: transform 1s;
}

.report.scale-report a.image-link {
  transform: scale(1.1);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* @keyframes fade-in-card {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;

    }
  }



  .fade-in {
    animation-name: fade-in;
    animation-duration: 3s;
  }

  @-webkit-keyframes fade-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;

    }
  } */

  /* mobile image */
img.mobile-image {
  height: 70vh;
  width: 100%;
  object-fit: cover;
  }

  @media(min-width: 769px){
  img.mobile-image {
  height: 90vh;
  }
  }

  @media(min-width: 993px){
  img.mobile-image {
  display: none;
  }
  }

  /* mobile slide holder */
.mobile-slide-title-holder {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 104%;
  text-decoration-line: underline;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 30px;
  }

  @media(min-width: 500px) {
  .mobile-slide-title-holder {
  font-size: 18px;
  }
  }

  @media(min-width: 993px) {
  .mobile-slide-title-holder {
  display: none
  }
  }

  /* mobile text holder */
  .mobile-text-holder {
  max-width: 323px;
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10vh;
  width: 100%;
  }

  @media(min-width: 993px){
  .mobile-text-holder {
  display: none;
  }
  }

  .mobile-text-holder p {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  text-align: center;
  letter-spacing: -0.04em;
  color: #000000;
  }

  .mobile-text-holder span {
  font-size: 16px;
  width: 95px;
  display: flex;
  margin: 0 auto;
  text-align: left;
  height: 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARRSURBVHgB7ZddbBRVFMf/d2e6FaTuJi2LQbArIRgqTZsoRmMMVXwBurUlQg2o1AdfaIzFB4O8tJAYxZA0JhobYlqJ0QQwZSWEqKjlSdGkSUlM/IaipLYoYSmBUtidw7kzd8vtdvd2Z9kHEvaf/Odjez9+PTNz7rlASSXdoRK4Va2lej7WT90HkOBjAkfEcdyCCgNrpAbu2amAwjlaScA4CPsKgfQH1szRSaGbrxrcieWkwHHYGNJahZFEVLbm0VfxOeq2sfAy4mIYRVcTvYYYEfsC1lEHQ4bz6hejNvZp1bcDRVUjdaqBD+UNpEREoq6dlgVb6Ig7RhN1oihSUHOfow94kgB8ivsE2few54eepwPFiVwzReVA81rpKx64Sk7ipzu3t9l3syvZC9lLKjbST+7rIMc2yByBJPrKyzDy5ka8w3e28kzFqFulDR1KqPbynylT52D/DrxuBfhTSKEPBYF5KaHhyYfQu2M9zqlJLDXhTXnvXDNPNZABZ2sOpv1MHSZXVOMg5Jct5/ANBrTNDWLs2C4c0yawkJli4iLBvz4FmT4UXJZo2do5+NGrOGxbuMwjbfEPJvDsoir8rNoI5fQ1MuCGdbiFL+FhBWKpc9ou6CNLMVlbjW8hI+0LzAtx+Ok6/DiFOVsy1uBGL+KbJ7a7q0I6SnYmZM0i/CPnyHw3zWBqmVm+2H23pEizES5SgdXcKvHDrzjcuhu1GpgeQXvTKvzu9rHgA8zxwBZX4pJ7Nx3MCDf2Kc6uWcnfqYPQ59/jwLsHcT+mR8w9B+wcX7gRTCmZdKFSmh1Te/XSB747ie3yvnoB9r2xAaMKJg3nXltkBjP+8ZrjwiR1OCGECU4EW7D3egqb7qtC96m96OHf5sALwBSUPP97EfNUnwvZBsoesaBXLXw2gBo+XdechEFWDL0M9WIkhD1ne/FeBlBAs/XL35jvdkrhTP5gcSHBEn+MuCXLNWUzWIz6HM5LoTnYPfYJ9mhQgYxrGbHA10Ook3PgqBjKH0yK8MWpc1jXf8LNPZPS/BhTuaD42HaXjbcS+/E2pqcXgZl50PpzBMtkCHJNb3r5P045qGj/EJv5+iq8qM2UtyTJ5WvnRD92ZYEBpidm8cr7eHx8ApWq0CxAjTQgmijR0kURYztVo6kSJ6wqiaXsWvaj7Ab2Gvb6Lwepo6KV/uMoD5iGNFcXNrZx9USHBrHf2E6ul57SUdFznoCW+9p78MKlK6hyS+2CwbyPYCfko/Leo9mULfk6aeDlW9H+1yivow62Faf+b6QurbSO5mqmPcp7ZVHIXsFeeeI3WhvZTCdVad2FokqWwx7caR58Sw6wMnaIvYD9wNFBeqxmK/XYzTQ+tYnJU363b1FZ1coCku+GIbdlnFb40QxzUklEymE9uATlZ/7H6omrqD8/jg0Of9ncRm7xfG3fCt/wct6SNRtuiw1vNslNsNzgOhqgXNLi2TN6SSWVNItuALgH4IDby3vxAAAAAElFTkSuQmCC);
  align-items: center;
  background-repeat: no-repeat;
  background-position: center right;
  color: #004DFF;
  }

  /** mobile arrows **/
  .wrapper svg.arrow-left,
  .wrapper svg.arrow-right {
  display: none;

  }

  .wrapper.mobile-activated svg.arrow-left,
  .wrapper.mobile-activated svg.arrow-right {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  z-index: 5;
  }

  .wrapper.mobile-activated svg.arrow-right {
  left: unset;
  right: 10%;
  }

  @media(min-width: 993px){
    .wrapper svg.arrow-left,
    .wrapper svg.arrow-right {
    display: none
    }
  }

  /* show canvas on 993 up  */
  @media(max-width: 993px){
  canvas {
  display: none !important;
  }
  }

  canvas {
  position: absolute;
  top: 0;
  opacity: 0;
  display: block;
  }


@media(max-width: 992px){

  .intro-top-section .content-container p{
    padding: 10px 20px;
    text-align: left;
  }

  .intro-top-section .content-container p:first-of-type{
    padding-top: 70px;
  }

  /* card */
  .wrapper .cube-wrap {
    display: none;
  }

  .wrapper.mobile-activated .cube-wrap {
    display: block
  }

  .wrapper.mobile-activated .cube-wrap{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0px, 0px);
    perspective: 1000px;
  }

  .wrapper.mobile-activated .cube-wrap .cube{
    width: 100%;
    height: 100%;
  }

  .wrapper.mobile-activated .cube-wrap .cube .content{
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(-1045px) scale(1);
    padding: 0px;
    margin: 0px;
    width: calc(100% + 70%);
  }

  /* .wrapper .cube-wrap .cube {
    background: radial-gradient(104% 32% at 50% 52%, hsl(0deg 0% 0% / 48%) 0%, rgb(58 41 69 / 0%) 100%);
  } */

  .wrapper .cube-wrap .cube .content.active {
    background: radial-gradient(50% 50% at 50% 50%, hsl(0deg 0% 0% / 131%) 0%, rgb(58 41 69 / 0%) 102%);
  /* background: radial-gradient(50% 50% at 50% 50%, hsl(0deg 0% 0% / 48%) 0%, rgb(58 41 69 / 0%) 100%); */
  /* background: radial-gradient(55% 57% at 50% 50%, hsl(0deg 0% 0% / 100%) 0%, rgb(58 41 69 / 0%) 100%); */
  }

  .popups-holder .popup.open {
      width: 90%;
      height: 80vh !important;
  }

  .nav-padding{
    padding: 0px !important;
  }

}

  /* mobile text holder */
.wrapper.mobile-activated img.mobile-image {
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  }

  /* mobile text holder */
  .wrapper.mobile-activated .mobile-text-holder {
  display: none;
  }

  @media(max-width: 992px) {
    .wrapper {
      background-size: 1px;
      background-repeat: no-repeat;
    }

    .wrapper.mobile-activated {
      position: relative;
      background-size: cover;
      animation-name: mobileBackgroundScroll;
      animation-duration: 40s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    @-webkit-keyframes mobileBackgroundScroll {
      from {
        background-position: 0 0;
      }

      to {
        background-position: -570px 0px;
      }
    }

    @keyframes mobileBackgroundScroll {
      from {
        background-position: 0 0;
      }

      to {
        background-position: -570px 0px;
      }
    }
  }

  @media (max-width: 992px)  {
    .bubble-navigation{
      display: none;
    }

    #explore-wrapper .bubble-navigation{
      display: flex;
    }

    .popups-holder .popup .btn-popup-close{
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px;
      height: 30px;
    }
  }
h2.header-2{
  font-family: 'Graphik';
    font-style: normal;
    font-weight: 300;
    font-size: 70px !important;
    line-height: 107% !important;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

@media(max-width: 767px){
.link-to-create-custom-report-holder {
  margin:0;
}
svg.arrow-left {
  width: 37px;
  height: 50px;
}
svg.arrow-right {
  width: 37px;
  height: 50px;
}
}

div {
  -webkit-user-select: text; /* Safari */
  -ms-user-select: text; /* IE 10 and IE 11 */
  user-select: text; /* Standard syntax */
}

/** footer disclaimer **/
.disclaimer {
  color: #cdcdcd;
  padding: 0px 22px;
  font-family: "Graphik Light", "Arial", Sans-Serif !important;
}

.disclaimer p {
  line-height: 1.5em;
}

.disclaimer p.d-1 {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  color: #cdcdcd;
}

.disclaimer p.d-2 {
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  color: #cdcdcd;
}

@media (max-width:766px) {

}

@media(max-width: 992px) {
	.our-reporting-approach-section{
    /* padding-top:180px; */
    padding-left: 35px;
    padding-right: 35px;
    }
    .globalfooter > div:nth-child(1){
      margin-top: 120px;
    }
    /* Phase 2 Fix Mobile */
    .row.rounded-container{
      padding: 20px !important;
    }
    .eandg-panel-item{
      font-size: 15px !important;
    }

    .our-reporting-approach-section .reports-holder .col a svg{
      margin-top: 10px;
    }
    .our-reporting-approach-section .reports-holder .col a:nth-child(2){
      flex-direction: column;
    }
    #Section-8 > div > div > div > div:nth-child(6) > a:nth-child(2) > svg{
      margin-top: 28px;
    }
    .our-reporting-approach-section .reports-holder{
      padding-bottom: 30px;
    }

    /* sustainability-mobile */
      #sustainability-one > div.d-flex.flex-align-items-center{
        flex-direction: column;
      }
      #sustainability-one > div.d-flex.flex-align-items-center > div.has-padding-right-30.has-width-50,
      #sustainability-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
            width: 90% !important;
      }
      #sustainability-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        margin-top: 25px;
      }
      .sustainability-wrapper .content .has-left-border{
        border-left: unset !important;
      }

      #sustainability-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        padding-left: 0 !important;

      }

      /*Talent*/
        #talent-one > div.d-flex.flex-align-items-center{
          flex-direction: column;
        }
        #talent-one > div.d-flex.flex-align-items-center > div.has-padding-right-30.has-width-50,
        #talent-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
              width: 90% !important;
        }
        #talent-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
          margin-top: 25px;
        }
        .talent-wrapper .content .has-left-border{
          border-left: unset !important;
        }

        #talent-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
          padding-left: 0 !important;

        }


      /*I&D*/
      #inclusion_and_diversity-one > div.d-flex.flex-align-items-center{
        flex-direction: column;
      }
      #inclusion_and_diversity-one > div.d-flex.flex-align-items-center > div.has-padding-right-30.has-width-50,
      #inclusion_and_diversity-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
            width: 90% !important;
      }
      #inclusion_and_diversity-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        margin-top: 25px;
      }
      .inclusion_and_diversity-wrapper .content .has-left-border{
        border-left: unset !important;
      }

      #inclusion_and_diversity-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        padding-left: 0 !important;
      }

      /*Client*/
      #client-one > div.d-flex.flex-align-items-center{
        flex-direction: column;
      }
      #client-one > div.d-flex.flex-align-items-center > div.has-padding-right-30.has-width-50,
      #client-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
            width: 90% !important;
      }
      #client-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        margin-top: 25px;
      }
      .client-wrapper .content .has-left-border{
        border-left: unset !important;
      }

      #client-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        padding-left: 0 !important;
      }


      /*Experience*/
      #experience-one > div.d-flex.flex-align-items-center{
        flex-direction: column;
      }
      #experience-one > div.d-flex.flex-align-items-center > div.has-padding-right-30.has-width-50,
      #experience-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
            width: 90% !important;
      }
      #experience-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        margin-top: 25px;
      }
      .experience-wrapper .content .has-left-border{
        border-left: unset !important;
      }

      #experience-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        padding-left: 0 !important;
      }

      /*Financial*/
      #financial-one > div.d-flex.flex-align-items-center{
        flex-direction: column;
      }
      #financial-one > div.d-flex.flex-align-items-center > div.has-padding-right-30.has-width-50,
      #financial-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
            width: 90% !important;
      }
      #financial-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        margin-top: 25px;
      }
      .financial-wrapper .content .has-left-border{
        border-left: unset !important;
      }

      #financial-one > div.d-flex.flex-align-items-center > div.has-left-border.has-padding-left-30.has-width-50{
        padding-left: 0 !important;
      }

      /* general? */
      .sustainability-wrapper .content .has-padding-left-30,
      .talent-wrapper .content .has-padding-left-30,
      .inclusion_and_diversity-wrapper .content .has-padding-left-30,
      .client-wrapper .content .has-padding-left-30,
      .experience-wrapper .content .has-padding-left-30,
      .financial-wrapper .content .has-padding-left-30{
        padding-left: 0 !important;
        margin-top: 25px;
        border-top: 1px solid white;
        padding-top: 25px;
      }
      .sustainability-wrapper .content .has-width-50,
      .talent-wrapper .content .has-width-50,
      .inclusion_and_diversity-wrapper .content .has-width-50,
      .cleint-wrapper .content .has-width-50,
      .experience-wrapper .content .has-width-50,
      .financial .content .has-width-50{
        width: 90% !important;
      }
      .sustainability-wrapper .content .d-flex.flex-align-items-center,
      .talent-wrapper .content .d-flex.flex-align-items-center,
      .inclusion_and_diversity-wrapper .content .d-flex.flex-align-items-center,
      .client-wrapper .content .d-flex.flex-align-items-center,
      .experience-wrapper .content .d-flex.flex-align-items-center,
      .financial-wrapper .content .d-flex.flex-align-items-center{
        flex-direction: column;
      }
      hr.has-margin-top-20.has-margin-bottom-20{
        width: 100% !important;
      }

      .sub-accordion-header .accordion-button{
        padding-left: 0rem !important;
      }
      .ren-elec{
        flex-direction: column;
      }
      #modal-navigate-responsible-travel > div > div > div:nth-child(2) > div > div.data-align-left{
        padding-left: 0px !important;
      }
}

.table>tbody>tr>td:nth-child(2) {
    border-right: none !important;

}

.table>tbody>tr>td {
    border-left: none !important;
}

#nav-investing-low-carbon-future > div:nth-child(3) > p.envi-accordion-sub-title{
  display: none;
}
#nav-investing-low-carbon-future > div:nth-child(3) > p:nth-child(3){
  font-weight: 600 !important;
}
/* Hide environment */
/* #carbonReduction > div > div.row.envi-sub-accordion > div > div.col-md-12{
    display:none;
} */

@media(max-width: 767px){
  #Section-10 > div > div > div > div > h2{
    font-family: 'Graphik';
    font-style: normal;
    font-weight: 600;
    font-size: 34px !important;
    line-height: 126.5%;
    text-align: center;
    color: #000000;
    margin: 0.83em 0 !important;

  }
  #Section-10 > div > div > div > div > p{
    font-size: 19px !important;
  }
  #explore-wrapper{
    margin-bottom: 0px !important;
  }
  .content-container {
    transform: none !important;
  }
  .our-reporting-approach-section{
    padding-top:0;
  }
  .filters-outer-holder .filters-inner-holder .checkboxes-holder {
    flex-wrap: wrap;
  }
}

@media (min-width: 1500px) {
  .reporting-menu .menu-holder span.desktop-arrow-menu {
    display: block;
    transform: translate(50px,0);
    left: 0;
    position: absolute;
    right: 30px;
  }
}

span.desktop-arrow-menu.isactive {
  max-width: 40px;
}


/* Temp transfer 360 section*/
h1.slider-title {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
  color: #000000;
  margin-bottom: 60px;
  padding-top: 60px;
}

@media(min-width: 993px) {
  h1.slider-title {
    font-size: 50px;
  }
  .slider-container .slider-arrows {
    display:block !important;
  }
}

.slider-container {
  margin: 0 auto;
  position: relative;
  max-width: 1380px;
}

.slider-container .slider-arrows {
  position: absolute;
  margin: 0px auto;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  height: 0px;
  top: 111%;
  width: 100px;
}

.slider-container .slider-arrows ul {
  list-style: none;
  height: 0;
  margin: 0;
  padding: 0;
}

.slider-container .slider-arrows ul li {
  position: absolute;
  cursor: pointer;
}

.slider-container .slider-arrows ul li.prev.slick-arrow {
  left: 0;
}

.slider-container .slider-arrows ul li.next.slick-arrow {
  right: 0;
}

.slider-container .slider {
  margin: 0px auto;
}

.slider-container .slider .slick-slide {
  margin: 10px 20px;
  max-width: 260px;
}

.slider-container .slider .slick-slide .slider__item {
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 25%);
  box-sizing: border-box;
  padding: 0 22px 15px 22px;
  position: relative;
  margin: 0px;
}

.slider-container .slider .slick-slide .slider__item h2 {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 126.5%;
  color: #000000;
}

@media(min-width: 993px) {
  .slider-container .slider .slick-slide .slider__item h2 {
    /* font-size: 32px; */
    font-size: 26px;
  }
}

.slider-container .slider .slick-slide .slider__item p {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 126.5%;
  color: #000000;
}

/* @media(min-width: 993px) {
  .slider-container .slider .slick-slide .slider__item p {
    font-size: 18px;
  }
} */

.slider-container .slider .slick-slide .slider__item a {
  font-family: 'Graphik';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 143.5%;
  color: #004DFF;
  text-decoration: none;
  position: absolute;
  bottom: 15px;
  right: 22px;
}

/* @media(min-width: 993px) {
  .slider-container .slider .slick-slide .slider__item a {
    font-size: 14px;
  }
} */

@media(min-width: 993px) {
  .slider-container:before {
    content: "";
    display: block;
    width: 300px;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, #ffffff 7.8%, rgba(255, 255, 255, 0) 83.9%);
    z-index: 9;
  }

  .slider-container:after {
    content: "";
    display: block;
    width: 300px;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, #FFFFFF 7.8%, rgba(255, 255, 255, 0) 83.9%);
    transform: rotate(-180deg);
  }
}

@media (max-width: 1199px) {
  .cmp-global-footer {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .cmp-button--subscription-center {
    padding-left: 5rem;
  }
  .cmp-subscription-center__eyebrow {
    padding-left: 5rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px){
  .content-container {
    transform: none !important;
  }
  .checkboxes-outer,
  .filters-outer-holder h4 {
    padding-left: 6rem;
  }
  .bubble-navigation {
    display: none !important;
    opacity: 1;
  }
  .filters-outer-holder .filters-inner-holder .checkboxes-holder {
    flex-wrap: nowrap !important;
  }
}

/* END */