.elementor-9073 .elementor-element.elementor-element-5bdbb9b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-9073 .elementor-element.elementor-element-441803f2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-9073 .elementor-element.elementor-element-33dbd226{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-20e3f1c6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-9073 .elementor-element.elementor-element-2cabf7bf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-1e3c6e6a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-32389288{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-32741998 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-2e4cfbd3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-9f70e69{text-align:center;}.elementor-9073 .elementor-element.elementor-element-21c76f69{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-19b783ca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-222c9387{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-9073 .elementor-element.elementor-element-1f23f1d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-51826db5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-51826db5{color:#FFFFFF;}.elementor-9073 .elementor-element.elementor-element-367490e2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-690aca3c.elementor-element{--align-self:center;}.elementor-9073 .elementor-element.elementor-element-237470b9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-6045d45f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-1ff24b28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-50c73b2f{text-align:center;}.elementor-9073 .elementor-element.elementor-element-4d3354a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-502eaf14{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-38f71fee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-21d795bf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-7435984d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-449816e6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-55bfb62a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-63252a9a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9073 .elementor-element.elementor-element-492087a6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-250b0c3a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-12864356 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-796bb39e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-22f1272c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9073 .elementor-element.elementor-element-3e53ba54{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-9073 .elementor-element.elementor-element-58f657e5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9073 .elementor-element.elementor-element-58f657e5{text-align:center;}.elementor-9073 .elementor-element.elementor-element-133339e8.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-9073 .elementor-element.elementor-element-441803f2{--content-width:160rem;}.elementor-9073 .elementor-element.elementor-element-2e4cfbd3{--content-width:960px;}.elementor-9073 .elementor-element.elementor-element-222c9387{--content-width:1230px;}.elementor-9073 .elementor-element.elementor-element-4d3354a4{--content-width:1230px;}.elementor-9073 .elementor-element.elementor-element-63252a9a{--content-width:1110px;}}/* Start custom CSS for container, class: .elementor-element-32389288 */.twelve-ways-article .hero-section {
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section {
        margin-bottom: clamp(5rem, 3.8857rem + 3.0952vw, 7.6rem);
    }
}
.twelve-ways-article .hero-section > .e-con-inner {
    display: flex;
}
.twelve-ways-article .hero-section > .e-con-inner .col--2 {
    order: -1;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section > .e-con-inner {
        display: flex;
    }

    .twelve-ways-article .hero-section > .e-con-inner .col--2 {
        order: initial;
    }
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col {
        width: 50%;
    }
}
.twelve-ways-article .hero-section .col--1 > div {
    display: grid;
    place-items: center;
}
.twelve-ways-article .hero-section .col--1 .heading {
    max-width: 48rem;
}
@media screen and (min-width: 1600px) {
    .twelve-ways-article .hero-section .col--1 .heading {
        transform: translateX(10rem);
    }
}
.twelve-ways-article .hero-section .col--1 .heading h2 {
    margin-top: 1rem !important;
    padding: 0 10vw;
    font-size: 4.8rem;
    font-size: clamp(3.2rem, 2.3065rem + 2.0779vw, 4.8rem);
    line-height: 1.25;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--1 .heading h2 {
        margin-top: 0 !important;
        padding: 0;
        text-align: left;
    }
}
.twelve-ways-article .hero-section .col--2 {
    position: relative;
}
.twelve-ways-article .hero-section .col--2 div {
    height: 100%;
}
.twelve-ways-article .hero-section .col--2 .main-image {
    position: relative;
}
.twelve-ways-article .hero-section .col--2 .main-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(44, 66, 102, 0.25);
}
.twelve-ways-article .hero-section .col--2 .main-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1.8/1;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--2 .main-image img {
        aspect-ratio: 1.5/1;
    }
}
.twelve-ways-article .hero-section .col--2 .icon {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    width: 100%;
}

.twelve-ways-article .hero-section .col--2 .icon.icon--packaging {
    left: 5rem;

    @media screen and (min-width: 600px) {
        left: 8rem;
    }

    @media screen and (min-width: 768px) {
        left: 7vw;
    }

    @media screen and (min-width: 1600px) {
        left: 11rem;
    }
}

.twelve-ways-article .hero-section .col--2 .icon--greenhouse-gas-emissions {
    margin-top: 2vw;
}

.twelve-ways-article .hero-section .col--2 .icon .elementor-widget-container {
    width: 44vw;
    height: 44vw !important;
    display: grid;
    place-items: center;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--2 .icon .elementor-widget-container {
        width: 17.5vw;
        max-width: 28rem;
        height: 17.5vw !important;
        max-height: 28rem !important;
    }
}
.twelve-ways-article .hero-section .col--2 .icon img {
    width: 100%;
}

.twelve-ways-article .hero-section .col--2 .icon--greenhouse-gas-emissions img {
    width: 70% !important;
}

@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--2 .icon--greenhouse-gas-emissions img {
        width: 100% !important;
    }
}

.twelve-ways-article .lead-in-section {
    margin-bottom: clamp(1rem, -0.1169rem + 2.5974vw, 3rem);
    padding: 0 3rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .lead-in-section {
        padding: 0 1rem;
    }
}
.twelve-ways-article .lead-in-section p {
    margin-bottom: clamp(2.4rem, 1.6182rem + 1.8182vw, 3.8rem);
    font-size: clamp(1.8rem, 1.0182rem + 1.8182vw, 3.2rem);
    font-weight: 300;
    line-height: 1.25;
}
.twelve-ways-article .lead-in-section .elementor-widget-image {
    margin-top: 1.6rem;
}
.twelve-ways-article .benefits-section {
    padding-bottom: 6rem;
    background-color: #2c4266;
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section {
        padding-bottom: 0;
    }
}
.twelve-ways-article .benefits-section .covering-div {
    height: 1rem;
    background-color: #fff;
}
.twelve-ways-article .benefits-section .covering-div--top {
    margin-bottom: -1rem;
}
.twelve-ways-article .benefits-section .covering-div--bottom {
    display: none;
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .covering-div--bottom {
        display: block;
        margin-top: -1rem;
        background-color: #f5f5f5;
    }
}
.twelve-ways-article .benefits-section .columns > .e-con-inner {
    display: flex;
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .columns > .e-con-inner {
        display: flex;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .columns {
        padding: 0 2rem;
    }
}
@media screen and (min-width: 1400px) {
    .twelve-ways-article .benefits-section .columns {
        margin-left: -4vw;
    }
}
@media screen and (min-width: 1600px) {
    .twelve-ways-article .benefits-section .columns {
        margin-left: -9rem;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .col--1 {
        width: 59%;
    }
}
.twelve-ways-article .benefits-section .col--1 .icon img {
    width: 100%;
    max-width: 59rem;
}
.twelve-ways-article .benefits-section .col--1 .heading {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
}
.twelve-ways-article .benefits-section .col--1 .heading h2 {
    max-width: 38rem;
    margin-top: -7rem !important;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.25;
}

.twelve-ways-article .benefits-section .col--1 .heading--te h2 {
    margin-top: 0.8rem !important;
    color: #fff;
}

.twelve-ways-article .benefits-section .col--1 .heading--te h2:first-of-type {
    margin-bottom: 4rem !important;
}

.twelve-ways-article .benefits-section .col--1 .heading--te p {
    margin: 0 !important;
}

.twelve-ways-article .benefits-section .col--1 .heading--te img {
    width: auto;
    height: 5rem;
}

@media screen and (min-width: 600px) {
    .twelve-ways-article .benefits-section .col--1 .heading h2 {
        margin-top: 0 !important;
    }

    .twelve-ways-article .benefits-section .col--1 .heading--te h2 {
        margin-top: 0.8rem !important;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .col--1 .heading h2 {
        margin-top: -7rem !important;
    }

    .twelve-ways-article .benefits-section .col--1 .heading--te h2 {
        margin-top: 0.8rem !important;
    }
}
@media screen and (min-width: 1600px) {
    .twelve-ways-article .benefits-section .col--1 {
        max-width: 59rem;
    }
}
.twelve-ways-article .benefits-section .col--2 {
    margin-top: -10rem;
    padding: 0 3rem;
}

.twelve-ways-article:has(.heading--te) .benefits-section .col--2 {
    margin-top: 1rem;
}

@media screen and (min-width: 600px) {
    .twelve-ways-article .benefits-section .col--2 {
        margin-top: -38rem;
    }
    .twelve-ways-article:has(.heading--te) .benefits-section .col--2 {
        margin-top: -10rem;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .col--2 {
        width: 64%;
        margin-top: 0;
        padding: clamp(5rem, 4.129rem + 2.4194vw, 8rem) 0;
    }

    .twelve-ways-article:has(.heading--te) .benefits-section .col--2 {
        margin-top: 0;
    }
}
@media screen and (min-width: 1200px) {
    .twelve-ways-article .benefits-section .col--2 {
        left: -2.4rem;
    }
}
.twelve-ways-article .benefits-section .col--2 ul {
    margin-left: 2.2rem;
}
.twelve-ways-article .benefits-section .col--2 p,
.twelve-ways-article .benefits-section .col--2 li,
.twelve-ways-article .benefits-section .col--2 li > a,
.twelve-ways-article .benefits-section .col--2 p > a {
    font-size: 2rem;
    color: #fff !important;
    line-height: 1.4;
    font-weight: 500;
}
.twelve-ways-article .benefits-section .col--2 .article-button {
    margin-top: 1rem !important;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .benefits-section .col--2 .article-button {
        align-self: flex-start;
    }
}
.twelve-ways-article .benefits-section .col--2 .article-button a {
    text-decoration: none;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    font-weight: 700;
}
.twelve-ways-article .benefits-section .col--2 .article-button a:hover {
    background-color: #f3ab36 !important;
    text-decoration: none;
}
.twelve-ways-article .benefits-section .col--2 ul,
.twelve-ways-article .benefits-section .col--2 p {
    margin-bottom: 3rem;
}
.twelve-ways-article .benefits-section .col--2 li {
    margin-top: clamp(2rem, 1.8286rem + 0.4762vw, 2.4rem);
    padding-left: 0;
}
.twelve-ways-article .benefits-section .col--2 a {
    text-decoration: underline;
}

.twelve-ways-article .benefits-section:has(.small-read-more-arrow-down) {
    .small-read-more-arrow-down {
        top: 3rem;
    }

    .small-read-more-arrow-down img {
        position: relative;
        width: auto;
        height: 6rem;
    }

    @media screen and (min-width: 600px) {
        .col--1 .heading h2 {
            margin-top: 0 !important;
        }

        .col--2 {
            margin-top: 6rem;
        }
    }

    @media screen and (min-width: 992px) {
        .columns {
            padding-top: 4rem;
            padding-bottom: 2rem;
        }

        .col--2 {
            margin-top: -4rem;
        }

        .small-read-more-arrow-down {
            top: auto;
            margin-top: -4vw;
            padding-bottom: 3rem;
        }
    }

    @media screen and (min-width: 1400px) {
        .small-read-more-arrow-down {
            margin-top: -7rem;
        }
    }
}

@media screen and (min-width: 1600px) {
    .twelve-ways-article .benefits-section .col--2 {
        max-width: 64rem;
    }
}
.twelve-ways-article .card-section {
    padding-top: clamp(3rem, -1.4675rem + 10.3896vw, 11rem);
    padding-bottom: clamp(4rem, 3.1429rem + 2.381vw, 6rem);
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section {
        padding-left: 0;
        padding-right: 0;
    }
}
.twelve-ways-article .card-section .lead-in {
    max-width: 75rem;
    margin-inline: auto;
}
.twelve-ways-article .card-section .lead-in h2 {
    margin-bottom: clamp(2rem, 1.1429rem + 2.381vw, 4rem) !important;
    font-size: clamp(2.4rem, 1.5065rem + 2.0779vw, 4rem);
    line-height: 1.25;
}
.twelve-ways-article .card-section .lead-in p {
    font-size: 2rem;
    line-height: 1.4;
}
.twelve-ways-article .card-section .lead-in p br {
    display: none;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .lead-in p br {
        display: inline;
    }
}
.twelve-ways-article .card-section .lead-in p.small-text {
    margin-top: -1rem;
    font-size: 1.4rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
}
.twelve-ways-article .card-section .cards {
    padding-top: clamp(2rem, -0.2338rem + 5.1948vw, 6rem);
    padding-bottom: 4rem;
}
.twelve-ways-article .card-section .cards > .e-con-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .cards > .e-con-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 6rem 7rem;
    }
}
.twelve-ways-article .card-section .card {
    display: block;
    padding: clamp(2rem, 0.8831rem + 2.5974vw, 4rem);
    padding-bottom: clamp(3.6rem, 2.5948rem + 2.3377vw, 5.4rem);
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0px 1px 8.9px 7px rgba(206, 206, 206, 0.25);
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .card {
        display: flex;
    }
}
.twelve-ways-article .card-section .card img {
    width: 100%;
    aspect-ratio: 2.5/1;
}
.twelve-ways-article .card-section .card .heading h2 {
    margin-bottom: 0.8rem !important;
}
.twelve-ways-article .card-section .card .heading h2 a {
    font-size: clamp(2rem, 1.8286rem + 0.4762vw, 2.4rem);
    font-weight: 700;
    line-height: 1.25;
    color: #000;
    text-decoration: underline;
}
.twelve-ways-article .card-section .card p {
    font-size: clamp(1.6rem, 1.4286rem + 0.4762vw, 2rem);
    line-height: 1.5;
    font-weight: 300;
}
.twelve-ways-article .card-section .card .elementor-button-wrapper {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .card .elementor-button-wrapper {
        text-align: left;
    }
}
.twelve-ways-article .summary-section {
    padding-top: clamp(2rem, 0.3247rem + 3.8961vw, 5rem);
    padding-bottom: clamp(3.6rem, 3rem + 1.6667vw, 5rem);
    padding-left: 3rem;
    padding-right: 3rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .summary-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .twelve-ways-article .summary-section > .e-con-inner {
        display: flex;
        gap: 5%;
    }
}
.twelve-ways-article .summary-section .images {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0 1px;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .summary-section .images {
        width: 36%;
        flex-wrap: wrap;
        gap: 1px 0;
    }
    .twelve-ways-article .summary-section .text {
        width: 59%;
    }
}
.twelve-ways-article .summary-section .summary-image img {
    width: 100%;
    aspect-ratio: 1.14/1;
    object-fit: cover;
}
.twelve-ways-article .summary-section .text h2 {
    margin-top: 1rem !important;
    margin-bottom: clamp(1.8rem, 1.7143rem + 0.2381vw, 2rem) !important;
    font-size: clamp(2.4rem, 1.9532rem + 1.039vw, 3.2rem);
    line-height: 1.25;
}
.twelve-ways-article .summary-section .text h3 {
    margin-bottom: clamp(2.4rem, 0.9481rem + 3.3766vw, 5rem) !important;
    font-size: clamp(2.2rem, 2.1143rem + 0.2381vw, 2.4rem);
    font-size: clamp(2rem, 1.7766rem + 0.5195vw, 2.4rem);
    line-height: 1.25;
    color: #000;
}
.twelve-ways-article .summary-section .text p {
    max-width: 63rem;
    margin-bottom: clamp(2rem, 1.7429rem + 0.7143vw, 2.6rem);
    font-size: clamp(1.6rem, 1.4286rem + 0.4762vw, 2rem);
    line-height: 1.4;
    font-weight: 300;
}
.twelve-ways-article .summary-section .text ul {
    margin-top: 2rem;
    margin-left: 2.2rem;
}
.twelve-ways-article .summary-section .text li {
    margin-top: clamp(2rem, 1.8286rem + 0.4762vw, 2.4rem);
    padding-left: 0;
}
.twelve-ways-article .summary-section .text a {
    text-decoration: underline;
}
.twelve-ways-article .cta-section {
    padding-top: clamp(4rem, 0.6494rem + 7.7922vw, 10rem);
    padding-bottom: clamp(4rem, 0.6494rem + 7.7922vw, 10rem);
    background-color: #f5f5f5;
}
.twelve-ways-article .cta-section .heading h2 {
    max-width: 67rem;
    margin: 0 auto 1rem !important;
    font-size: clamp(2.6rem, 2.5143rem + 0.2381vw, 2.8rem);
    font-weight: 700;
    line-height: 1.1;
}
.twelve-ways-article .article-button {
    margin-top: auto;
}
.twelve-ways-article .article-button .elementor-button {
    display: inline-flex;
    min-height: 4.2rem;
    margin-top: 2.4rem;
    padding: 0 2rem !important;
    border-radius: 8px;
    font-size: 2rem !important;
}
.twelve-ways-article .article-button .elementor-button:hover {
    background-color: #f3ab36 !important;
    text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bdbb9b3 */.twelve-ways-article .hero-section {
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section {
        margin-bottom: clamp(5rem, 3.8857rem + 3.0952vw, 7.6rem);
    }
}
.twelve-ways-article .hero-section > .e-con-inner {
    display: flex;
}
.twelve-ways-article .hero-section > .e-con-inner .col--2 {
    order: -1;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section > .e-con-inner {
        display: flex;
    }

    .twelve-ways-article .hero-section > .e-con-inner .col--2 {
        order: initial;
    }
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col {
        width: 50%;
    }
}
.twelve-ways-article .hero-section .col--1 > div {
    display: grid;
    place-items: center;
}
.twelve-ways-article .hero-section .col--1 .heading {
    max-width: 48rem;
}
@media screen and (min-width: 1600px) {
    .twelve-ways-article .hero-section .col--1 .heading {
        transform: translateX(10rem);
    }
}
.twelve-ways-article .hero-section .col--1 .heading h2 {
    margin-top: 1rem !important;
    padding: 0 10vw;
    font-size: 4.8rem;
    font-size: clamp(3.2rem, 2.3065rem + 2.0779vw, 4.8rem);
    line-height: 1.25;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--1 .heading h2 {
        margin-top: 0 !important;
        padding: 0;
        text-align: left;
    }
}
.twelve-ways-article .hero-section .col--2 {
    position: relative;
}
.twelve-ways-article .hero-section .col--2 div {
    height: 100%;
}
.twelve-ways-article .hero-section .col--2 .main-image {
    position: relative;
}
.twelve-ways-article .hero-section .col--2 .main-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(44, 66, 102, 0.25);
}
.twelve-ways-article .hero-section .col--2 .main-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1.8/1;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--2 .main-image img {
        aspect-ratio: 1.5/1;
    }
}
.twelve-ways-article .hero-section .col--2 .icon {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    width: 100%;
}

.twelve-ways-article .hero-section .col--2 .icon.icon--packaging {
    left: 5rem;

    @media screen and (min-width: 600px) {
        left: 8rem;
    }

    @media screen and (min-width: 768px) {
        left: 7vw;
    }

    @media screen and (min-width: 1600px) {
        left: 11rem;
    }
}

.twelve-ways-article .hero-section .col--2 .icon--greenhouse-gas-emissions {
    margin-top: 2vw;
}

.twelve-ways-article .hero-section .col--2 .icon .elementor-widget-container {
    width: 44vw;
    height: 44vw !important;
    display: grid;
    place-items: center;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--2 .icon .elementor-widget-container {
        width: 17.5vw;
        max-width: 28rem;
        height: 17.5vw !important;
        max-height: 28rem !important;
    }
}
.twelve-ways-article .hero-section .col--2 .icon img {
    width: 100%;
}

.twelve-ways-article .hero-section .col--2 .icon--greenhouse-gas-emissions img {
    width: 70% !important;
}

@media screen and (min-width: 768px) {
    .twelve-ways-article .hero-section .col--2 .icon--greenhouse-gas-emissions img {
        width: 100% !important;
    }
}

.twelve-ways-article .lead-in-section {
    margin-bottom: clamp(1rem, -0.1169rem + 2.5974vw, 3rem);
    padding: 0 3rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .lead-in-section {
        padding: 0 1rem;
    }
}
.twelve-ways-article .lead-in-section p {
    margin-bottom: clamp(2.4rem, 1.6182rem + 1.8182vw, 3.8rem);
    font-size: clamp(1.8rem, 1.0182rem + 1.8182vw, 3.2rem);
    font-weight: 300;
    line-height: 1.25;
}
.twelve-ways-article .lead-in-section .elementor-widget-image {
    margin-top: 1.6rem;
}
.twelve-ways-article .benefits-section {
    padding-bottom: 6rem;
    background-color: #2c4266;
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section {
        padding-bottom: 0;
    }
}
.twelve-ways-article .benefits-section .covering-div {
    height: 1rem;
    background-color: #fff;
}
.twelve-ways-article .benefits-section .covering-div--top {
    margin-bottom: -1rem;
}
.twelve-ways-article .benefits-section .covering-div--bottom {
    display: none;
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .covering-div--bottom {
        display: block;
        margin-top: -1rem;
        background-color: #f5f5f5;
    }
}
.twelve-ways-article .benefits-section .columns > .e-con-inner {
    display: flex;
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .columns > .e-con-inner {
        display: flex;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .columns {
        padding: 0 2rem;
    }
}
@media screen and (min-width: 1400px) {
    .twelve-ways-article .benefits-section .columns {
        margin-left: -4vw;
    }
}
@media screen and (min-width: 1600px) {
    .twelve-ways-article .benefits-section .columns {
        margin-left: -9rem;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .col--1 {
        width: 59%;
    }
}
.twelve-ways-article .benefits-section .col--1 .icon img {
    width: 100%;
    max-width: 59rem;
}
.twelve-ways-article .benefits-section .col--1 .heading {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
}
.twelve-ways-article .benefits-section .col--1 .heading h2 {
    max-width: 38rem;
    margin-top: -7rem !important;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.25;
}

.twelve-ways-article .benefits-section .col--1 .heading--te h2 {
    margin-top: 0.8rem !important;
    color: #fff;
}

.twelve-ways-article .benefits-section .col--1 .heading--te h2:first-of-type {
    margin-bottom: 4rem !important;
}

.twelve-ways-article .benefits-section .col--1 .heading--te p {
    margin: 0 !important;
}

.twelve-ways-article .benefits-section .col--1 .heading--te img {
    width: auto;
    height: 5rem;
}

@media screen and (min-width: 600px) {
    .twelve-ways-article .benefits-section .col--1 .heading h2 {
        margin-top: 0 !important;
    }

    .twelve-ways-article .benefits-section .col--1 .heading--te h2 {
        margin-top: 0.8rem !important;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .col--1 .heading h2 {
        margin-top: -7rem !important;
    }

    .twelve-ways-article .benefits-section .col--1 .heading--te h2 {
        margin-top: 0.8rem !important;
    }
}
@media screen and (min-width: 1600px) {
    .twelve-ways-article .benefits-section .col--1 {
        max-width: 59rem;
    }
}
.twelve-ways-article .benefits-section .col--2 {
    margin-top: -10rem;
    padding: 0 3rem;
}

.twelve-ways-article:has(.heading--te) .benefits-section .col--2 {
    margin-top: 1rem;
}

@media screen and (min-width: 600px) {
    .twelve-ways-article .benefits-section .col--2 {
        margin-top: -38rem;
    }
    .twelve-ways-article:has(.heading--te) .benefits-section .col--2 {
        margin-top: -10rem;
    }
}
@media screen and (min-width: 992px) {
    .twelve-ways-article .benefits-section .col--2 {
        width: 64%;
        margin-top: 0;
        padding: clamp(5rem, 4.129rem + 2.4194vw, 8rem) 0;
    }

    .twelve-ways-article:has(.heading--te) .benefits-section .col--2 {
        margin-top: 0;
    }
}
@media screen and (min-width: 1200px) {
    .twelve-ways-article .benefits-section .col--2 {
        left: -2.4rem;
    }
}
.twelve-ways-article .benefits-section .col--2 ul {
    margin-left: 2.2rem;
}
.twelve-ways-article .benefits-section .col--2 p,
.twelve-ways-article .benefits-section .col--2 li,
.twelve-ways-article .benefits-section .col--2 li > a,
.twelve-ways-article .benefits-section .col--2 p > a {
    font-size: 2rem;
    color: #fff !important;
    line-height: 1.4;
    font-weight: 500;
}
.twelve-ways-article .benefits-section .col--2 .article-button {
    margin-top: 1rem !important;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .benefits-section .col--2 .article-button {
        align-self: flex-start;
    }
}
.twelve-ways-article .benefits-section .col--2 .article-button a {
    text-decoration: none;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    font-weight: 700;
}
.twelve-ways-article .benefits-section .col--2 .article-button a:hover {
    background-color: #f3ab36 !important;
    text-decoration: none;
}
.twelve-ways-article .benefits-section .col--2 ul,
.twelve-ways-article .benefits-section .col--2 p {
    margin-bottom: 3rem;
}
.twelve-ways-article .benefits-section .col--2 li {
    margin-top: clamp(2rem, 1.8286rem + 0.4762vw, 2.4rem);
    padding-left: 0;
}
.twelve-ways-article .benefits-section .col--2 a {
    text-decoration: underline;
}

.twelve-ways-article .benefits-section:has(.small-read-more-arrow-down) {
    .small-read-more-arrow-down {
        top: 3rem;
    }

    .small-read-more-arrow-down img {
        position: relative;
        width: auto;
        height: 6rem;
    }

    @media screen and (min-width: 600px) {
        .col--1 .heading h2 {
            margin-top: 0 !important;
        }

        .col--2 {
            margin-top: 6rem;
        }
    }

    @media screen and (min-width: 992px) {
        .columns {
            padding-top: 4rem;
            padding-bottom: 2rem;
        }

        .col--2 {
            margin-top: -4rem;
        }

        .small-read-more-arrow-down {
            top: auto;
            margin-top: -4vw;
            padding-bottom: 3rem;
        }
    }

    @media screen and (min-width: 1400px) {
        .small-read-more-arrow-down {
            margin-top: -7rem;
        }
    }
}

@media screen and (min-width: 1600px) {
    .twelve-ways-article .benefits-section .col--2 {
        max-width: 64rem;
    }
}
.twelve-ways-article .card-section {
    padding-top: clamp(3rem, -1.4675rem + 10.3896vw, 11rem);
    padding-bottom: clamp(4rem, 3.1429rem + 2.381vw, 6rem);
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section {
        padding-left: 0;
        padding-right: 0;
    }
}
.twelve-ways-article .card-section .lead-in {
    max-width: 75rem;
    margin-inline: auto;
}
.twelve-ways-article .card-section .lead-in h2 {
    margin-bottom: clamp(2rem, 1.1429rem + 2.381vw, 4rem) !important;
    font-size: clamp(2.4rem, 1.5065rem + 2.0779vw, 4rem);
    line-height: 1.25;
}
.twelve-ways-article .card-section .lead-in p {
    font-size: 2rem;
    line-height: 1.4;
}
.twelve-ways-article .card-section .lead-in p br {
    display: none;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .lead-in p br {
        display: inline;
    }
}
.twelve-ways-article .card-section .lead-in p.small-text {
    margin-top: -1rem;
    font-size: 1.4rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
}
.twelve-ways-article .card-section .cards {
    padding-top: clamp(2rem, -0.2338rem + 5.1948vw, 6rem);
    padding-bottom: 4rem;
}
.twelve-ways-article .card-section .cards > .e-con-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .cards > .e-con-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 6rem 7rem;
    }
}
.twelve-ways-article .card-section .card {
    display: block;
    padding: clamp(2rem, 0.8831rem + 2.5974vw, 4rem);
    padding-bottom: clamp(3.6rem, 2.5948rem + 2.3377vw, 5.4rem);
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0px 1px 8.9px 7px rgba(206, 206, 206, 0.25);
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .card {
        display: flex;
    }
}
.twelve-ways-article .card-section .card img {
    width: 100%;
    aspect-ratio: 2.5/1;
}
.twelve-ways-article .card-section .card .heading h2 {
    margin-bottom: 0.8rem !important;
}
.twelve-ways-article .card-section .card .heading h2 a {
    font-size: clamp(2rem, 1.8286rem + 0.4762vw, 2.4rem);
    font-weight: 700;
    line-height: 1.25;
    color: #000;
    text-decoration: underline;
}
.twelve-ways-article .card-section .card p {
    font-size: clamp(1.6rem, 1.4286rem + 0.4762vw, 2rem);
    line-height: 1.5;
    font-weight: 300;
}
.twelve-ways-article .card-section .card .elementor-button-wrapper {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .card-section .card .elementor-button-wrapper {
        text-align: left;
    }
}
.twelve-ways-article .summary-section {
    padding-top: clamp(2rem, 0.3247rem + 3.8961vw, 5rem);
    padding-bottom: clamp(3.6rem, 3rem + 1.6667vw, 5rem);
    padding-left: 3rem;
    padding-right: 3rem;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .summary-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .twelve-ways-article .summary-section > .e-con-inner {
        display: flex !important;
        gap: 5%;
    }
}
.twelve-ways-article .summary-section .images {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0 1px;
}
@media screen and (min-width: 768px) {
    .twelve-ways-article .summary-section .images {
        width: 36%;
        flex-wrap: wrap;
        gap: 1px 0;
    }
    .twelve-ways-article .summary-section .text {
        width: 59%;
    }
}
.twelve-ways-article .summary-section .summary-image img {
    width: 100%;
    aspect-ratio: 1.14/1;
    object-fit: cover;
}
.twelve-ways-article .summary-section .text h2 {
    margin-top: 1rem !important;
    margin-bottom: clamp(1.8rem, 1.7143rem + 0.2381vw, 2rem) !important;
    font-size: clamp(2.4rem, 1.9532rem + 1.039vw, 3.2rem);
    line-height: 1.25;
}
.twelve-ways-article .summary-section .text h3 {
    margin-bottom: clamp(2.4rem, 0.9481rem + 3.3766vw, 5rem) !important;
    font-size: clamp(2.2rem, 2.1143rem + 0.2381vw, 2.4rem);
    font-size: clamp(2rem, 1.7766rem + 0.5195vw, 2.4rem);
    line-height: 1.25;
    color: #000;
}
.twelve-ways-article .summary-section .text p {
    max-width: 63rem;
    margin-bottom: clamp(2rem, 1.7429rem + 0.7143vw, 2.6rem);
    font-size: clamp(1.6rem, 1.4286rem + 0.4762vw, 2rem);
    line-height: 1.4;
    font-weight: 300;
}
.twelve-ways-article .summary-section .text ul {
    margin-top: 2rem;
    margin-left: 2.2rem;
}
.twelve-ways-article .summary-section .text li {
    margin-top: clamp(2rem, 1.8286rem + 0.4762vw, 2.4rem);
    padding-left: 0;
}
.twelve-ways-article .summary-section .text a {
    text-decoration: underline;
}
.twelve-ways-article .cta-section {
    padding-top: clamp(4rem, 0.6494rem + 7.7922vw, 10rem);
    padding-bottom: clamp(4rem, 0.6494rem + 7.7922vw, 10rem);
    background-color: #f5f5f5;
}
.twelve-ways-article .cta-section .heading h2 {
    max-width: 67rem;
    margin: 0 auto 1rem !important;
    font-size: clamp(2.6rem, 2.5143rem + 0.2381vw, 2.8rem);
    font-weight: 700;
    line-height: 1.1;
}
.twelve-ways-article .article-button {
    margin-top: auto;
}
.twelve-ways-article .article-button .elementor-button {
    display: inline-flex;
    min-height: 4.2rem;
    margin-top: 2.4rem;
    padding: 0 2rem !important;
    border-radius: 8px;
    font-size: 2rem !important;
}
.twelve-ways-article .article-button .elementor-button:hover {
    background-color: #f3ab36 !important;
    text-decoration: none;
}/* End custom CSS */