/* ---------------------sustainability2--------------------- */
.sustainability2 {
  padding: 125px 0 162px;
}
.sustainability2-img {
  width: 430px;
  height: 430px;
  position: relative;
  border-radius: 20px;
  margin-bottom: 25px;
}
.sustainability2-img img {
  width: 459px;
  height: 378px;
  position: absolute;
  bottom: -25px;
  right: -70px;
}
.sustainability2__title {
  margin-bottom: 50px;
}
.sustainability2__text p:not(:last-child) {
  margin-bottom: 15px;
}
/* -------------------circular-economy------------------ */
.circular-economy {
  padding: 125px 0 162px;
}
.circular-economy-img {
  width: 430px;
  height: 430px;
  position: relative;
  border-radius: 20px;
}
.circular-economy-img img {
  width: 436px;
  height: 367px;
  position: absolute;
  bottom: 31px;
  right: -40px;
}
.circular-economy__title {
  margin-bottom: 50px;
}
.circular-economy__text p:not(:last-child) {
  margin-bottom: 15px;
}
.circular-economy__text {
  max-width: 550px;
}
/* ----------------------packaging-------------------- */
.packaging {
  padding: 198px 0 209px;
}
.packaging__title {
  margin-bottom: 50px;
}
.packaging__text {
  max-width: 550px;
}
.packaging__text p:not(:last-child) {
  margin-bottom: 15px;
}
.packaging-img img {
  width: 559px;
  height: 361px;
  margin-left: 30px;
}
@media screen and (max-width: 1300px) {
  /* ---------------------sustainability2--------------------- */
  .sustainability2 {
    padding: 109px 0 141px;
  }
  .sustainability2-img {
    width: 375px;
    height: 375px;
    margin-bottom: 13px;
  }
  .sustainability2-img img {
    width: 401px;
    height: 330px;
    bottom: -22px;
    right: -61px;
  }
  .sustainability2__title {
    margin-bottom: 44px;
  }
  .sustainability2__text p:not(:last-child) {
    margin-bottom: 13px;
  }

  /* -------------------circular-economy------------------ */
  .circular-economy {
    padding: 109px 0 141px;
  }
  .circular-economy-img {
    width: 375px;
    height: 375px;
  }
  .circular-economy-img img {
    width: 381px;
    height: 320px;
    bottom: 27px;
    right: -35px;
  }
  .circular-economy__title {
    margin-bottom: 44px;
  }
  .circular-economy__text p:not(:last-child) {
    margin-bottom: 13px;
  }
  /* ----------------------packaging-------------------- */
  .packaging {
    padding: 173px 0 182px;
  }
  .packaging__title {
    margin-bottom: 44px;
  }
  .packaging__text p:not(:last-child) {
    margin-bottom: 13px;
  }
  .packaging-img img {
    width: 488px;
    height: 315px;
    margin-left: 26px;
  }
}
@media screen and (max-width: 1150px) {
  /* ---------------------sustainability2--------------------- */
  .sustainability2 {
    padding: 95px 0 123px;
  }
  .sustainability2-img {
    width: 327px;
    height: 327px;
    margin-bottom: 11px;
  }
  .sustainability2-img img {
    width: 350px;
    height: 288px;
    bottom: -19px;
    right: -53px;
  }
  .sustainability2__title {
    margin-bottom: 38px;
  }
  .sustainability2__text p:not(:last-child) {
    margin-bottom: 11px;
  }

  /* -------------------circular-economy------------------ */
  .circular-economy {
    padding: 95px 0 123px;
  }
  .circular-economy-img {
    width: 327px;
    height: 327px;
  }
  .circular-economy-img img {
    width: 333px;
    height: 279px;
    bottom: 24px;
    right: -31px;
  }
  .circular-economy__title {
    margin-bottom: 38px;
  }
  .circular-economy__text p:not(:last-child) {
    margin-bottom: 11px;
  }
  /* ----------------------packaging-------------------- */
  .packaging {
    padding: 151px 0 159px;
  }
  .packaging__title {
    margin-bottom: 38px;
  }
  .packaging__text p:not(:last-child) {
    margin-bottom: 11px;
  }
  .packaging-img img {
    width: 426px;
    height: 275px;
    margin-left: 23px;
  }
}
@media screen and (max-width: 1000px) {
  /* -------------sustainability2---------------- */
  .sustainability2 {
    padding: 83px 0 107px;
  }
  .sustainability2-img {
    width: 285px;
    height: 285px;
    margin-bottom: 10px;
  }
  .sustainability2-img img {
    width: 306px;
    height: 251px;
    bottom: -17px;
    right: -46px;
  }
  .sustainability2__title {
    margin-bottom: 33px;
  }
  .sustainability2__text p:not(:last-child) {
    margin-bottom: 10px;
  }

  /* ------------circular-economy-------------- */
  .circular-economy {
    padding: 83px 0 107px;
  }
  .circular-economy-img {
    width: 285px;
    height: 285px;
  }
  .circular-economy-img img {
    width: 291px;
    height: 244px;
    bottom: 21px;
    right: -27px;
  }
  .circular-economy__title {
    margin-bottom: 33px;
  }
  .circular-economy__text p:not(:last-child) {
    margin-bottom: 10px;
  }

  /* ----------------packaging----------------- */
  .packaging {
    padding: 132px 0 139px;
  }
  .packaging__title {
    margin-bottom: 33px;
  }
  .packaging__text p:not(:last-child) {
    margin-bottom: 10px;
  }
  .packaging-img img {
    width: 372px;
    height: 240px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 850px) {
  .sustainability2 {
    padding: 28px 0 67px;
  }
  .sustainability2__title {
    margin-bottom: 24px;
  }
  .sustainability2__container.two_col {
    flex-direction: column-reverse;
    margin: 0;
  }
  .sustainability2__left.col {
    width: 100%;
    margin: 0;
  }
  .sustainability2__right.col {
    width: 100%;
    margin: 0 0 24px;
  }
  .sustainability2-img {
    height: calc(100vw - 2 * 16px - 8vw);
    width: calc(100vw - 2 * 16px - 8vw);
  }
  .sustainability2-img img {
    width: calc(100vw - 2 * 16px - 27px);
    height: calc(100vw - 2 * 16px - 21vw - 5px);
    right: auto;
    left: 21px;
    bottom: -9px;
    object-position: right;
  }
  .packaging {
    padding: 64px 0;
  }
  .packaging__title {
    margin-bottom: 24px;
  }
  .packaging-img img {
    width: 100%;
    height: 67vw;
    margin-left: 0;
  }
  .packaging__container.two_col {
    margin: 0;
    flex-wrap: wrap;
  }
  .packaging-left.col {
    width: 100%;
    margin: 0;
  }
  .packaging__right.col {
    width: 100vw;
    margin: 24px -16px 0;
  }
  .packaging-img.img-contain {
    width: 100%;
  }
  .circular-economy {
    padding: 64px 0;
  }
  .circular-economy__title {
    margin-bottom: 24px;
  }
  .circular-economy-img {
    height: calc(100vw - 2 * 16px - 8vw);
    width: calc(100vw - 2 * 16px - 8vw);
  }
  .circular-economy-img img {
    width: calc(100vw - 2 * 16px - 18px);
    height: calc(100vw - 2 * 16px - 19vw - 5px);
    right: auto;
    left: 24px;
  }
  .circular-economy__container.two_col {
    width: 100%;
    margin: 0;
    flex-wrap: wrap-reverse;
  }
  .circular-economy__left.col {
    width: 100%;
    margin: 24px 0 0;
  }
  .circular-economy__right.col {
    width: 100%;
    margin: 0;
  }
}