.sustainability-impact-area {
  padding: 7.813rem 0; }
  @media (min-width: 48rem) and (max-width: 61.9375rem) {
    .sustainability-impact-area {
      padding: 5rem 0; } }
  @media only screen and (max-width: 47.9375rem) {
    .sustainability-impact-area {
      padding: 3.125rem 0; } }
  .sustainability-impact-area .content__box {
    max-width: 37.5rem; }
    .sustainability-impact-area .content__box p {
      font-size: 1.25rem; }
      @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
        .sustainability-impact-area .content__box p {
          font-size: 1.125rem; } }
      @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
        .sustainability-impact-area .content__box p {
          font-size: 1.125rem; } }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .sustainability-impact-area .content__box p {
          font-size: 1.0625rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .sustainability-impact-area .content__box p {
          font-size: 1rem; } }
      @media (min-width: 48rem) and (max-width: 61.9375rem) {
        .sustainability-impact-area .content__box p {
          font-size: 1.125rem; } }
      @media only screen and (max-width: 47.9375rem) {
        .sustainability-impact-area .content__box p {
          font-size: 1rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .sustainability-impact-area .content__box {
        margin-top: 3.125rem; } }
  .sustainability-impact-area .impact__info {
    margin-bottom: 3.125rem; }
    @media (min-width: 75rem) and (max-width: 81.1875rem) {
      .sustainability-impact-area .impact__info {
        margin-bottom: 2.1875rem; } }
    @media (min-width: 62rem) and (max-width: 74.9375rem) {
      .sustainability-impact-area .impact__info {
        margin-bottom: 1.875rem; } }
    @media only screen and (max-width: 47.9375rem) {
      .sustainability-impact-area .impact__info {
        margin-bottom: 1.5625rem; } }
    .sustainability-impact-area .impact__info .impact__box {
      margin-top: 1.5625rem; }
      @media (min-width: 75rem) and (max-width: 81.1875rem) {
        .sustainability-impact-area .impact__info .impact__box {
          margin-bottom: 1.25rem; } }
      @media (min-width: 62rem) and (max-width: 74.9375rem) {
        .sustainability-impact-area .impact__info .impact__box {
          margin-top: 0.625rem; } }

      /*-------- Freestanding Icon (forced size, regardless of upload pixel dimensions) --------*/
      .sustainability-impact-area .impact__info .impact__box .impact__icon {
        margin-bottom: 1rem; }
        .sustainability-impact-area .impact__info .impact__box .impact__icon img {
          display: block;
          width: 3rem;
          height: 3rem;
          object-fit: contain; }

      .sustainability-impact-area .impact__info .impact__box a {
        color: #151112;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.75rem;
        text-decoration: none;
        transition: .3s; }
      .sustainability-impact-area .impact__info .impact__box h4 {
        color: #231F20;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0;
        margin-bottom: 0.5rem; }
        @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
          .sustainability-impact-area .impact__info .impact__box h4 {
            font-size: 1.25rem; } }
        @media (min-width: 62rem) and (max-width: 74.9375rem) {
          .sustainability-impact-area .impact__info .impact__box h4 {
            font-size: 1.1875rem; } }
        @media (min-width: 48rem) and (max-width: 61.9375rem) {
          .sustainability-impact-area .impact__info .impact__box h4 {
            font-size: 1.25rem; } }
        @media only screen and (max-width: 47.9375rem) {
          .sustainability-impact-area .impact__info .impact__box h4 {
            font-size: 1.1875rem; } }
      .sustainability-impact-area .impact__info .impact__box p {
        color: #3D393B;
        font-size: 1.375rem;
        font-weight: 400;
        line-height: 140%;
        /* 1.925rem */
        letter-spacing: 0; }
        @media (min-width: 87.5rem) and (max-width: 93.6875rem) {
          .sustainability-impact-area .impact__info .impact__box p {
            font-size: 1.125rem; } }
        @media (min-width: 81.25rem) and (max-width: 87.4375rem) {
          .sustainability-impact-area .impact__info .impact__box p {
            font-size: 1.125rem; } }
        @media (min-width: 75rem) and (max-width: 81.1875rem) {
          .sustainability-impact-area .impact__info .impact__box p {
            font-size: 1.0625rem; } }
        @media (min-width: 62rem) and (max-width: 74.9375rem) {
          .sustainability-impact-area .impact__info .impact__box p {
            font-size: 1rem; } }
        @media (min-width: 48rem) and (max-width: 61.9375rem) {
          .sustainability-impact-area .impact__info .impact__box p {
            font-size: 1.125rem; } }
        @media only screen and (max-width: 47.9375rem) {
          .sustainability-impact-area .impact__info .impact__box p {
            font-size: 1.125rem; } }

.sustainability-impact-area .impact__info .impact__box ul {
  list-style: disc;
  padding-left: 24px;
  margin-bottom: 15px; }
.sustainability-impact-area .impact__info .impact__box ul li {
  color: #1C191A;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 150%; }
@media (min-width: 75rem) and (max-width: 81.1875rem) {
  .sustainability-impact-area .impact__info .impact__box ul li {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 150%; } }
@media (min-width: 62rem) and (max-width: 74.9375rem) {
  .sustainability-impact-area .impact__info .impact__box ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; } }
@media (min-width: 48rem) and (max-width: 61.9375rem) {
  .sustainability-impact-area .impact__info .impact__box ul li {
    font-size: 22px;
    font-weight: 400;
    line-height: 150%; } }

/*-------- CTA centered below the section --------*/
.sustainability-impact-area .explore_btn--center {
  display: flex;
  justify-content: center;
  margin-top: 3rem; }
  @media only screen and (max-width: 47.9375rem) {
    .sustainability-impact-area .explore_btn--center {
      margin-top: 2rem; } }

/*-------- Invert decorative shape positions --------
 * Yellow circle: top-right -> top-left
 * Green triangle: bottom-left -> bottom-right
 * Overrides the global .thumb__box rules via higher specificity.
 */
.sustainability-impact-area .thumb__box .thumb_circle_1 {
  right: auto;
  left: -20px; }
  @media (min-width: 1300px) and (max-width: 1399px) {
    .sustainability-impact-area .thumb__box .thumb_circle_1 {
      right: auto;
      left: -10px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sustainability-impact-area .thumb__box .thumb_circle_1 {
      right: auto;
      left: -10px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sustainability-impact-area .thumb__box .thumb_circle_1 {
      right: auto;
      left: -10px; } }

.sustainability-impact-area .thumb__box .thumb_shp_2 {
  left: auto;
  right: -45px;
  transform: scaleX(-1); }
  @media (min-width: 1400px) and (max-width: 1499px) {
    .sustainability-impact-area .thumb__box .thumb_shp_2 {
      left: auto;
      right: -25px; } }
  @media (min-width: 1300px) and (max-width: 1399px) {
    .sustainability-impact-area .thumb__box .thumb_shp_2 {
      left: auto;
      right: -25px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .sustainability-impact-area .thumb__box .thumb_shp_2 {
      left: auto;
      right: -25px; } }