/* @font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans-700.eot');
    src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans-700.woff2') format('woff2'), url('../fonts/MuseoSans-700.woff') format('woff'), url('../fonts/MuseoSans-700.svg#MuseoSans-700') format('svg');
    font-weight: 600;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans-900.eot');
    src: url('../fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans-900.woff2') format('woff2'), url('../fonts/MuseoSans-900.woff') format('woff'), url('../fonts/MuseoSans-900.svg#MuseoSans-900') format('svg');
    font-weight: 900;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans-300.eot');
    src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'), url('../fonts/MuseoSans-300.woff2') format('woff2'), url('../fonts/MuseoSans-300.woff') format('woff'), url('../fonts/MuseoSans-300.svg#MuseoSans-300') format('svg');
    font-weight: normal;
    font-style: normal;
  } */

html,
body {
  font: normal 16px / 24px "Lato", Helvetica, Arial, sans-serif;
  color: var(--color-text-black);
}

.font-small {
  font-size: 0.9em;
  line-height: 1.5em;
}

.font-xsmall {
  font-size: 0.8em;
  line-height: 1.5em;
}

.font-white {
  color: var(--color-white);
}

.font-weight-light {
  font-weight: var(--font-weight-light);
}

.font-weight-bold {
  font-weight: var(--font-weight-bold);
}

.font-weight-black {
  font-weight: var(--font-weight-black);
}

.section-title {
  font-size: 2.3rem;
  line-height: 1.1em;
  font-weight: 800;
  background: var(--RHB-Gradient, linear-gradient(90deg, #23A4DE 0%, #283583 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
}

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

.quote {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.3em;
  font-weight: bold;
  position: relative;
}

.quote .mark-open {
  position: absolute;
  font-size: 2.8rem;
  line-height: 1em;
  font-weight: bold;
  color: var(--color-blue);
  left: 0px;
  top: 0px;
  transform: translate(-125%, -10%);
}

.quote .mark-close {
  font-size: 2.8rem;
  line-height: 0em;
  font-weight: bold;
  display: inline-block;
  color: var(--color-blue);
  vertical-align: sub;
  transform: translateY(0.5em);
}

.job-title {
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.6em;
  padding-top: var(--gap18);
  border-top: 1px solid var(--color-gray);
  padding-left: var(--gap12);
  background: transparent url(../img/icon/icon-quote-name-bullet.svg) left 22px/auto no-repeat;
}

.job-title .name {
  text-transform: uppercase;
  font-weight: bold;
}

.job-title .position {
  font-size: 0.82rem;
  line-height: 1.6em;
}

.text>p:not(:last-child) {
  margin-bottom: 0.8em;
}

.gceo .section-title {
  font-size: 1.9rem;
  line-height: 1.1em;
}

.dear {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0.6em;
}

.row.highlights .section-subtitle {
  text-transform: uppercase;
  color: var(--color-white);
  font-size: 1.2rem;
  background-color: var(--color-bright-blue);
  padding: var(--gap10) var(--gap18);
  width: 100%;
  text-align: center;
}

.row.highlights .highlight-box.business .section-subtitle {
  background-color: #3977A5;
}

.row.highlights .highlight-box.sustainability .section-subtitle {
  background-color: #7FB0CA;
}

.highlight-boxes .highlight-box .icon-stat .stat-title.lower {
  text-transform: none;
  font-size: 1.1rem;
  line-height: 1.3em;
}

.highlight-boxes .highlight-box.business .icon-stat .stat-number,
.highlight-boxes .highlight-box.business .icon-stat .stat-unit {
  color: #3977a5;
}

.highlight-boxes .highlight-box .icon-stat .note.text {
  font-size: 1.1rem;
  line-height: 1.3em;
}

.highlight-boxes .highlight-box.business .icon-stat .stat-number {
  font-size: 2.8rem;
  line-height: 1.1em;
}

.highlight-stat-group .highlight-stat-group-title {
  color: #7fb0ca;
  font-size: 1.1rem;
  line-height: 1.3em;
  font-weight: bold;
}

.highlight-boxes .highlight-box.sustainability .icon-stat .stat-number,
.highlight-boxes .highlight-box.sustainability .icon-stat .stat-unit {
  color: #7fb0ca;
  font-size: 2rem;
  line-height: 1.1em;
}

.row.sustainability .section-title {
  text-align: center;
}

.row.sustainability .text {
  color: var(--color-white);
}

.row.sustainability .text .small-note {
  font-size: 0.8em;
  line-height: 1.4em;
}

.row.sustainability .section-title {
  color: #23A4DE;
  background: none;
  -webkit-text-fill-color: #23A4DE;
}