body {
    background-image: url("./img/fundo-topo.svg");
    width: 100vw;
    height: 100vw;
}

.trilhas4-3 {
    align-items: flex-start;
    display: flex;
    width: 1518px;
}

.desktop {
    align-items: flex-start;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    height: 7925px;
    overflow: hidden;
    width: 1518px;
}

.overlap-group10 {
    height: 6791px;
    margin-left: -318px;
    position: relative;
    width: 2224px;
}

.fundotopo {
    height: 984px;
    left: 254px;
    position: absolute;
    top: 0;
    width: 1598px;
}

.conteiner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    min-height: 6544px;
    position: absolute;
    top: 247px;
    width: 2224px;
}

.flex-row {
    align-items: flex-end;
    display: flex;
    height: 1824px;
    min-width: 2224px;
}

.polygon-4 {
    height: 500px;
    margin-bottom: 17px;
    width: 439px;
}

.flex-col {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 19px;
    min-height: 1824px;
    width: 1236px;
}

.div-d1 {
    align-items: flex-end;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    min-height: 279px;
    width: 1160px;
}

.bem-vindos {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 56px;
    width: 248px;
}

.text-24 {
    letter-spacing: 0;
    min-height: 42px;
    min-width: 228px;
    text-align: right;
}

.ellipse-18 {
    align-self: center;
    height: 14px;
    margin-right: 23.0px;
    width: 133px;
}

.overlap-group9 {
    height: 219px;
    margin-top: 6px;
    position: relative;
    width: 1160px;
}

.line-6 {
    height: 7px;
    left: 449px;
    position: absolute;
    top: 212px;
    width: 698px;
}

.text-23 {
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 1160px;
}

.div-d2 {
    align-items: flex-start;
    align-self: flex-start;
    display: flex;
    height: 421px;
    margin-top: 55px;
    min-width: 1222px;
}

.flex-col-1 {
    align-items: flex-start;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    margin-bottom: -29.0px;
    min-height: 372px;
    width: 369px;
}

.rectangle-2 {
    display: block;
    height: 343px;
    object-fit: cover;
    transform: scale(1);
    width: 369px;
}

.rectangle-2.animate-enter12 {
    animation: animate-enter12-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    transform: scale(1);
}

@keyframes animate-enter12-frames {
    from {
        opacity: 0;
        transform: scale(1);
    }

    to {
        opacity: 1;
        transform: scale(0.9);
    }
}

.line-5 {
    height: 4px;
    margin-top: 25px;
    width: 369px;
}

.flex-col-2 {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-left: 273px;
    min-height: 327px;
    width: 580px;
}

.text-22 {
    letter-spacing: 0;
    min-height: 266px;
    text-align: justify;
    width: 580px;
}

.ver-mais {
    letter-spacing: 0;
    margin-top: 22px;
    min-height: 39px;
    min-width: 76px;
    text-align: justify;
    text-decoration: underline;
}

.overlap-group8 {
    height: 573px;
    margin-right: 6.0px;
    margin-top: 118px;
    position: relative;
    width: 1062px;
}

.text-20 {
    left: 95px;
    letter-spacing: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 850px;
}

.frame-2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 0;
    min-height: 459px;
    position: absolute;
    top: 114px;
    width: 1062px;
}

.overlap-group1 {
    height: 375px;
    position: relative;
    width: 1062px;
}

.direita {
    cursor: pointer;
    height: 38px;
    left: 942px;
    position: absolute;
    top: 191px;
    transition: all 0.2s ease;
    width: 61px;
}

.direita:hover {
    transform: scale(0.9);
}

.esquerda {
    cursor: pointer;
    height: 38px;
    left: 61px;
    position: absolute;
    top: 191px;
    transition: all 0.2s ease;
    width: 61px;
}

.esquerda:hover {
    transform: scale(0.9);
}

.rectangle-52 {
    background-color: var(--mist-gray-2);
    height: 315px;
    left: 0;
    position: relative;
    top: 48px;
    width: 1062px;
}

.overlap-group {
    height: 375px;
    left: 180px;
    position: absolute;
    top: 0;
    width: 705px;
}

.mapa3 {
    align-items: flex-start;
    display: flex;
    height: 312px;
    left: 0;
    min-width: 312px;
    position: absolute;
    top: 47px;
}

.rectangle-53 {
    display: block;
    height: 312px;
    object-fit: cover;
    opacity: 0;
    transform: translate(25px, 0);
    width: 312px;
}

.rectangle-53.animate-enter9 {
    animation: animate-enter9-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(25px, 0);
}

@keyframes animate-enter9-frames {
    from {
        opacity: 0;
        transform: translate(25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.mapa2 {
    align-items: flex-start;
    display: flex;
    height: 312px;
    left: 393px;
    min-width: 312px;
    position: absolute;
    top: 47px;
}

.rectangle-56 {
    display: block;
    height: 312px;
    object-fit: cover;
    opacity: 0;
    transform: translate(-25px, 0);
    width: 312px;
}

.rectangle-56.animate-enter10 {
    animation: animate-enter10-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-25px, 0);
}

@keyframes animate-enter10-frames {
    from {
        opacity: 0;
        transform: translate(-25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.rectangle-55 {
    display: block;
    height: 375px;
    left: 169px;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(0, 25px);
    width: 308px;
}

.rectangle-55.animate-enter11 {
    animation: animate-enter11-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 25px);
}

@keyframes animate-enter11-frames {
    from {
        opacity: 0;
        transform: translate(0, 25px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.text-21 {
    letter-spacing: 0;
    margin-top: 8px;
    min-height: 28px;
    min-width: 502px;
    text-align: center;
}

.ellipse-15 {
    background-color: #a4a0a096;
    border-radius: 198.5px/20.5px;
    height: 41px;
    margin-right: 55.0px;
    margin-top: 7px;
    width: 397px;
}

.div-d4 {
    align-items: flex-end;
    background-color: var(--booger-buster);
    display: flex;
    flex-direction: column;
    margin-left: 37.0px;
    margin-top: 40px;
    min-height: 338px;
    padding: 16px 15.5px;
    width: 1055px;
}

.flex-row-1 {
    align-items: flex-start;
    display: flex;
    height: 232px;
    min-width: 1022px;
}

.overlap-group7 {
    align-self: flex-end;
    height: 210px;
    position: relative;
    width: 441px;
}

.text-18 {
    left: 10px;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    width: 438px;
    padding-left: 10px;
}

.text-18 ul {
    border-left: 5px solid rgba(64, 102, 200, 0.97);
    padding-left: 30px;
}

.text-18 p {
    padding-left: 15px;
}

.line-87 {
    height: 128px;
    left: 0;
    position: absolute;
    top: 28px;
    width: 6px;
}

.text-19 {
    letter-spacing: 0;
    margin-left: 62px;
    min-height: 196px;
    text-align: justify;
    width: 488px;
}

.line-85 {
    align-self: center;
    height: 128px;
    margin-bottom: 4.0px;
    margin-left: 26px;
    width: 5px;
}

.ver-mais-1 {
    letter-spacing: 0;
    margin-right: 27.5px;
    margin-top: 27px;
    min-height: 29px;
    min-width: 87px;
    text-align: justify;
    text-decoration: underline;
}

.rectangle-7 {
    height: 640px;
    margin-bottom: 78px;
    margin-left: 82px;
    width: 448px;
}

.flex-col-3 {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-left: 62px;
    margin-top: 88px;
    /* min-height: 4632px; */
    width: 1774px;
}

.overlap-group6 {
    height: 775px;
    margin-right: 37px;
    position: relative;
    width: 1462px;
}

.rectangle-42 {
    height: 475px;
    left: 0;
    position: absolute;
    top: 31px;
    width: 100%;
    background-color: #a29dc0;
}

.obs {
    align-items: flex-end;
    background-color: var(--amarelo-clarissimo);
    display: flex;
    height: 287px;
    left: 369px;
    min-width: 792px;
    padding: 0 44px;
    position: absolute;
    top: 488px;
}

.overlap-group-1 {
    height: 230px;
    position: relative;
    width: 689px;
}

.text-15 {
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 0;
    width: 689px;
}

.ver-mais-2 {
    left: 585px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    text-decoration: underline;
    top: 142px;
}

.grafico2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 815px;
    min-height: 447px;
    position: absolute;
    top: 41px;
    width: 647px;
}

.frame-12 {
    align-items: center;
    display: flex;
    height: 376px;
    margin-right: 2.0px;
    min-width: 645px;
    padding: 0 3px;
}

.image-1 {
    display: block;
    height: 370px;
    object-fit: cover;
    opacity: 0;
    transform: translate(-25px, 0);
    width: 639px;
}

.image-1.animate-enter7 {
    animation: animate-enter7-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-25px, 0);
}

@keyframes animate-enter7-frames {
    from {
        opacity: 0;
        transform: translate(-25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.text-16 {
    letter-spacing: 0;
    margin-left: 8.0px;
    margin-top: 15px;
    min-height: 56px;
    min-width: 553px;
    text-align: center;
}

.grafico1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 14px;
    min-height: 464px;
    position: absolute;
    top: 0;
    width: 803px;
}

.grafico1-1 {
    align-items: flex-end;
    background-color: var(--white);
    display: flex;
    height: 410px;
    margin-left: 15.0px;
    min-width: 748px;
    padding: 6px;
}

.rectangle-64 {
    display: block;
    height: 397px;
    object-fit: cover;
    opacity: 0;
    transform: translate(25px, 0);
    width: 735px;
}

.rectangle-64.animate-enter8 {
    animation: animate-enter8-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(25px, 0);
}

@keyframes animate-enter8-frames {
    from {
        opacity: 0;
        transform: translate(25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.text-17 {
    letter-spacing: 0;
    margin-right: 2.0px;
    margin-top: 7px;
    min-height: 47px;
    text-align: center;
    width: 801px;
}

.line-45 {
    align-self: center;
    height: 6px;
    margin-right: 605.0px;
    margin-top: 31px;
    width: 434px;
}

.overlap-group5 {
    height: 967px;
    margin-right: 18px;
    margin-top: 40px;
    position: relative;
    width: 1500px;
}

.frame-8 {
    align-items: flex-start;
    background-color: var(--amarelo-clarissimo);
    display: flex;
    flex-direction: column;
    left: 0;
    min-height: 431px;
    padding: 26px 50px;
    position: absolute;
    top: 268px;
    width: 649px;
}

.text-12 {
    letter-spacing: 0;
    margin-top: 41px;
    min-height: 298px;
    text-align: justify;
    width: 508px;
}

.ver-mais-3 {
    align-self: flex-end;
    letter-spacing: 0;
    margin-right: 54px;
    margin-top: 11px;
    min-height: 29px;
    min-width: 84px;
    text-align: justify;
    text-decoration: underline;
}

.overlap-group-2 {
    height: 967px;
    left: 567px;
    position: absolute;
    top: 0;
    width: 933px;
}

.bloco-graficos-h {
    background-color: var(--star-dust);
    min-height: 861px;
    min-height: 100%;
    right: 0;
    position: absolute;
    top: 106px;
    /* width: 100%; */
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
}

.grafico-barra-h2 {
    min-height: 480px;
}

.graficoh1 {
    display: block;
    height: 408px;
    margin-top: 6px;
    opacity: 0;
    transform: translate(-25px, 0);
    z-index: 9;
}

.graficoh1.animate-enter5 {
    animation: animate-enter5-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-25px, 0);
}

@keyframes animate-enter5-frames {
    from {
        opacity: 0;
        transform: translate(-25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.text-13 {
    align-self: center;
    letter-spacing: 0;
    margin-left: 43.0px;
    margin-top: 8px;
    min-height: 28px;
    min-width: 700px;
    text-align: center;
}

.grafico-barra {
    align-items: center;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    padding: 11px 0;
    width: 910px;
    margin: 5px 0;
}

.grafico-barra-h1 {
    min-height: 446px;
}

.graficoh2 {
    display: block;
    height: 394px;
    object-fit: cover;
    opacity: 0;
    transform: translate(-25px, 0);
    width: 888px;
}

.graficoh2.animate-enter6 {
    animation: animate-enter6-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-25px, 0);
}

@keyframes animate-enter6-frames {
    from {
        opacity: 0;
        transform: translate(-25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.text-14 {
    letter-spacing: 0;
    margin-right: 4.0px;
    min-height: 28px;
    min-width: 700px;
    text-align: center;
}

.line-46 {
    align-self: center;
    height: 6px;
    margin-right: 653.0px;
    margin-top: 65px;
    width: 434px;
}

.overlap-group4 {
    height: 452px;
    margin-right: 27px;
    margin-top: 47px;
    position: relative;
    width: 1491px;
}

.blovo-7-b {
    align-items: flex-end;
    background-color: var(--amarelo-clarissimo);
    display: flex;
    height: 276px;
    justify-content: flex-end;
    left: 729px;
    min-width: 762px;
    padding: 18px 111px;
    position: absolute;
    top: 176px;
}

.overlap-group-3 {
    height: 206px;
    position: relative;
    width: 489px;
}

.text-10 {
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 0;
    width: 486px;
}

.ver-mais-4 {
    left: 402px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    text-decoration: underline;
    /* top: 168px; */
    bottom: -10px;
    width: 100%;
}

.overlap-group1-1 {
    height: 429px;
    left: 0;
    position: absolute;
    top: 0;
    width: 838px;
}

.rectangle-71 {
    background-color: var(--azul-medio);
    height: 376px;
    left: 0;
    position: absolute;
    top: 53px;
    width: 809px;
}

.text-11 {
    left: 41px;
    letter-spacing: 0;
    position: absolute;
    text-align: center;
    top: 376px;
    width: 734px;
}

.frame-10 {
    align-items: center;
    background-color: var(--white);
    display: flex;
    height: 363px;
    left: 40px;
    min-width: 798px;
    padding: 0 6px;
    position: absolute;
    top: 0;
}

.rectangle-66 {
    height: 343px;
    object-fit: cover;
    width: 785px;
}

.line-69 {
    height: 6px;
    margin-right: 134.49px;
    margin-top: 69px;
    width: 434px;
}

.overlap-group3 {
    align-self: center;
    height: 901px;
    margin-left: 194.0px;
    margin-top: 25px;
    position: relative;
    width: 1228px;
}

.line-20 {
    height: 5px;
    left: 54px;
    position: absolute;
    top: 386px;
    width: 1158px;
}

.pessoas {
    height: 323px;
    left: 111px;
    object-fit: cover;
    position: absolute;
    top: 66px;
    width: 1005px;
}

.possveis-solues {
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 456px;
}

.cads {
    align-items: flex-end;
    display: flex;
    height: 518px;
    left: 12px;
    min-width: 1216px;
    position: absolute;
    top: 383px;
}

.flex-col-4 {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    margin-top: 3.0px;
    min-height: 511px;
    width: 384px;
}

.arrow {
    height: 47px;
    margin-right: 0.21px;
    width: 38px;
}

.cad1 {
    align-items: flex-end;
    background-color: var(--lanara);
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    min-height: 456px;
    padding: 38px 13px;
    width: 384px;
}

.flex-row-2 {
    align-items: center;
    align-self: center;
    display: flex;
    margin-right: 18.0px;
    min-width: 298px;
}

.ellipse-19 {
    height: 94px;
    object-fit: cover;
    width: 98px;
}

.linhas {
    height: 42px;
    margin-left: 82px;
    width: 118px;
}

.text-9 {
    letter-spacing: 0;
    margin-top: 53px;
    min-height: 220px;
    text-align: justify;
    width: 349px;
}

.flex-col-5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 34px;
    min-height: 513px;
    width: 384px;
}

.cad2 {
    align-items: center;
    background-color: var(--lanara);
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    min-height: 458px;
    padding: 18px 0;
    width: 384px;
}

.flex-row-3 {
    align-items: center;
    display: flex;
    margin-right: 18.0px;
    margin-top: 20px;
    min-width: 298px;
}

.text-8 {
    letter-spacing: 0;
    margin-top: 28px;
    min-height: 280px;
    text-align: justify;
    width: 346px;
}

.flex-col-6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    min-height: 513px;
    width: 384px;
}

.arrow-6 {
    height: 47px;
    margin-left: 0.21px;
    width: 38px;
}

.card3 {
    align-items: flex-end;
    background-color: var(--lanara);
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    min-height: 458px;
    padding: 22px 18px;
    width: 384px;
}

.flex-row-4 {
    align-items: center;
    align-self: center;
    display: flex;
    margin-right: 18.0px;
    margin-top: 16px;
    min-width: 298px;
}

.overlap-group-4 {
    height: 247px;
    margin-top: 57px;
    position: relative;
    width: 347px;
}

.ver-mais-5 {
    left: 239px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    text-decoration: underline;
    top: 218px;
}

.text-7 {
    left: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 0;
    width: 347px;
}

.line-79 {
    align-self: center;
    height: 6px;
    margin-right: 616.98px;
    margin-top: 54px;
    width: 434px;
}

.div-d9 {
    align-items: center;
    display: flex;
    margin-top: 45px;
    min-width: 1412px;
}

.aviso {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 33.0px;
    min-height: 202px;
    width: 245px;
}

.aviso-importante {
    letter-spacing: 0;
    min-height: 94px;
    opacity: 0;
    text-align: center;
    transform: translate(25px, 0);
    width: 245px;
}

.aviso-importante.animate-enter4 {
    animation: animate-enter4-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    opacity: 0;
    transform: translate(25px, 0);
}

@keyframes animate-enter4-frames {
    from {
        opacity: 0;
        transform: translate(25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.arrow-12 {
    height: 23px;
    margin-left: 13.0px;
    margin-top: 24px;
    width: 169px;
}

.ellipse-21 {
    background-color: #c4c4c475;
    border-radius: 87.5px/5.5px;
    height: 11px;
    margin-left: 14.0px;
    margin-top: 50px;
    width: 175px;
}

.frame-3 {
    height: 481px;
    margin-left: 65px;
    opacity: 0;
    transform: translate(25px, 0);
    width: 1102px;
}

.frame-3.animate-enter3 {
    animation: animate-enter3-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    opacity: 0;
    transform: translate(25px, 0);
}

@keyframes animate-enter3-frames {
    from {
        opacity: 0;
        transform: translate(25px, 0);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.overlap-group1-2 {
    height: 481px;
    position: relative;
    width: 1079px;
}

.fundo {
    background-color: var(--pale-canary);
    height: 466px;
    left: 28px;
    position: absolute;
    top: 15px;
    width: 1051px;
}

.text-4 {
    left: 34px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 433px;
}

.ver-mais-6 {
    left: 879px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    text-decoration: underline;
    top: 354px;
}

.text-5 {
    left: 157px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 186px;
    width: 835px;
}

.titulo {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 357px;
    min-height: 57px;
    position: absolute;
    top: 78px;
    width: 425px;
}

.text-6 {
    letter-spacing: 0;
    min-height: 47px;
    min-width: 423px;
    text-align: center;
}

.line-22 {
    height: 4px;
    margin-left: 4px;
    margin-top: 8px;
    width: 415px;
}

.overlap-group-5 {
    height: 185px;
    left: 0;
    position: absolute;
    top: 0;
    width: 174px;
}

.rectangle-41 {
    background-color: var(--mist-gray);
    border-radius: 51px;
    height: 185px;
    left: 0;
    position: absolute;
    top: 0;
    width: 169px;
}

.rectangle-10 {
    height: 169px;
    left: 22px;
    object-fit: cover;
    position: absolute;
    top: 8px;
    width: 152px;
}

.x {
    height: 6px;
    left: 940px;
    position: absolute;
    top: 66px;
    width: 28px;
}

.vector {
    height: 27px;
    left: 997px;
    position: absolute;
    top: 55px;
    width: 22px;
}

.contato {
    align-items: flex-start;
    align-self: flex-start;
    display: flex;
    height: 576px;
    margin-top: 80px;
    min-width: 1356px;
}

.polygon-3 {
    height: 541px;
    width: 513px;
}

.contato-1 {
    align-self: flex-end;
    /* background-color: #878ec5; */
    height: 560px;
    margin-left: 161px;
    opacity: 0;
    position: relative;
    transform: translate(0, 25px);
    /* width: 682px; */
}

.contato-1.animate-enter2 {
    animation: animate-enter2-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    opacity: 0;
    transform: translate(0, 25px);
}

@keyframes animate-enter2-frames {
    from {
        opacity: 0;
        transform: translate(0, 25px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.rectangle-75 {
    height: 1px;
    left: 338px;
    position: absolute;
    top: 280px;
    width: 1px;
}

.enviar {
    align-items: flex-start;
    background-color: var(--mist-gray);
    display: flex;
    height: 37px;
    left: 281px;
    min-width: 120px;
    position: absolute;
    top: 504px;
}

.enviar-1 {
    letter-spacing: 0;
    min-height: 37px;
    text-align: center;
    width: 120px;
}

.line-80 {
    height: 4px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 678px;
}

.line-81 {
    height: 4px;
    left: 4px;
    position: absolute;
    top: 558px;
    width: 678px;
}

.overlap-group-6 {
    align-items: flex-start;
    background-color: var(--white);
    display: flex;
    height: 122px;
    justify-content: flex-end;
    left: 57px;
    min-width: 567px;
    padding: 0 6.0px;
    position: absolute;
    top: 361px;
}

.digite-aqui {
    background-color: transparent;
    border: 0;
    height: 122px;
    letter-spacing: 0;
    padding: 0;
    text-align: justify;
    width: 551px;
}

.digite-aqui::placeholder {
    color: #97939399;
}

.overlap-group1-3 {
    align-items: flex-start;
    background-color: var(--white);
    display: flex;
    height: 38px;
    justify-content: flex-end;
    left: 57px;
    min-width: 567px;
    position: absolute;
    top: 296px;
}

.fulanoemailcom {
    background-color: transparent;
    border: 0;
    height: 36px;
    letter-spacing: 0;
    padding: 0;
    text-align: justify;
    width: 554px;
}

.fulanoemailcom::placeholder {
    color: #00000099;
}

.e-mail {
    left: 57px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 253px;
}

.overlap-group2 {
    height: 38px;
    left: 57px;
    position: absolute;
    top: 201px;
    width: 567px;
}

.rectangle-43 {
    background-color: var(--white);
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 565px;
}

.nome {
    background-color: transparent;
    border: 0;
    height: 38px;
    left: 11px;
    letter-spacing: 0;
    padding: 0;
    position: absolute;
    text-align: justify;
    top: 0;
    width: 556px;
}

.nome::placeholder {
    color: #00000099;
}

.place {
    left: 57px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 158px;
}

.text-3 {
    left: 73px;
    letter-spacing: 0;
    position: absolute;
    text-align: justify;
    top: 50px;
}

.header {
    align-items: center;
    display: flex;
    height: 186px;
    left: 403px;
    min-width: 1291px;
    position: absolute;
    top: 70px;
}

.logo {
    display: block;
    height: 186px;
    opacity: 0;
    transform: rotate(45 deg);
    width: 217px;
}

.logo.animate-enter13 {
    animation: animate-enter13-frames 0.70s ease-in-out 0.10s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: rotate(45 deg);
}

@keyframes animate-enter13-frames {
    from {
        opacity: 0;
        transform: rotate(45 deg);
    }

    to {
        opacity: 1;
        transform: rotate(0);
    }
}

.navbar {
    align-items: flex-start;
    display: flex;
    height: 53px;
    margin-bottom: 55.0px;
    margin-left: 41px;
    min-width: 486px;
}

.incio {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    margin-top: 1.0px;
    min-height: 50px;
    width: 74px;
}

.incio-1 {
    cursor: pointer;
    letter-spacing: 0;
    margin-right: 6.18px;
    min-height: 42px;
    min-width: 52px;
    text-align: right;
    transition: all 0.2s ease;
}

.incio-1:hover {
    transform: scale(1.1);
}

.line-27 {
    height: 4px;
    margin-right: 7.94px;
    margin-top: 6px;
    width: 67px;
}

.overlap-group-7 {
    align-self: flex-end;
    height: 54px;
    margin-bottom: -2.0px;
    margin-left: 73px;
    position: relative;
    width: 121px;
}

.line-28 {
    height: 4px;
    left: 20px;
    position: absolute;
    top: 50px;
    width: 95px;
}

.conteudos-bloco {
    align-items: flex-start;
    display: flex;
    height: 52px;
    left: 0;
    min-width: 121px;
    position: absolute;
    top: 0;
}

.contedos {
    cursor: pointer;
    letter-spacing: 0;
    min-height: 42px;
    text-align: right;
    transition: all 0.2s ease;
    width: 121px;
}

.contedos:hover {
    transform: scale(1.1);
}

.polygon-2 {
    align-self: center;
    height: 13px;
    margin-bottom: 17.0px;
    margin-left: 10px;
    width: 23px;
}

.contatos {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: 124px;
    margin-top: 0;
    min-height: 53px;
    width: 94px;
}

.contatos-1 {
    cursor: pointer;
    letter-spacing: 0;
    min-height: 42px;
    min-width: 84px;
    text-align: right;
    transition: all 0.2s ease;
}

.contatos-1:hover {
    transform: scale(1.1);
}

.line-30 {
    align-self: center;
    height: 4px;
    margin-right: 10.06px;
    margin-top: 9px;
    width: 71px;
}

.busca {
    align-items: center;
    display: flex;
    margin-bottom: 54.0px;
    margin-left: 53px;
    min-width: 494px;
    padding: 0 13px;
    background-color: var(--white);
}

.overlap-group1-4 {
    height: 52px;
    position: relative;
    width: 385px;
}

.o-que-deseja {
    border: 0;
    height: 52px;
    left: 2px;
    letter-spacing: 0;
    padding: 0;
    text-align: center;
    top: 0;
    width: 383px;
    background-color: var(--white);
}

.o-que-deseja::placeholder {
    color: #c4c4c499;
}

.component-2 {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    margin-bottom: 3.0px;
    min-width: 109px;
    transition: all 0.2s ease;
}

.pesquisar {
    letter-spacing: 0;
    text-align: center;
    top: 4px;
    width: 109px;
    height: 52px;
    left: 0;
    background-color: var(--white);
    display: flex;
    align-items: center;
}

.pesquisar:hover {
    transform: scale(1.1);
}

.footer {
    background-color: var(--azul-medio);
    height: 433px;
    margin-top: 174px;
    opacity: 0;
    /* position: relative; */
    transform: translate(0, 25px);
    width: 1520px;
}

.footer.animate-enter1 {
    animation: animate-enter1-frames 0.20s ease-in-out 0.00s 1 normal forwards;
    opacity: 0;
    transform: translate(0, 25px);
}

@keyframes animate-enter1-frames {
    from {
        opacity: 0;
        transform: translate(0, 25px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.overlap-group-9 {
    height: 284px;
    left: 410px;
    position: absolute;
    top: 86px;
    width: 913px;
}

.componentes {
    align-items: center;
    display: flex;
    height: 185px;
    left: 0;
    min-width: 913px;
    position: absolute;
    top: 99px;
}

.cintia-maria-de-l-de-sousa-lima {
    align-items: flex-start;
    display: flex;
    height: 185px;
    min-width: 526px;
    padding: 32px 0;
}

.text-1 {
    height: 96px;
    letter-spacing: 0;
    text-align: center;
    width: 526px;
}

.name {
    height: 160px;
    letter-spacing: 0;
    margin-left: 28px;
    margin-top: 1.0px;
    min-width: 359px;
    text-align: center;
}

.text-2 {
    left: 55px;
    letter-spacing: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 858px;
}

.logo-1 {
    display: block;
    height: 186px;
    left: 103px;
    opacity: 0;
    position: absolute;
    top: 135px;
    transform: rotate(45 deg);
    width: 217px;
}

.logo-1.animate-enter {
    animation: animate-enter-frames 0.70s ease-in-out 0.10s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: rotate(45 deg);
}

@keyframes animate-enter-frames {
    from {
        opacity: 0;
        transform: rotate(45 deg);
    }

    to {
        opacity: 1;
        transform: rotate(0);
    }
}

@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,500|Saira+Condensed:700,500|Roboto+Condensed:400|Roboto:500");

@font-face {
    font-family: "Saira Condensed-SemiBold";
    font-style: normal;
    font-weight: 600;
    src: url("https://fonts.animaapp.com/SairaCondensed-SemiBold") format("truetype");
}

@font-face {
    font-family: "Saira Condensed-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("https://fonts.animaapp.com/SairaCondensed-Regular") format("truetype");
}

@font-face {
    font-family: "Roboto Condensed-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("https://fonts.animaapp.com/RobotoCondensed-Bold") format("truetype");
}

.screen a {
    display: contents;
    text-decoration: none;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

input:focus {
    outline: none;
}

/* img {
    z-index: 99;
} */
a {
    text-decoration: none;
}

* {
    margin: 0 0 0 0;
    padding: 0;
    box-sizing: border-box;
}

html, body, #root {
    height: 100vh;
}

/* formulário */
.box {
    display: inline-block;
    box-sizing: border-box;
    background-color: #888EC6;
    padding: 40px 40px;
}

.logo {
    display: block;
    bottom: auto;
}

.contato-div {
    width: 940px;
    margin: 0 auto;
}

.form {
    margin: 40px 0;
}

.form label, form p {
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

.input-padrao {
    display: block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 70%;
}

.checkbox {
    margin: 20px 0;
}

.formulario {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
}

.formulario form {
    margin-right: -171px;

}