.intro {
    position: relative;
    padding-bottom: 0;
}

.intro:after {
    top: 24.0rem;
    left: 66.6666%;
    width: 33.3333%;
    bottom: 0rem;

    content: '';
    display: block;
    position: absolute;

    background: url('../images/pattern-02.png');
    background-size: 100rem;
    background-repeat: repeat;
}

.intro .left,
.intro .right {
    width: calc(50% - 15px);
}

.intro .title {
    margin: 0 0 3.2rem;
}

.intro .image {
    width: 100%;
    height: 100%;
    border-radius: 1.6rem;
}


.intro .video {
    margin: 6.0rem 0 0;
    overflow: hidden;
}

.intro .video .player {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.intro .video .player:after {
    inset: 0;

    content: '';
    display: block;
    position: absolute;

    background: rgba(0,0,0, 0.6);
    transition: opacity 0.4s ease-out;
}

.intro .video .player:before {
    top: 50%;
    left: 50%;
    width: 24rem;
    padding: 16.0rem 0 0;

    content: '';
    z-index: 3;
    opacity: 0.8;
    display: block;
    position: absolute;

    background: url("data:image/svg+xml;base64,Cgo8c3ZnIGhlaWdodD0iODAwcHgiIHdpZHRoPSI4MDBweCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiI+CiAgPGc+CiAgICA8ZyBmaWxsPSIjZmZmZmZmIj4KICAgICAgPHBhdGggZD0ibTM1NC4yLDI0Ny40bC0xMzUuMS05Mi40Yy00LjItMy4xLTE1LjQtMy4xLTE2LjMsOC42djE4NC44YzEsMTEuNyAxMi40LDExLjkgMTYuMyw4LjZsMTM1LjEtOTIuNGMzLjUtMi4xIDguMy0xMC43IDAtMTcuMnptLTEzMC41LDgxLjN2LTE0NS40bDEwNi4xLDcyLjctMTA2LjEsNzIuN3oiLz4KICAgICAgPHBhdGggZD0iTTI1NiwxMUMxMjAuOSwxMSwxMSwxMjAuOSwxMSwyNTZzMTA5LjksMjQ1LDI0NSwyNDVzMjQ1LTEwOS45LDI0NS0yNDVTMzkxLjEsMTEsMjU2LDExeiBNMjU2LDQ4MC4xICAgIEMxMzIuNCw0ODAuMSwzMS45LDM3OS42LDMxLjksMjU2UzEzMi40LDMxLjksMjU2LDMxLjlTNDgwLjEsMTMyLjQsNDgwLjEsMjU2UzM3OS42LDQ4MC4xLDI1Niw0ODAuMXoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");
    background-size: 14.0rem;
    background-repeat: no-repeat;
    background-position: top center;

    transform: translate(-50%,-50%);
    transition: opacity 0.4s ease-out;
}

.intro .video .player:before {
    color: #ffffff;
    content: 'Assista nosso vídeo manifesto';

    font-size: 1.6rem;
    font-weight: 400;
    line-height: 130%;
    font-family: 'Termina';

    text-align: center;
    text-transform: uppercase;
}

.intro .video .player video {
    height: calc(100vh - 12.0rem);
    background: black;
}


.intro .video .player.started:after,
.intro .video .player.started:before { display: none }

.intro .video .player.started video {
    object-fit: contain;
}

@media (max-width: 1100px) {
    .intro .left,
    .intro .right {
        width: 100%;
    }

    .intro .right {
        margin-top: 3rem;
    }

    .intro .wrapper {
        flex-wrap: wrap;
    }

    .intro .video .player {
        width: 100% !important;
    }

    .intro .video .player:before {
        padding: 10rem 0 0;
        background-size: 8rem;
    }
    .intro .video .player video {
        height: auto;
    }
}




.timeline {
    overflow: hidden;
}

.timeline .title {
    margin: 0 0 4.8rem;
}

.timeline .splide {
    width: calc(100% + (100vw - var(--theme-wrapper-size))/2);
}

.timeline .splide .splide__arrow--prev {
    margin-left: calc(-1 * (100vw - var(--theme-wrapper-size))/2);
}

.timeline .splide:after, .timeline .splide:before {
    z-index: 2;
    top: 0;
    width: 10rem;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
}

.timeline .splide:after {
    left: calc(-1 * (100vw - var(--theme-wrapper-size))/2 - 1px);
    background: linear-gradient(90deg, #FBF9F6FF 0%, #FBF9F600 100%);
}

.timeline .splide:before {
    right: -1px;
    background: linear-gradient(-90deg, #FBF9F6FF 0%, #FBF9F600 100%);
}

.timeline .splide__slide {
    width: 42.0rem;
}

.timeline .splide__slide .title {
    margin: 0 0 2.4rem;
}

@media (max-width: 1100px) {
    .timeline .splide {
        width: calc(100% + 40px);
    }

    .timeline .splide .splide__slide {
        width: calc(100% - 40px);
    }
}


.purpose {
    background: white;
}

.purpose .top {
    overflow: hidden;
}

.purpose .top .left,
.purpose .top .right {
    top: 0;
    width: 60vw;
    bottom: 0;
}

.purpose .top .left {
    right: 55%;
    z-index: 3;
    background: url('../images/pattern-02.png');
    background-size: auto 80%;
    background-repeat: repeat;
    background-position: bottom center;
}

.purpose .top .right {
    left: 45%;
    z-index: 0;
}

.purpose .top .text {
    width: 50%;
    z-index: 4;
    padding: 0 0 0 4.0rem;
}

.purpose .top .text h5,
.purpose .top .text h6 {
    margin: 0 0 3.2rem;
}

.purpose .top .image {
    z-index: 4;

    width: 50%;
    height: 45.0rem;

    object-position: bottom center;
}

.purpose .top .image-box {
    z-index: 2;

    right: calc(50% + 1.0rem);
    width: calc(50% - 2.0rem);
    height: calc(45.0rem - 2.0rem);
    bottom: 13.6rem;

    border-radius: 1.6rem;
}


.purpose .bottom .item {
    width: calc(33.3333% - 4rem);
}

.purpose .bottom .item h6 {
    margin: 0 0 2.4rem;
}

.purpose .bottom .item svg {
    width: 4.8rem;
    margin: 0 0 2.4rem;
}

@media (max-width: 1100px) {
    .purpose .top .wrapper > .text {
        width: 100%;
        margin: 8rem 0 0;
        padding: 0;
    }

    .purpose .top .left,
    .purpose .top .image-box {
        display: none;
    }

    .purpose .top .right {
        left: -20px;
        right: -20px;
        width: 100vw;
    }

    .purpose .top .image {
        width: 100%;
        height: auto;
        background: var(--theme-color-900);
        border-radius: 1.6rem;
        padding: 2rem 2rem 0;
    }

    .purpose .bottom .wrapper {
        flex-wrap: wrap;
    }

    .purpose .bottom .item {
        width: 100%;
        margin: 0 0 3rem;
    }
}


.partners {
    overflow: hidden;
}

.partners .text,
.partners .title {
    text-align: center;
}

.partners .text {
    max-width: 60.0rem;
    margin-left: auto;
    margin-right: auto;
}

.partners .title {
    margin: 0 0 2.4rem;
}

.partners .splide {
    margin: 8.0rem 0 0;
}

.partners .splide .splide__slide img {
	width: 16.5rem;
	height: 16.5rem;
	padding: 0.5rem;
	object-fit: contain;
	background: white;
}

.partners .splide:after,
.partners .splide:before {
    z-index: 2;

    top: 0;
    width: 20.0rem;
    height: 100%;

    content: '';
    display: block;
    position: absolute;

    pointer-events: none;
}

.partners .splide:after { left: -1px; background: linear-gradient(90deg, #FBF9F6FF 0%, #FBF9F600 100%) }
.partners .splide:before { right: -1px; background: linear-gradient(-90deg, #FBF9F6FF 0%, #FBF9F600 100%) }

@media (max-width: 1100px) {
    .partners .splide:after,
    .partners .splide:before {
        display: none;
    }

    .partners .splide .splide__slide img {
        width: 14rem;
        height: 14rem;
    }
}


.differentials {
    overflow: hidden;
    background: white;
}

.differentials .left {
    width: 26%;
    margin: 0 5.4rem 0 0;
    padding: 20.0rem 0 0;
}

.differentials .left .title { margin: 0 0 3.2rem }

.differentials .right {
    width: calc(100% - 26% - 5.4rem);
    position: relative;
}

.differentials .right svg {
    width: 32.0rem;
    z-index: 2;
    position: relative;
}

.differentials .right .image {
    top: 0;
    left: 14.0rem;
    width: calc(100% - 14.0rem + (100vw - var(--theme-wrapper-size))/2);
    bottom: 0;

    z-index: 1;
    position: absolute;

    border-radius: 0 0 0 16.0rem;
}


.differentials .hl {
    margin: 6.6rem auto 8.4rem;
}

.differentials .hl .item {
    width: calc(50% - 2.5rem);
}

.differentials .hl .item .icon {
    width: 4.8rem;
    margin: 0 0 2.4rem;
}

.differentials .hl .item h6 {
    margin: 0 0 2.4rem;
}

.differentials .hl .item h6 small {
    margin: 1rem 0 0;
    display: block;
    font-size: 1em;
    font-weight: 400;
}

@media (max-width: 1100px) {
    .differentials .left,
    .differentials .right {
        width: 100%;
    }

    .differentials .left {
        margin: 0;
        padding: 7rem 0 0;
    }

    .differentials .right {
        order: -2;
        padding: 0 0 4rem;
    }

    .differentials .right svg {
        width: 24rem;
    }

    .differentials .right .image {
        width: calc(100% - 14rem + 20px);
    }

    .differentials .wrapper {
        flex-wrap: wrap;
    }

    .differentials .hl .item {
        width: 100%;
        margin: 0 0 2.5rem;
    }
}


.awards {
    overflow: hidden;
}

.awards .top {
    width: 50%;
}

.awards .text {
    margin: 0 0 4.8rem;
}

.awards .title {
    margin: 0 0 2.4rem;
}

.awards .splide {
    width: calc(100% + (100vw - var(--theme-wrapper-size))/2);
}

.awards .splide .splide__arrow--prev {
    margin-left: calc(-1 * (100vw - var(--theme-wrapper-size))/2);
}

.awards .splide:after, .awards .splide:before {
    z-index: 2;
    top: 0;
    width: 10rem;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
}

.awards .splide:after {
    left: calc(-1 * (100vw - var(--theme-wrapper-size))/2 - 1px);
    background: linear-gradient(90deg, #FBF9F6FF 0%, #FBF9F600 100%);
}

.awards .splide:before {
    right: -1px;
    background: linear-gradient(-90deg, #FBF9F6FF 0%, #FBF9F600 100%);
}

.awards .splide__slide {
    width: 34.0rem;
}

.awards .splide__slide h6 {
    margin: 0 0 2.4rem;
}

.awards .splide__slide .flex {
    flex-wrap: nowrap;
}

.awards .splide__slide .badge {
    width: 10.0rem;
    margin: 0 3.2rem 0 0;
    max-height: 15rem;
    object-position: top center;
}

body .awards .splide .splide__arrows {
    top: 20%;
}

@media (max-width: 1100px) {
    .awards .top {
        width: 100%;
    }

    .awards .splide {
        width: calc(100% + 20px);
    }

    .awards .splide:after,
    .awards .splide:before {
        display: none;
    }
}


.environmental {
    overflow: hidden;
    background: white;
}

.environmental .top {
    width: 50%;
}

.environmental .text { margin: 0 0 4.8rem }
.environmental .text2 { margin: 4.8rem 0 0 }

.environmental .title {
    margin: 0 0 2.4rem;
}

.environmental .splide {
    width: calc(100% + (100vw - var(--theme-wrapper-size))/2);
}

.environmental .splide__slide {
    width: 34.0rem;
}

.environmental .splide__slide h6 {
    margin: 0 0 2.4rem;
}

@media (max-width: 1100px) {
    .environmental .top {
        width: 100%;
    }

    .environmental .splide {
        width: calc(100% + 20px);
    }

}


.people {
    overflow: hidden;
}

.people .icon {
    width: 85rem;
    left: calc(100% - 4.8rem);
    bottom: -5rem;
}

.people .left { width: 41.6666% }
.people .right { width: calc(41.6666% - 3rem) }

.people .left .title {
    margin: 0 0 3.2rem;
}

.people .right {
    flex-wrap: nowrap;
}

.people .right .bg {
    top: 0;
    left: 0;
    width: 60vw;
    bottom: 0;
}

.people .right .title {
    white-space: nowrap;
    margin-left: calc(-40% + 3.8rem);
}

.people .right .image {
    left: -40%;
    width: 80%;
    height: 100%;
    border-radius: 1.6rem;
}


@media (max-width: 1100px) {
    .people .wrapper {
        flex-wrap: wrap;
    }

    .people .left,
    .people .right {
        width: 100%;
    }

    .people .icon {
        display: none;
    }

    .people .right .bg {
        left: -20px;
        right: -20px;
        width: 100vw;
    }

    .people .right .title {
        margin: 0;
    }

    .people .right .image {
        display: none;
    }
}