.initiatives_intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-45);
  .cmn_introHead {margin-bottom: 1em;}
  & > figure {
    width: 100%;
    max-width: max-content;
  }
  @media screen and (max-width: 767px) {
    flex-direction: column;
    align-items: center;
  }
}

.cmn_flowLists {margin-top: var(--space-65);}
.cmn_flowLists--item {
  justify-content: center;
  align-items: center;
  &:not(:last-child) {
    margin-bottom: 120px;
    &::before {bottom: -75px;}
  }
  @media screen and (max-width: 767px) {
    &:not(:last-child) {
      margin-bottom: 80px;
      &::before {bottom: -65px;}
    }
  }
}
.cmn_flowLists--des {
  max-width: 360px;
}
.initiatives_lists {
  margin-top: 100px;
  @media screen and (max-width: 767px) {
    margin-top: var(--space-45);
  }
}
.initiatives_lists--item {
  background: #fff;
  position: relative;
  min-height: 326px;
  display: flex;
  align-items: center;
  & > figure {
    position: absolute;
  }
  &:not(:last-child) {margin-bottom: 100px;}
  &:nth-child(odd) {
    justify-content: flex-end;
    padding-right: var(--space-65);
    & > figure {inset: auto auto 20px 0;}
  }
  &:nth-child(even) {
    padding-left: var(--space-65);
    & > figure {inset: auto 0 20px auto;}
  }
  @media screen and (max-width: 767px) {
    min-height: initial;
    flex-direction: column-reverse!important;
    gap: 1.5em;
    padding: var(--space-45) 5%!important;
    & > figure {
      position: relative;
      inset: auto!important;
    }
    &:not(:last-child) {margin-bottom: var(--space-45);}
  }
}
.initiatives_lists--cont {
  width: 100%;
  max-width: 528px;
}
.initiatives_lists--txt {margin-bottom: 1.5em;}
.initiatives_lists--btn {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  .more_btn--arrow {
    width: calc(50% - 0.5em);
    a {width: 100%;}
  }
  @media screen and (max-width: 767px) {
    .more_btn--arrow {width: 100%;}
  }
}

.case_sec {
  .more_btn--arrow {justify-content: center;}
}
.case_lists {
  display: flex;
  gap: var(--space-30);
  margin-block: var(--space-30) var(--space-45);
  @media screen and (max-width: 767px) {
    flex-direction: column;
    align-items: center;
  }
}
.case_lists--item {
  background: var(--gray-color);
  padding: 2em 1.5em;
  @media screen and (max-width: 767px) {
    padding-inline: 5%;
  }
}

.recycle_outer {
  position: relative;
}
.recycle_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.page_section:has(> .recycle_left) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  @media screen and (max-width: 767px) {
    flex-direction: column;
    align-items: center;
    gap: var(--space-30);
  }
}
.recycle_left {
  width: 100%;
  max-width: 526px;
}
.recycle_left--txt {
  color: #fff;
  margin-bottom: 1.5em;
}