@font-face {
  font-family: "MMC Display Condensed";
  src: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index-2024/assets/mmcfont/MMCDisplayCd_W_Rg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "MMC Display Condensed";
  src: url("/content/dam/oliver-wyman/v3/template-scripts/green-transition-index-2024/assets/mmcfont/MMCDisplayCd_W_Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
body,
html {
  overflow-y: visible;
  margin: 0 auto;
  padding: 0;
  /*ow 12 column system (95px)*/
  /* Accessibility */
}
body .ow-12-col,
html .ow-12-col {
  max-width: 1360px;
  width: 100%;
}
body .ow-11-col,
html .ow-11-col {
  max-width: 1245px;
  width: 100%;
}
body .ow-10-col,
html .ow-10-col {
  max-width: 1130px;
  width: 100%;
}
body .ow-9-col,
html .ow-9-col {
  max-width: 1015px;
  width: 100%;
}
body .ow-8-col,
html .ow-8-col {
  max-width: 900px;
  width: 100%;
}
body .ow-7-col,
html .ow-7-col {
  max-width: 785px;
  width: 100%;
}
body .ow-6-col,
html .ow-6-col {
  max-width: 670px;
  width: 100%;
}
body .ow-5-col,
html .ow-5-col {
  max-width: 555px;
  width: 100%;
}
body .ow-4-col,
html .ow-4-col {
  max-width: 440px;
  width: 100%;
}
body .ow-3-col,
html .ow-3-col {
  max-width: 325px;
  width: 100%;
}
body .ow-2-col,
html .ow-2-col {
  max-width: 210px;
  width: 100%;
}
body .ow-1-col,
html .ow-1-col {
  max-width: 95px;
  width: 100%;
}
body .max-width-380,
html .max-width-380 {
  max-width: 380px;
}
@media (max-width: 576px) {
  body .max-width-380,
  html .max-width-380 {
    max-width: 100%;
  }
}
body .h1-70,
html .h1-70 {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 70px;
  line-height: 110%;
  color: #ffffff;
  text-align: center;
  margin: 0;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  body .h1-70,
  html .h1-70 {
    font-size: 35px;
    line-height: 120%;
    text-align: left;
    width: 100%;
  }
}
body .h1-60,
html .h1-60 {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 110%;
  color: #ffffff;
  text-align: left;
  margin: 0px;
}
@media (max-width: 768px) {
  body .h1-60,
  html .h1-60 {
    font-size: 50px;
  }
}
@media (max-width: 576px) {
  body .h1-60,
  html .h1-60 {
    font-size: 35px;
  }
}
body h2,
html h2 {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: #000000;
  padding: 0;
  margin: 0;
  letter-spacing: -0.28px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  body h2,
  html h2 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 32px;
  }
}
body h3,
html h3 {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: #000000;
  margin: 0;
  margin-bottom: 30px;
}
@media (max-width: 620px) {
  body h3,
  html h3 {
    margin-top: 20px;
  }
}
body h4,
html h4 {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: #000000;
  margin: 0;
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  body h4,
  html h4 {
    font-size: 18px;
  }
}
body p,
html p {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 165%;
  color: #000000;
  margin: 0;
  margin-bottom: 20px;
  letter-spacing: -0.18px;
}
body .source,
html .source {
  color: #000;
  font-family: "Noto Sans";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0px;
  margin-bottom: 0px;
}
body .note,
html .note {
  color: #000;
  font-family: "Noto Sans";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  body .note,
  html .note {
    margin-top: 20px;
  }
}
body a,
html a {
  font-family: "Noto Sans";
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}
body a:hover,
html a:hover {
  color: #000000;
}
body a:focus-visible,
html a:focus-visible {
  outline: 2px solid #2C6EF2;
  outline-offset: 2px;
  border-radius: 4px;
}
body .no-break,
html .no-break {
  white-space: nowrap;
  word-break: keep-all;
}
body .white,
html .white {
  color: #ffffff;
}
body .main,
html .main {
  background-color: #fff;
  width: 100%;
}
@media (max-width: 1024px) {
  body .main,
  html .main {
    width: 100%;
  }
}
body .container,
html .container {
  width: auto;
  margin-top: 0px !important;
  max-width: 1360px;
}
@media (min-width: 2000px) {
  body .container,
  html .container {
    max-width: 1366px;
  }
}
@media (max-width: 1490px) {
  body .container,
  html .container {
    padding: 0px 20px;
  }
}
@media (max-width: 600px) {
  body .container,
  html .container {
    padding: 0px 10px;
  }
}
body .flex-center,
html .flex-center {
  display: flex;
  justify-content: center;
}
body .fade-in-up,
html .fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s ease-out;
}
body .fade-in-up.visible,
html .fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}
body .zoomed,
html .zoomed {
  top: 0 !important;
  bottom: auto !important;
}
body input[type=text],
html input[type=text] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
body ul,
html ul {
  list-style: none;
}
@media screen and (max-width: 1024px) {
  body ul,
  html ul {
    padding-left: 0;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 720px) {
  body ul,
  html ul {
    padding-left: 0;
  }
}
body .search-bar-text-box::-webkit-input-placeholder, body .mobile-search-bar::-webkit-input-placeholder,
html .search-bar-text-box::-webkit-input-placeholder,
html .mobile-search-bar::-webkit-input-placeholder {
  font-family: "Noto Sans";
  font-size: 14px;
}
body .search-bar-text-box:-ms-input-placeholder, body .mobile-search-bar:-ms-input-placeholder,
html .search-bar-text-box:-ms-input-placeholder,
html .mobile-search-bar:-ms-input-placeholder {
  font-family: "Noto Sans";
  font-size: 14px;
}
body .search-bar-text-box:-moz-placeholder, body .mobile-search-bar:-moz-placeholder,
html .search-bar-text-box:-moz-placeholder,
html .mobile-search-bar:-moz-placeholder {
  font-family: "Noto Sans";
  font-size: 14px;
}
body .search-bar-text-box::-moz-placeholder, body .mobile-search-bar::-moz-placeholder,
html .search-bar-text-box::-moz-placeholder,
html .mobile-search-bar::-moz-placeholder {
  font-family: "Noto Sans";
  font-size: 14px;
}
body .top-section .city-data-container .cdc-container .profile-selector .compare-header-share .city-selector span:focus-visible,
body .city-name-link:focus-visible,
body .region-name-link:focus-visible,
body .tooltip-parent.tooltip-profiles:focus-visible,
html .top-section .city-data-container .cdc-container .profile-selector .compare-header-share .city-selector span:focus-visible,
html .city-name-link:focus-visible,
html .region-name-link:focus-visible,
html .tooltip-parent.tooltip-profiles:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #2C6EF2;
  border-radius: 4px;
}
body .mb-0,
html .mb-0 {
  margin-bottom: 0px;
}
body .mb-36,
html .mb-36 {
  margin-bottom: 36px;
}
body .mb-40,
html .mb-40 {
  margin-bottom: 40px;
}
body .mb-50,
html .mb-50 {
  margin-bottom: 50px;
}
body .mr-50,
html .mr-50 {
  margin-right: 50px;
}
@media (max-width: 768px) {
  body .mr-50,
  html .mr-50 {
    margin-right: 30px;
  }
}
@media (max-width: 576px) {
  body .mr-50,
  html .mr-50 {
    margin-right: 0px;
  }
}
body .mb-100-0,
html .mb-100-0 {
  margin-bottom: 100px;
}
@media (max-width: 930px) {
  body .mb-100-0,
  html .mb-100-0 {
    margin-bottom: 20px;
  }
}
body .pr-30,
html .pr-30 {
  padding-right: 30px;
}
@media (max-width: 576px) {
  body .pr-30,
  html .pr-30 {
    padding-right: 0px;
  }
}
body .pr-20,
html .pr-20 {
  padding-right: 20px;
}
body .top-0,
html .top-0 {
  padding: 0px 20px 50px 20px;
}
@media (max-width: 600px) {
  body .top-0,
  html .top-0 {
    padding: 0px 20px 50px 20px;
  }
}
body .animated-head,
html .animated-head {
  display: inline-flex;
  flex-wrap: wrap;
  overflow: hidden;
}
body .animated-head .char,
html .animated-head .char {
  display: inline-block;
  transform: translateY(100%);
  opacity: 0;
}
body .animated-head .space,
html .animated-head .space {
  width: 0.5em;
}/*# sourceMappingURL=shared.css.map */