.o-page-builder__item--scroll-slider {
    background: linear-gradient(360deg, #004789 28.67%, #0058A9 61.72%, #0069CB 95.44%);
    position: relative;
    overflow: visible;
    /* Allow sticky pinning to work correctly with ScrollTrigger */
}

.c-scroll-slider {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.o-page-builder__item--scroll-slider::before {
    content: "";
    position: absolute;
    width: 754px;
    height: 1157px;
    left: -25%;
    top: -10%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27754%27%20height%3D%271157%27%20viewBox%3D%270%200%20754%201157%27%20fill%3D%27none%27%3E%3Cdefs%3E%3Cfilter%20id%3D%27f%27%20x%3D%27-528.071%27%20y%3D%27-29.3835%27%20width%3D%271281.56%27%20height%3D%271185.91%27%20filterUnits%3D%27userSpaceOnUse%27%3E%3CfeGaussianBlur%20stdDeviation%3D%2771.1498%27/%3E%3C/filter%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%27-236.709%27%20y1%3D%27373.705%27%20x2%3D%27301.011%27%20y2%3D%27948.24%27%3E%3Cstop%20stop-color%3D%27%2300FFF6%27%20stop-opacity%3D%270.48%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%233300FF%27%20stop-opacity%3D%270.2%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20filter%3D%27url(%23f)%27%3E%3Cpath%20d%3D%27M467.541%20253.481C616.028%20412.135%20675.961%20703.974%20517.308%20852.461C358.654%201000.95%20-106.629%201088.49%20-255.116%20929.833C-403.604%20771.179%20-442.035%20355.367%20-283.381%20206.879C-124.728%2058.3918%20319.054%2094.828%20467.541%20253.481Z%27%20fill%3D%27url(%23g)%27/%3E%3C/g%3E%3C/svg%3E");
    filter: blur(71.1498px);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}

.c-scroll-slider__surtitle__content .t-surtitle,
.o-page-builder__item--scroll-slider .breadcrumb * {
    color: #fff;
}

.o-page-builder__item--scroll-slider .breadcrumb .breadcrumb-separator {
    margin: 0 12px;
}

.c-scroll-slider__surtitle__content .t-surtitle {
    margin: 0;
    margin-top: 15px;
    margin-bottom: 0;
}

.o-page-builder__item--scroll-slider .c-scroll-slider__surtitle {
    position: relative;
    z-index: 5;
}

.c-scroll-slider__item__image {
    display: none;
}

.c-scroll-slider__item .c-scroll-slider__item__info * {
    color: #fff;
}

.c-scroll-slider__item .c-scroll-slider__item__info .t-h3 {
    margin: 0;
    margin-bottom: 30px;
    text-transform: capitalize;
}

/* Remove padding/constraints from container if present */

.c-scroll-slider__images__list,
.c-scroll-slider__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.c-scroll-slider__content {
    width: 100%;
}

.c-scroll-slider__list {
    position: relative;
}

.c-scroll-slider__item {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-scroll-slider__item__image__img {
    margin: 0;
}

.c-scroll-slider__sticky,
.c-scroll-slider__item__image {
    aspect-ratio: 450 / 450;
    position: relative;
    flex-shrink: 0;
    width: 450px;
    border-radius: 20px;
    overflow: hidden;
}

/* Already handled in .c-scroll-slider__image */

/* Already handled above */

.c-scroll-slider__item__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-scroll-slider__image__img__el,
.c-scroll-slider__item__image__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background-repeat: no-repeat;
}

.c-scroll-slider__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 102px;
    position: relative;
    width: 100%;
}

.c-scroll-slider__sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
}

.c-scroll-slider__images__list {
    position: relative;
    width: 450px;
    height: 450px;
    flex-shrink: 0;
}

.c-scroll-slider__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1023px) {
    .c-scroll-slider__list {
        gap: 60px;
    }

    .c-scroll-slider__surtitle__content .t-surtitle {
        margin-bottom: 40px;
    }

    .c-scroll-slider__item {
        min-height: auto;
        flex-direction: row;
        gap: 60px;
    }

    .c-scroll-slider__sticky {
        display: none;
    }

    .c-scroll-slider__item__image,
    .c-scroll-slider__wrapper {
        display: block;
        /* Stack columns on mobile */
    }

    .main__about-sustainability .o-page-builder__item--scroll-slider {
        padding-bottom: 124px;
    }
}

@media only screen and (max-width: 991px) {
    .c-scroll-slider__item {
        gap: 30px;
        align-items: inherit;
        flex-direction: column;
        justify-content: flex-start;
        min-height: auto;
    }

    .c-scroll-slider__item__image {
        display: block;
        /* Show images inside list on mobile */
        width: 100%;
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 767.98px) {
    .c-scroll-slider__item .c-scroll-slider__item__info .t-h3 {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0;
        margin-bottom: 15px;
        text-transform: initial;
    }

    .o-page-builder__item--scroll-slider .breadcrumb * {
        font-size: 14px;
        line-height: 20px;
    }

    .c-scroll-slider__item {
        gap: 32px;
    }

    .c-scroll-slider__surtitle__content .t-surtitle {
        margin-top: 20px;
        margin-bottom: 42px;
        letter-spacing: 0;
    }

    .o-page-builder__item--scroll-slider .breadcrumb .breadcrumb-separator {
        margin: 0 13px;
    }

    .o-page-builder__item--scroll-slider::before {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22390%22%20height%3D%221157%22%20viewBox%3D%220%200%20390%201157%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20filter%3D%22url(%23filter0_f_1731_31332)%22%3E%3Cpath%20d%3D%22M467.541%20253.481C616.028%20412.135%20675.961%20703.974%20517.308%20852.461C358.654%201000.95%20-106.629%201088.49%20-255.116%20929.833C-403.604%20771.179%20-442.035%20355.367%20-283.381%20206.879C-124.728%2058.3918%20319.054%2094.828%20467.541%20253.481Z%22%20fill%3D%22url(%23paint0_linear_1731_31332)%22/%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_f_1731_31332%22%20x%3D%22-528.071%22%20y%3D%22-29.3828%22%20width%3D%221281.56%22%20height%3D%221185.91%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%2271.1498%22%20result%3D%22effect1_foregroundBlur_1731_31332%22/%3E%3C/filter%3E%3ClinearGradient%20id%3D%22paint0_linear_1731_31332%22%20x1%3D%22-236.709%22%20y1%3D%22373.705%22%20x2%3D%22301.011%22%20y2%3D%22948.24%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300FFF6%22%20stop-opacity%3D%220.48%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233300FF%22%20stop-opacity%3D%220.2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 390px;
        height: 1157px;
        left: 0;
        top: 0;
    }
}