body {
    background-color: #fff;
}
.atr-sobreHeader {
    width: 100%;
    height: auto;
    aspect-ratio: 1500 / 800;
    position: relative;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.atr-sobreHeader:after {
    position: absolute;
    content: '';
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    bottom: 0;
    left: 0;
    right: 0;
}
.atr-sobreHeader > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    position: relative;
    padding-top: 60px;
}
.atr-sobreHeader > div:after {
    position: absolute;
    bottom: -32px;
    height: 1px;
    width: 182px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-color: #2163A6;
}
.atr-sobreHeader > div > h2 {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 16px;
    letter-spacing: 7.2px;
    color: #2163A6;
}
.atr-sobreHeader > div > img {
    width: 288px;
    height: 56px;
}
.atr-sobre {
    width: 100%;
    height: 100%;
}
.apresentacaoSection {
    width: 100%;
}
.apresentacaoSection > .apresentacaoSectionContainer {
    padding: 40px 20px 60px;
    max-width: 890px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.apresentacaoSection > .apresentacaoSectionContainer > p {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.44px;
    color: #000000;
}
.apresentacaoSection > .apresentacaoSectionContainer > p strong {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -0.68px;
    color: #0373BE;
}
.marcasSection {
    padding: 60px 0;
}
.marcasSection > h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -0.84px;
    color: #1C1C1C;
    text-align: center;
    position: relative;
}
.marcasSection > h2:after {
    position: absolute;
    bottom: -32px;
    height: 1px;
    width: 182px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-color: #2163A6;
}
.marcasSection > .marcasSectionContainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 24px;
    max-width: 1240px;
    padding: 0 20px;
    margin: 74px auto 0;
}
.marcasSection > .marcasSectionContainer > a {
    grid-column: span 1;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 282px;
    width: 100%;
    height: 150px;
    border: 1px solid #E5E5E5;
}
.marcasSection > .marcasSectionContainer > a > img {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: block;
}
.historiaSection {
    padding: 60px 0;
}
.historiaSection > h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -0.84px;
    color: #1C1C1C;
    text-align: center;
    position: relative;
}
.historiaSection > h2:after {
    position: absolute;
    bottom: -32px;
    height: 1px;
    width: 182px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-color: #2163A6;
}
.historiaSection > .historiaSectionFirst {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 890px;
    padding: 0 20px;
    margin: 68px auto 28px;
}
.historiaSection > .historiaSectionFirst > div {
    width: 100%;
    max-width: 512px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.historiaSection > .historiaSectionFirst > div > p {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.44px;
    color: #000000;
}
.historiaSection > .historiaSectionFirst > figure {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 288px;
}
.historiaSection > .historiaSectionFirst > figure > img {
    display: block;
    width: 288px;
    height: 538px;
    object-fit: cover;
}
.historiaSection > .historiaSectionFirst > figure > figcaption {
    display: block;
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.24px;
    color: #000000;
}
.historiaSection > .historiaSectionSecond {
    margin: 0 auto;
    max-width: 890px;
    padding: 0 20px;
}
.historiaSection > .historiaSectionSecond > p {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.44px;
    color: #000000;
}
.videoSection {
    padding: 60px 0;
}
.videoSection > h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 400;
    font-size: 42px;
    line-height: 46px;
    letter-spacing: -0.84px;
    color: #1C1C1C;
    text-align: center;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}
.videoSection > h2:after {
    position: absolute;
    bottom: -32px;
    height: 1px;
    width: 182px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-color: #2163A6;
}
.videoSection > h2 > b {
    font-weight: 700;
}
.videoSection > video {
    margin-top: 60px;
    width: 100%;
    height: auto;
    aspect-ratio: 1500 / 844;
}
.scrollSection {
    max-width: 1240px;
    padding: 60px 20px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.scrollSection:after {
    background: transparent linear-gradient(180deg, #fff 0%, #F2F6F600 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 60px;
    right: 0;
    content: '';
    width: 50%;
    height: 100px;
    pointer-events: none;
    z-index: 1;
}
.scrollSection:before {
    background: transparent linear-gradient(0deg, #fff 0%, #F2F6F600 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    bottom: 60px;
    right: 0;
    content: '';
    width: 50%;
    height: 100px;
    pointer-events: none;
    z-index: 1;
}
.scrollSection > .scrollSectionLeft {
    max-width: 600px;
    width: 100%;
}
.scrollSection > .scrollSectionLeft > h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 54px;
    letter-spacing: -0.96px;
    color: #1C1C1C;
    font-style: italic;
    max-width: 392px;
    margin-top: 60px;
}
.scrollSection > .scrollSectionLeft > h2 > b {
    font-weight: 700;
}
.scrollSectionRight {
    max-width: 600px;
    width: 100%;
    height: 744px;
    overflow-y: scroll;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollSectionTrack {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 60px 0;
}
.scrollSectionTrack::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    width: 2px;
    background-color: #2163A6;
}

.scrollSectionItem {
    position: relative;
    padding-left: 70px;
    display: flex;
    flex-direction: column;
}

.scrollSectionItem::after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 32px;
    height: 32px;
    border: 3px solid #E3E3E3;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
}
.scrollSection .scrollSectionItem:nth-child(1):before {
    content: '';
    position: absolute;
    left: 6px;
    top: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0373BE;
    z-index: 3;
}
.scrollSection .scrollSectionItem:nth-child(1):after,
.scrollSection .scrollSectionItem:nth-child(2):after {
    border: 3px solid #0373BE;
}
.scrollSectionItem > h3 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.4px;
    color: #0373BE;
}
.scrollSectionItem > p {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
    color: #000000;
    margin-top: 12px;
}
.scrollSectionItem > p > a {
    color: #0373BE;
    text-decoration: underline!important;
}
.scrollSectionItem > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-top: 12px;
    border-radius: 12px;
}
.alcanceSection {
    max-width: 690px;
    width: 100%;
    padding: 60px 20px;
    margin: 0 auto; 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 70px 32px;
    position: relative;
}
.alcanceSection > span {
    position: absolute;
    top: 0;
    left: 20px;
    font-family: 'Merriweather', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #1C1C1C;
    font-style: italic;
    display: block;
}
.alcanceSection > span > b {
    font-weight: 700;
    color: #0373BE;
}
.alcanceSection > .alcanceSectionCard {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    grid-column: span 1;
}
.alcanceSection > .alcanceSectionCard > img {
    max-width: 200px;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.alcanceSection > .alcanceSectionCard > h3 {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -1.4px;
    color: #1C1C1C;
    text-align: center;
    margin-bottom: 12px;
}
.alcanceSection > .alcanceSectionCard > p {
    font-family: 'Merriweather', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #1C1C1C;
    text-align: center;
}
.alcanceSection > .alcanceSectionCard > p > b {
    font-weight: 700;
}
.cardsSection {
    max-width: 890px;
    width: 100%;
    padding: 60px 20px;
    margin: 0 auto; 
}
.cardsSection > h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -0.84px;
    color: #1C1C1C;
    text-align: center;
    position: relative;
}
.cardsSection > h2:after {
    position: absolute;
    bottom: -32px;
    height: 1px;
    width: 182px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-color: #2163A6;
}
.cardsSection > .cardsSectionCards {
    max-width: 1240px;
    padding: 0 20px;
    margin: 98px auto 0;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.cardsSection > .cardsSectionCards > .cardsSectionCard {
    width: 100%;
    border: 1px solid #E5E5E5;
    padding: 16px 22px;
    position: relative;
}
.cardsSection > .cardsSectionCards > .cardsSectionCard > h3 {
    max-width: 120px;
    font-family: 'Merriweather', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.56px;
    color: #1C1C1C;
    margin-bottom: 26px;
}
.cardsSection > .cardsSectionCards > .cardsSectionCard > h3 > b {
    font-weight: 700;
}
.cardsSection > .cardsSectionCards > .cardsSectionCard > p {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
    color: #000;
    text-align: left;
}
.cardsSection > .cardsSectionCards > .cardsSectionCard > img {
    width: 112px;
    height: 106px;
    position: absolute;
    top: -30px;
    right: -20px;
}
.trabalheConoscoSection {
    max-width: 880px;
    padding: 60px 20px 130px;
    margin: 0 auto;
}
.trabalheConoscoSection > h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: -0.84px;
    color: #1C1C1C;
    text-align: center;
    position: relative;
    margin-bottom: 64px;
}
.trabalheConoscoSection > h2:after {
    position: absolute;
    bottom: -32px;
    height: 1px;
    width: 182px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-color: #2163A6;
}
.trabalheConoscoSection > p {
    font-family: 'WorkSans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.4px;
    color: #000000;
    text-align: center;
    margin-bottom: 32px;
}
.trabalheConoscoSection > p > a {
    font-weight: 700;
    color: #0373BE;
}
.trabalheConoscoSection > a {
    display: block;
    width: 100%;
    background-color: #0373BE;
    text-align: center;
    font-family: 'WorkSans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.14px;
    color: #FFFFFF;
    padding: 12px 0;
}
@media screen and (max-width: 768px) {
    .atr-sobreHeader {
        aspect-ratio: 360 / 460;
    }
    .atr-sobreHeader > div {
        gap: 10px;
        padding-top: 30px;
    }
    .atr-sobreHeader > div:after {
        bottom: -16px;
        width: 95px;
    }
    .atr-sobreHeader > div > h2 {
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 3.6px;
    }
    .atr-sobreHeader > div > img {
        width: 151px;
        height: 29px;
    }
    .apresentacaoSection > .apresentacaoSectionContainer {
        padding: 30px 20px 40px;
        gap: 24px;
    }
    .apresentacaoSection > .apresentacaoSectionContainer > p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .apresentacaoSection > .apresentacaoSectionContainer > p strong {
        font-size: 22px;
        line-height: 24px;
        letter-spacing: -0.44px;
    }
    .marcasSection {
        padding: 40px 0;
    }
    .marcasSection > h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.58px;
    }
    .marcasSection > h2:after {
        bottom: -16px;
        width: 95px;
    }
    .marcasSection > .marcasSectionContainer {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin: 32px auto 0;
    }
    .marcasSection > .marcasSectionContainer > a {
        max-width: unset;
        width: 100%;
        height: 81px;
    }
    .marcasSection > .marcasSectionContainer > a > img {
        max-width: 110px;
    }
    .historiaSection {
        padding: 40px 0;
    }
    .historiaSection > h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.58px;
    }
    .historiaSection > h2:after {
        bottom: -16px;
        width: 95px;
    }
    .historiaSection > .historiaSectionFirst {
        flex-direction: column;
        gap: 28px;
        max-width: unset;
        margin: 42px auto 28px;
    }
    .historiaSection > .historiaSectionFirst > div {
        max-width: unset;
        gap: 28px;
    }
    .historiaSection > .historiaSectionFirst > div > p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .historiaSection > .historiaSectionFirst > figure {
        gap: 8px;
        max-width: unset;
    }
    .historiaSection > .historiaSectionFirst > figure > img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .historiaSection > .historiaSectionFirst > figure > figcaption {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -0.24px;
    }
    .historiaSection > .historiaSectionSecond {
        max-width: unset;
    }
    .historiaSection > .historiaSectionSecond > p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .videoSection {
        padding: 40px 0;
    }
    .videoSection > h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.58px;
        max-width: unset;
        padding: 0 20px;
    }
    .videoSection > h2:after {
	    bottom: -16px;
        width: 95px;
    }
    .videoSection > video {
        margin-top: 36px;
    }
    .scrollSection {
        padding: 40px 20px;
        flex-direction: column;
    }
    .scrollSection:after {
        display: none;
    }
    .scrollSection:before {
        display: none;
    }
    .scrollSection > .scrollSectionLeft {
        max-width: unset;
        width: 100%;
        margin-bottom: 50px;
    }
    .scrollSection > .scrollSectionLeft > h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.58px;
        max-width: 300px;
        margin: 0 auto;
        position: relative;
        text-align: center;
    }
    .scrollSection > .scrollSectionLeft > h2:after {
        position: absolute;
        height: 1px;
        bottom: -16px;
        width: 95px;
        left: 50%;
        transform: translateX(-50%);
        content: '';
        background-color: #2163A6;
    }
    .scrollSectionRight {
        max-width: unset;
        height: auto;
        overflow-y: visible;
    }
    .scrollSectionTrack {
        gap: 30px;
        padding: 0;
    }
    .scrollSectionTrack::before {
        top: 42px;
        left: 14px;
    }

    .scrollSectionItem {
        padding-left: 45px;
    }

    .scrollSectionItem::after {
        width: 24px;
        height: 24px;
    }
    .scrollSection .scrollSectionItem:nth-child(1):before {
        left: 6px;
        top: 26px;
        width: 18px;
        height: 18px;
    }
    .scrollSectionItem > h3 {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: -0.4px;
    }
    .scrollSectionItem > p {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.32px;
        margin-top: 6px;
    }
    .scrollSectionItem > img {
        margin-top: 20px;
        border-radius: 12px;
    }
    .alcanceSection {
        max-width: unset;
        padding: 90px 20px 40px;
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px;
    }
    .alcanceSection > span {
        top: 40px;
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .alcanceSection > .alcanceSectionCard > img {
        max-width: unset;
        margin-bottom: 14px;
    }
    .alcanceSection > .alcanceSectionCard > h3 {
        font-size: 44px;
        line-height: 54px;
        letter-spacing: -0.88px;
        margin-bottom: 4px;
    }
    .alcanceSection > .alcanceSectionCard > p {
        font-size: 12px;
        line-height: 16px;
    }
    .cardsSection {
        max-width: unset;
        padding: 40px 20px;
    }
    .cardsSection > h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.58px;
    }
    .cardsSection > h2:after {
	    bottom: -16px;
        width: 95px;
    }
    .cardsSection > .cardsSectionCards {
        margin: 66px auto 0;
        flex-direction: column;
        gap: 40px;
    }
    .cardsSection > .cardsSectionCards > .cardsSectionCard {
        padding: 18px 20px 22px;
    }
    .cardsSection > .cardsSectionCards > .cardsSectionCard > h3 {
        max-width: 80px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.4px;
        margin-bottom: 14px;
    }
    .cardsSection > .cardsSectionCards > .cardsSectionCard > p {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.28px;
    }
    .cardsSection > .cardsSectionCards > .cardsSectionCard > img {
        width: 76px;
        height: 72px;
        top: -22px;
        right: -16px;
    }
    .trabalheConoscoSection {
        max-width: unset;
        padding: 40px 20px 80px;
    }
    .trabalheConoscoSection > h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.58px;
        margin-bottom: 56px;
    }
    .trabalheConoscoSection > h2:after {
	    bottom: -16px;
        width: 95px;
    }
    .trabalheConoscoSection > p {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.32px;
    }
    .trabalheConoscoSection > a {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.12px;
    }
}