/* Variables */
.M05.v01, .M05.v04 {
  padding: 80px 0; }
  @media screen and (max-width: 768px) {
    .M05.v01, .M05.v04 {
      padding: 64px 0; } }
  @media screen and (max-width: 768px) {
    .M05.v01 .info, .M05.v04 .info {
      padding-top: 60px; } }

@media screen and (max-width: 768px) {
  .M05 {
    padding-bottom: 64px; } }

.M05 .labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 5px; }
  .M05 .labels .label {
    font-family: "WorkSans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.36px;
    padding: 1px 9px;
    border-radius: 99px;
    border: 1px solid; }

.M05 .image {
  width: 100%;
  object-position: center;
  object-fit: cover;
  position: sticky;
  top: 64px;
  height: auto; }

.M05 .title {
  margin-bottom: 32px; }
  .M05 .title > * {
    color: #1C2222;
    font-family: "WorkSans", sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 90%;
    letter-spacing: -2.8px;
    font-style: normal;
    margin: 0; }
    @media screen and (max-width: 992px) {
      .M05 .title > * {
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 90%;
        letter-spacing: -0.8px; } }

.M05 .titleText {
  margin-bottom: 24px; }
  @media screen and (max-width: 768px) {
    .M05 .titleText {
      padding-left: 0; } }
  .M05 .titleText * {
    color: #1C2222;
    font-family: "WorkSans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 24px */
    letter-spacing: -0.9px; }

.M05 .subtitle, .M05 .pre-title {
  margin-bottom: 40px; }
  .M05 .subtitle > *, .M05 .pre-title > * {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.45px;
    font-size: 20px;
    line-height: 120%;
    font-family: "WorkSans", sans-serif;
    margin: 0;
    color: #000000; }

.M05 .pre-title {
  margin-bottom: 10px; }

@media screen and (max-width: 992px) {
  .M05 .text ul {
    padding: 0; } }

.M05 .text li {
  list-style: none;
  position: relative;
  padding-left: 70px; }
  .M05 .text li:before {
    position: absolute;
    left: 0;
    top: 0px;
    margin-top: 10px;
    content: '';
    width: 60px;
    height: 1px;
    background-color: black; }
    @media screen and (max-width: 992px) {
      .M05 .text li:before {
        min-width: 40px; } }

.M05 .text ul li {
  font-family: "WorkSans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
  font-weight: 400; }

.M05 .text h1, .M05 .text h2, .M05 .text h3, .M05 .text h4, .M05 .text h5, .M05 .text h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  font-family: "WorkSans", sans-serif;
  color: #000000;
  letter-spacing: -0.45px; }

.M05 .text > * {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  vertical-align: middle;
  font-family: "WorkSans", sans-serif; }
  .M05 .text > * strong {
    font-weight: 500;
    font-size: 16px;
    line-height: 110.00000000000001%;
    letter-spacing: -0.28px;
    font-family: "WorkSans", sans-serif;
    font-style: normal;
    color: #1C2222; }
  .M05 .text > * em,
  .M05 .text > * i {
    font-family: "Playfair Display", sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.24px; }
  .M05 .text > * a {
    font-family: "WorkSans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 10.5%;
    text-underline-offset: 13.5%;
    text-underline-position: from-font; }
  .M05 .text > * bold, .M05 .text > * strong {
    font-weight: 500;
    color: inherit;
    color: #1C2222; }

.M05 .kpis {
  display: flex;
  align-items: start;
  gap: 40px;
  justify-content: space-between;
  padding-top: 20px;
  border-top: 1px solid;
  margin-top: 90px; }
  .M05 .kpis .left .kpi {
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .M05 .kpis .left .kpi .pre-title {
      font-style: italic;
      font-family: "Playfair Display", sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 90%;
      letter-spacing: -0.32px;
      margin: 0; }
    .M05 .kpis .left .kpi .title {
      font-family: "WorkSans", sans-serif;
      font-size: 32px;
      font-weight: 500;
      line-height: 77%;
      letter-spacing: -2.56px;
      margin: 0; }
  .M05 .kpis .right {
    display: flex;
    align-items: start;
    gap: 23px;
    flex-wrap: wrap;
    justify-content: end; }
    .M05 .kpis .right .kpi {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: end; }
      .M05 .kpis .right .kpi .title {
        font-family: "WorkSans", sans-serif;
        font-size: 42px;
        font-weight: 400;
        line-height: 84%;
        letter-spacing: -3.36px;
        margin: 0; }
      .M05 .kpis .right .kpi .subtitle {
        font-family: "WorkSans", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        /* 14.4px */
        letter-spacing: -0.18px;
        margin: 0; }
    @media screen and (max-width: 768px) {
      .M05 .kpis .right {
        width: 100%;
        justify-content: space-between; } }
  @media screen and (max-width: 768px) {
    .M05 .kpis {
      flex-direction: column;
      gap: 20px;
      margin-top: 64px; } }

.M05.v02 .title, .M05.v02-5 .title {
  margin-bottom: 16px; }

.M05.v02 .subtitle > *, .M05.v02-5 .subtitle > * {
  font-weight: 600; }

.M05.v02 .titleText, .M05.v02-5 .titleText {
  padding-left: 120px; }
  @media screen and (max-width: 768px) {
    .M05.v02 .titleText, .M05.v02-5 .titleText {
      padding-left: 0 !important; } }

.M05.v02 .image, .M05.v02-5 .image {
  max-height: 100dvh;
  height: 100%; }

.M05.v02 .info, .M05.v02-5 .info {
  padding: 80px 0 40px 0;
  height: 100%;
  display: grid; }
  @media screen and (max-width: 768px) {
    .M05.v02 .info, .M05.v02-5 .info {
      padding: 60px 0; } }

.M05.v02 .text, .M05.v02-5 .text {
  padding-left: 120px; }
  .M05.v02 .text a, .M05.v02-5 .text a {
    color: #E6673D !important; }
  @media screen and (max-width: 768px) {
    .M05.v02 .text, .M05.v02-5 .text {
      padding-left: 0; } }

.M05.v02-5 .title {
  margin-bottom: 32px; }
  .M05.v02-5 .title > * {
    font-family: "Playfair Display", sans-serif;
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -3.6px;
    margin: 0; }
    @media screen and (max-width: 992px) {
      .M05.v02-5 .title > * {
        font-family: "Playfair Display", sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 90%;
        letter-spacing: -3.6px; } }

.M05.v03 {
  text-align: center;
  padding: 72px 0; }
  .M05.v03 .pre-title * {
    color: #5D5F5C;
    text-align: center;
    font-family: "WorkSans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; }
  .M05.v03 .labels {
    justify-content: center; }
  .M05.v03 .subtitle {
    margin-top: 16px; }
    .M05.v03 .subtitle * {
      color: #5D5F5C;
      text-align: center;
      font-family: "WorkSans", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; }
  .M05.v03 .text {
    margin-top: 48px; }
  .M05.v03 .title * {
    color: #1C2222;
    text-align: center;
    font-family: "WorkSans", sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: -2.8px; }
    @media screen and (max-width: 992px) {
      .M05.v03 .title * {
        text-align: center;
        font-family: "Work Sans";
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 90%;
        letter-spacing: -2px; } }
  .M05.v03 .title em {
    color: #1C2222;
    font-family: "Playfair Display", sans-serif;
    font-size: 56px;
    font-style: italic;
    font-weight: 500;
    line-height: 95%;
    letter-spacing: -1.68px; }
    @media screen and (max-width: 992px) {
      .M05.v03 .title em {
        color: #1C2222;
        font-family: "Playfair Display", sans-serif;
        font-size: 40px;
        font-style: italic;
        font-weight: 500;
        line-height: 90%;
        letter-spacing: -2px; } }

.M05.v04 .info {
  max-width: 896px; }