.aeip-block-homepage-sustainability {
  margin-inline: calc(-1 * var(--aeip-content-padding));
  padding-inline: var(--aeip-content-padding);
  padding-block: 40px;
  color: var(--aeip-color-green);
  --image-width: 125px;
  --line-width: 18px;
  --checkmark-size: 40px;
  --shift: 0.2;
  --shift-size: calc(var(--checkmark-size) * var(--shift));
}
.aeip-block-homepage-sustainability:not(:last-child) {
  margin-bottom: var(--aeip-section-bottom-margin);
}
.aeip-block-homepage-sustainability h2.title {
  max-width: min(65%, 500px);
  margin-inline: auto;
}
.aeip-block-homepage-sustainability .introduction {
  max-width: min(85%, 800px);
  margin-inline: auto;
  margin-bottom: 1em;
}
.aeip-block-homepage-sustainability .text-1 {
  color: var(--aeip-color-blue);
  text-align: center;
  margin-bottom: 1.5em;
  max-width: min(85%, 800px);
  margin-inline: auto;
}
.aeip-block-homepage-sustainability .text-2 {
  max-width: min(85%, 800px);
  margin-inline: auto;
}
.aeip-block-homepage-sustainability .actions {
  margin-bottom: 32px;
  display: grid;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: clamp(80px, 12vh, 160px);
  grid-template-columns: [image-start] calc(var(--image-width) + 2 * var(--shift-size)) [image-end text-start] auto [text-end];
  grid-template-rows: [i1-start] auto [i1-end i2-start] auto [i2-end i3-start] auto [i3-end];
  grid-auto-flow: dense;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
}
.aeip-block-homepage-sustainability .action-image {
  grid-column: image;
  aspect-ratio: 1/1;
  height: auto;
  background-color: var(--aeip-color-green, #006239);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
  margin-inline: var(--shift-size);
  margin-top: var(--shift-size);
  width: var(--image-width);
}
.aeip-block-homepage-sustainability .action-image img {
  width: 60%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.aeip-block-homepage-sustainability .action-image .checkmark {
  width: 40px;
  aspect-ratio: 1/1;
  height: auto;
  background-image: url('data:image/svg+xml;utf8,<svg width="42" height="41" viewBox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.278 1c7.43 0 13.9 4.165 17.195 10.29l.309.599c1.286 2.592 1.996 5.514 1.996 8.617 0 2.684-.545 5.258-1.526 7.59-2.422 5.699-7.466 10.013-13.63 11.418l-.601.126h-.005c-1.193.24-2.458.36-3.738.36-4.6 0-8.817-1.587-12.14-4.244l-.32-.26h-.001l-.399-.342c-4.071-3.576-6.64-8.816-6.64-14.648C1.778 9.738 10.508 1 21.278 1Z" fill="%231C4791" stroke="%23FABC0C" stroke-width="2"/><path d="m14.778 20 6.5 8 7.5-16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(-1 * var(--shift-size));
  margin-top: calc(-1 * var(--shift-size));
}
.aeip-block-homepage-sustainability #action-image-1 {
  grid-row: i1;
}
.aeip-block-homepage-sustainability #action-image-2 {
  grid-row: i2;
}
.aeip-block-homepage-sustainability #action-image-3 {
  grid-row: i3;
}
.aeip-block-homepage-sustainability #action-image-3 img {
  width: 80%;
}
.aeip-block-homepage-sustainability .action-text {
  grid-column: text;
  max-width: 200px;
  line-height: 1.2;
  text-align: left;
  font-weight: bold;
}
.aeip-block-homepage-sustainability .lines {
  --tile-size: 50px;
  background-position: 25px;
  grid-column: image;
  grid-row: 1/-1;
  width: var(--line-width);
  position: relative;
  z-index: 1;
  justify-self: center;
  align-self: stretch;
  margin-block: calc(0.5 * var(--image-width));
}
@media screen and (min-width: 768px) {
  .aeip-block-homepage-sustainability .actions {
    max-width: 800px;
    margin-inline: auto;
    grid-template-columns: repeat(3, minmax(calc(var(--image-width) + 2 * var(--shift-size)), 225px));
    grid-template-rows: auto 1fr;
    row-gap: 16px;
    justify-content: space-between;
  }
  .aeip-block-homepage-sustainability .action-image {
    justify-self: center;
  }
  .aeip-block-homepage-sustainability #action-image-1 {
    grid-column: 1;
    grid-row: 1;
  }
  .aeip-block-homepage-sustainability #action-image-2 {
    grid-column: 2;
    grid-row: 1;
  }
  .aeip-block-homepage-sustainability #action-image-3 {
    grid-column: 3;
    grid-row: 1;
  }
  .aeip-block-homepage-sustainability .action-text {
    text-align: center;
    align-self: start;
  }
  .aeip-block-homepage-sustainability #action-text-1 {
    grid-column: 1;
    grid-row: 2;
  }
  .aeip-block-homepage-sustainability #action-text-2 {
    grid-column: 2;
    grid-row: 2;
  }
  .aeip-block-homepage-sustainability #action-text-3 {
    grid-column: 3;
    grid-row: 2;
  }
  .aeip-block-homepage-sustainability .lines {
    grid-column: 1/-1;
    grid-row: 1;
    margin-block: 0;
    margin-inline: calc(0.5 * var(--image-width));
    height: var(--line-width);
    width: auto;
    justify-self: stretch;
    align-self: center;
  }
}
@media screen and (min-width: 1200px) {
  .aeip-block-homepage-sustainability .content-wrapper {
    display: grid;
    grid-template-columns: 4fr 6fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
    align-items: center;
  }
  .aeip-block-homepage-sustainability .title,
  .aeip-block-homepage-sustainability .introduction {
    grid-column: 1/-1;
  }
  .aeip-block-homepage-sustainability .text-1 {
    justify-self: end;
    margin-inline: 0;
  }
  .aeip-block-homepage-sustainability .introduction {
    margin-bottom: 40px;
  }
  .aeip-block-homepage-sustainability .text-2 {
    grid-column: 2;
    max-width: 100%;
  }
}/*# sourceMappingURL=homepage-sustainability.css.map */