* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    font-family: "Montserrat",sans-serif
}

a {
    text-decoration: none
}

button {
    border: 0;
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

img {
    max-width: 100%;
    display: block
}

html {
    font-size: 62.5%;
    overflow-x: hidden
}

@media(max-width: 547px) {
    html {
        font-size:50%
    }
}

.container {
    width: 100%;
    max-width: 123.6rem;
    margin: 0 auto;
    padding: 0 1.5rem
}

h1 {
    font-size: 5.2rem;
    font-weight: bold;
    color: #fff
}

h2 {
    font-size: 3.8rem;
    font-weight: bold
}

h3 {
    font-size: 3.3rem;
    font-weight: bold
}

h4 {
    color: #fff;
    font-size: 2rem;
    font-weight: 100
}

h5 {
    font-size: 3rem;
    font-weight: bold
}

h6 {
    font-size: 2.3rem
}

.nav-links .active a {
    border-bottom: 4px solid #f3a11e;
    padding-bottom: .3rem
}

.destaque {
    color: #030c2c
}

.azul a {
    color: #030c2c
}

.btn-contato {
    padding: 1rem 1.6rem;
    border-radius: 2.2rem;
    color: #fff !important;
    font-weight: 600;
    font-size: 1.6rem;
    background-color: #f3a11e;
    transition: .2s
}

.btn-contato:hover {
    background: #d38201
}

.btn-contato i {
    color: #000;
    margin-left: .7rem
}

.btn-sistema {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28.3rem;
    padding: 10px 22px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    background: #f3a11e;
    border-radius: 2.2rem;
    transition: .2s;
    margin-top: 5rem
}

.btn-sistema:hover {
    background: #d38201
}

.btn-sistema img {
    width: 48px;
    height: 7px;
    margin-left: .9rem;
    margin-bottom: 1px
}

.btn-whatsapp {
    position: fixed;
    z-index: 99999999;
    right: 5rem;
    bottom: 5.6rem
}

.btn-whatsapp-mobile {
    position: fixed;
    right: 1rem;
    bottom: 2rem;
    display: none
}

.lgpd {
    position: fixed;
    z-index: 99999;
    left: 2rem;
    right: 2rem;
    bottom: 5rem;
    padding: 2rem;
    max-width: 85%;
    background-color: #fff;
    border-radius: 2rem;
    box-shadow: 0px 15px 11px -4px rgba(0,0,0,.1),0px 10px 15px -3px rgba(0,0,0,.1),0px 10px 15px -3px rgba(0,0,0,.1),0px 10px 15px -3px rgba(0,0,0,.1);
    border: 1px solid #d38201
}

.lgpd .lgpd-conteudo {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.lgpd .lgpd-conteudo .lgpd-left p {
    color: #030c2c;
    font-size: 1.3rem;
    line-height: 150%;
    margin-right: 5rem
}

.lgpd .lgpd-conteudo .lgpd-left p a {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #030c2c
}

.lgpd .lgpd-conteudo .lgpd-left p a:hover {
    border-bottom: 1px solid #030c2c
}

.lgpd .lgpd-conteudo .lgpd-right {
    background-color: #f3a11e;
    padding: 1.5rem;
    border-radius: 1rem
}

.lgpd .lgpd-conteudo .lgpd-right button {
    font-weight: 600;
    color: #fff;
    width: 100%
}

@media(max-width: 610px) {
    .lgpd {
        max-width:100%
    }

    .lgpd .lgpd-conteudo {
        flex-direction: column
    }

    .lgpd .lgpd-conteudo .lgpd-left p {
        margin-right: 0;
        text-align: justify
    }

    .lgpd .lgpd-conteudo .lgpd-right {
        margin-top: 2rem;
        width: 100%
    }

    .lgpd .lgpd-conteudo .lgpd-right button {
        width: 100%
    }
}

@media(max-width: 800px) {
    .btn-whatsapp {
        display:none
    }

    .btn-whatsapp-mobile {
        display: block;
        right: 1rem
    }
}

@media(max-width: 640px) {
    .btn-whatsapp-mobile {
        right:1.5rem;
        bottom: 2.5rem;
        width: 5rem
    }
}

@media(max-width: 414px) {
    .btn-whatsapp-mobile {
        display:none
    }
}

header {
    height: 7.8rem;
    position: fixed;
    z-index: 2023;
    width: 100%;
    background-color: #fff;
    top: 0;
    box-shadow: 0 0 20px 0 #000
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem
}

header .logo-navega {
    width: 10.5rem
}

header .nav-links {
    display: flex;
    align-items: center;
    justify-content: center
}

header .nav-links li {
    margin-right: 4.2rem
}

header .nav-links li a {
    font-size: 1.4rem;
    color: #0e142f
}

header .nav-links li:last-child {
    margin-right: 0
}

header .button-mobile {
    display: none
}

@media(max-width: 800px) {
    header .nav-links {
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 5rem;
        position: absolute;
        left: -398px;
        top: 11rem;
        background-color: #032d67;
        height: 100vh;
        width: 50%;
        transition: ease-in-out .3s
    }

    header .nav-links li {
        margin-right: 0;
        margin-bottom: 5rem
    }

    header .nav-links li:last-child {
        margin-bottom: 0
    }

    header .nav-links li a {
        color: #fff;
        font-weight: 600;
        font-size: 1.8rem
    }

    header .button-mobile {
        display: block
    }

    header .nav-links.js-menu {
        left: 0;
        transition: ease-in-out .3s
    }
}

@media(max-width: 516px) {
    header .nav-links li a {
        font-size:1.5rem
    }
}

@media(max-width: 414px) {
    header .nav-links {
        width:90%
    }
}

@media(max-width: 800px) {
    header {
        height:10.8rem
    }

    header .container {
        padding: 1.4rem 1.4rem
    }

    header .container .logo-navega {
        width: 15.5rem
    }
}

@media(max-width: 375px) {
    header .container .logo-navega {
        width:13.5rem
    }
}

.capa {
    background-image: url("../assets/img/fundo1-home.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 83.3rem;
    margin-top: 7rem
}

.capa .text-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15.5rem
}

.capa .text-left h4 {
    width: 25rem;
    opacity: .8
}

.capa .text-left h1 {
    margin-top: 4.7rem;
    width: 43.2rem
}

.capa .text-left a {
    margin-top: 7.1rem
}

@media(max-width: 640px) {
    .capa {
        background-image:url("../assets/img/fundo-mobile.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 11rem;
        height: 100vh
    }

    .capa .text-left {
        padding-top: 45.5rem
    }

    .capa .text-left h4 {
        margin-left: 6rem;
        width: 32rem;
        font-size: 2.5rem
    }

    .capa .text-left h1 {
        margin-left: 5rem;
        font-size: 5.9rem;
        margin-top: 7.7rem;
        max-width: 33rem
    }

    .capa .text-left a {
        margin-left: 6rem;
        font-size: 2.2rem;
        width: 35rem
    }
}

@media(max-width: 428px) {
    .capa .text-left h4 {
        margin-left:2rem
    }

    .capa .text-left h1 {
        margin-left: 1.3rem;
    }

    .capa .text-left a {
        margin-left: 2rem;
        font-size: 2rem
    }
}

@media(max-width: 414px) {
    .capa {
        height:80vh
    }

    .capa .text-left {
        padding-top: 30rem
    }

    .capa .text-left h4 {
        margin-left: 4rem;
        font-size: 2.3rem
    }

    .capa .text-left h1 {
        /* AQUI */
        margin-left: .7rem;
        font-size: 4.5rem;
        margin-top: 4rem
    }

    .capa .text-left a {
        margin-left: 4rem;
        margin-top: 4rem;
        font-size: 1.8rem;
        width: 34rem
    }
}

@media(max-width: 375px) {
    .capa {
        background-position:right;
        height: 100vh
    }

    .capa .text-left h4 {
        margin-left: 5rem
    }

    .capa .text-left h1 {
        margin-left: .7rem;
    }

    .capa .text-left a {
        margin-left: 2rem
    }
}

@media(max-width: 280px) {
    .capa .text-left h4 {
        margin-left:0;
        width: 25rem;
        font-size: 2rem
    }

    .capa .text-left h1 {
        margin-left: 0
    }

    .capa .text-left a {
        margin-left: 0;
        font-size: 1.5rem;
        width: 27rem
    }
}

.mobilidade {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 8rem
}

.mobilidade .title h3 {
    color: #0e142f;
    font-weight: bold
}

.mobilidade .circle {
    width: 23.6rem;
    margin-top: 5.5rem
}

.mobilidade .circle ul {
    display: flex;
    justify-content: space-between
}

.mobilidade .circle ul li {
    width: 2.3rem;
    height: 2.1rem;
    background-color: #b9bdd1;
    border-radius: 50%
}

.mobilidade .circle ul .elipse {
    background-color: #0e142f
}

.mobilidade .mockup {
    display: flex;
    align-items: center;
    margin-top: 4.5rem
}

.mobilidade .mockup .text-left h2 {
    width: 45.9rem;
    height: 19rem;
    margin-right: 4.3rem;
    line-height: 3.9rem;
    font-weight: 600;
    color: #0e142f
}

.mobilidade .mockup .text-left h2 span {
    color: #f3a11e
}

.mobilidade .mockup .image img {
    width: 196.4rem
}

@media(max-width: 1048px) {
    .mobilidade .title h3 {
        text-align:center
    }

    .mobilidade .mockup {
        flex-direction: column-reverse
    }

    .mobilidade .mockup .text-left {
        margin-top: 7rem
    }

    .mobilidade .mockup .text-left h2 {
        margin: 0;
        text-align: center;
        font-size: 4.2rem;
        line-height: 107%
    }
}

@media(max-width: 628px) {
    .mobilidade .mockup .text-left h2 {
        font-size:3.7rem
    }
}

@media(max-width: 414px) {
    .mobilidade .mockup .text-left h2 {
        font-size:3rem;
        padding: 0 1.5rem
    }

    .mobilidade .mockup .image img {
        max-width: 38rem
    }
}

@media(max-width: 375px) {
    .mobilidade .title h3 {
        font-size:3rem
    }

    .mobilidade .mockup .text-left h2 {
        font-size: 2.5rem;
        padding: 0 5rem
    }

    .mobilidade .mockup .image img {
        max-width: 30rem
    }
}

@media(max-width: 280px) {
    .mobilidade .title h3 {
        font-size:2rem
    }

    .mobilidade .mockup .text-left h2 {
        font-size: 2.3rem;
        padding: 0 10rem
    }

    .mobilidade .mockup .image img {
        max-width: 24rem
    }
}

.servicos {
    background-color: #0e142f
}

.servicos .container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.servicos .container .title h2 {
    color: #fff;
    padding-top: 6.6rem;
    margin-bottom: 5.4rem
}

.servicos .container .services {
    display: flex;
    gap: 2.2rem
}

.servicos .container .services .plano {
    color: #fff;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 5rem 3rem 3.5rem 3.9rem
}

.servicos .container .services .plano .title {
    margin-top: 2.2rem
}

.servicos .container .services .plano .description {
    font-size: 1.7rem;
    max-width: 29.1rem;
    margin-top: 2.3rem
}

.servicos .container .services .metas {
    color: #fff;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 5rem 4.3rem 2.3rem 2.7rem
}

.servicos .container .services .metas .title {
    margin-top: 1.9rem
}

.servicos .container .services .metas .description {
    font-size: 1.7rem;
    max-width: 23.7rem;
    margin-top: 2rem
}

.servicos .container .services .sistema {
    color: #fff;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 50px 36px 28px 35px
}

.servicos .container .services .sistema .title {
    margin-top: 2.1rem
}

.servicos .container .services .sistema .description {
    font-size: 1.7rem;
    max-width: 20.7rem;
    margin-top: 2.5rem
}

.servicos .container .services .credito {
    color: #fff;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 50px 22px 29px 28px
}

.servicos .container .services .credito .title {
    margin-top: 1.6rem
}

.servicos .container .services .credito .description {
    font-size: 1.7rem;
    max-width: 34rem;
    margin-top: 1.6rem
}

.servicos .container .confira {
    margin-top: 5.4rem;
    margin-bottom: 6rem
}

.servicos .container .confira a {
    display: flex;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600
}

.servicos .container .confira a img {
    margin-left: 2.2rem
}

@media(max-width: 1048px) {
    .servicos {
        display:none
    }
}

.servicos-mobile {
    display: none;
    background-color: #0e142f
}

.servicos-mobile .container {
    padding-top: 8.3rem;
    padding-bottom: 6rem
}

.servicos-mobile .container .title-servives-mobile {
    color: #fff;
    text-align: center;
    margin-bottom: 11.4rem;
    padding: 0 2rem
}

.servicos-mobile .container .services-mobile {
    display: flex;
    justify-content: center;
    gap: 2rem
}

.servicos-mobile .container .services-mobile .bloco1 .plano-mobile {
    background-color: #f3a11e;
    border-radius: 1.4rem;
    width: 33rem;
    padding: 2rem;
    margin-bottom: 2rem
}

.servicos-mobile .container .services-mobile .bloco1 .plano-mobile .img {
    margin-bottom: 1.7rem
}

.servicos-mobile .container .services-mobile .bloco1 .plano-mobile .title-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco1 .plano-mobile .description-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco1 .plano-mobile .description-mobile p {
    font-size: 2rem;
    margin-top: 2rem
}

.servicos-mobile .container .services-mobile .bloco1 .metas-mobile {
    background-color: #f3a11e;
    border-radius: 1.4rem;
    width: 33rem;
    padding: 2rem
}

.servicos-mobile .container .services-mobile .bloco1 .metas-mobile .img {
    margin-bottom: 1.7rem
}

.servicos-mobile .container .services-mobile .bloco1 .metas-mobile .title-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco1 .metas-mobile .description-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco1 .metas-mobile .description-mobile p {
    font-size: 2rem;
    margin-top: 10rem
}

.servicos-mobile .container .services-mobile .bloco2 .sistema-mobile {
    background-color: #f3a11e;
    border-radius: 1.4rem;
    width: 33rem;
    padding: 2rem;
    margin-bottom: 2rem
}

.servicos-mobile .container .services-mobile .bloco2 .sistema-mobile .img {
    margin-bottom: 1.7rem
}

.servicos-mobile .container .services-mobile .bloco2 .sistema-mobile .title-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco2 .sistema-mobile .description-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco2 .sistema-mobile .description-mobile p {
    font-size: 2rem;
    margin-top: 9rem
}

.servicos-mobile .container .services-mobile .bloco2 .credito-mobile {
    background-color: #f3a11e;
    border-radius: 1.4rem;
    width: 33rem;
    padding: 2rem
}

.servicos-mobile .container .services-mobile .bloco2 .credito-mobile .img {
    margin-bottom: 1.7rem
}

.servicos-mobile .container .services-mobile .bloco2 .credito-mobile .title-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco2 .credito-mobile .description-mobile {
    color: #fff
}

.servicos-mobile .container .services-mobile .bloco2 .credito-mobile .description-mobile p {
    font-size: 2rem;
    margin-top: 6rem
}

.servicos-mobile .container .confira-mobile {
    margin-top: 7.6rem
}

.servicos-mobile .container .confira-mobile a {
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600
}

.servicos-mobile .container .confira-mobile a img {
    margin-left: 2.2rem
}

@media(max-width: 1048px) {
    .servicos-mobile {
        display:block
    }
}

@media(max-width: 667px) {
    .servicos-mobile .services-mobile {
        flex-direction:column
    }

    .servicos-mobile .services-mobile .bloco1 .plano-mobile {
        width: 100% !important
    }

    .servicos-mobile .services-mobile .bloco1 .metas-mobile {
        width: 100% !important
    }

    .servicos-mobile .services-mobile .bloco2 .sistema-mobile {
        width: 100% !important
    }

    .servicos-mobile .services-mobile .bloco2 .credito-mobile {
        width: 100% !important
    }
}

@media(max-width: 414px) {
    .servicos-mobile .title-servives-mobile h2 {
        font-size:3.5rem
    }

    .servicos-mobile .confira-mobile a {
        font-size: 1.5rem !important
    }
}

.historia {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 7.1rem;
    margin-bottom: 4.9rem
}

.historia .title {
    margin-bottom: -1.5rem
}

.historia .title h3 {
    color: #0e142f;
    font-weight: bold
}

.historia .conteudo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.historia .conteudo .text-historia {
    width: 56.4rem;
    margin-right: 9.3rem
}

.historia .conteudo .text-historia p {
    color: #0e142f;
    font-size: 1.6rem;
    margin-bottom: 1.5rem
}

.historia .conteudo .text-historia p:last-child {
    margin-bottom: 0
}

.historia .quem-somos {
    margin-top: 4rem
}

.historia .quem-somos a {
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    color: #0e142f
}

.historia .quem-somos a img {
    margin-left: 2rem
}

@media(max-width: 1040px) {
    .historia .conteudo {
        flex-direction:column;
        align-items: center;
        margin-top: 7rem
    }

    .historia .conteudo .text-historia {
        margin-right: 0
    }

    .historia .conteudo .image-navega {
        margin-top: 3rem
    }
}

@media(max-width: 428px) {
    .historia .historia .title {
        padding-left:4rem
    }

    .historia .conteudo .text-historia {
        width: 42rem
    }

    .historia .conteudo .image-navega {
        width: 40rem
    }
}

@media(max-width: 414px) {
    .historia .historia .title h3 {
        font-size:2.5rem
    }

    .historia .conteudo .text-historia {
        width: 45rem
    }

    .historia .conteudo .image-navega {
        width: 40rem
    }
}

.capa-sistema {
    background-image: url("../assets/img/fundo-sistema.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 7.8rem;
    height: 26rem
}

.capa-sistema .container {
    height: 100%
}

.capa-sistema .container h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

@media(max-width: 953px) {
    .capa-sistema .container h1 {
        font-size:4rem;
        text-align: center
    }
}

.description-sistema {
    margin-top: 4.7rem
}

.description-sistema .text-description {
    padding: 0 11rem 0 13rem
}

.description-sistema .text-description p {
    font-size: 2.3rem;
    text-align: center;
    margin-bottom: 3rem
}

.description-sistema .text-description p:last-child {
    margin-bottom: 0
}

@media(max-width: 953px) {
    .description-sistema .text-description {
        padding:0
    }

    .description-sistema .text-description p {
        font-size: 2.2rem
    }
}

.aplicativo {
    padding: 5.7rem 0 5.7rem 0;
    background-color: #f3f3f4;
    margin-top: 4.5rem
}

.aplicativo .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.aplicativo .container .content-app {
    margin-right: 8.6rem
}

.aplicativo .container .content-app .bar-app {
    margin: 5.1rem 0
}

.aplicativo .container .content-app .bar-app {
    background-color: #f3a11e;
    width: 17.1rem;
    height: .8rem;
    border-radius: 3.3rem
}

.aplicativo .container .content-app .description-app {
    font-size: 2rem;
    width: 53.9rem
}

.aplicativo .container .content-app .description-app p {
    margin-bottom: 3rem
}

.aplicativo .container .content-app .description-app p:last-child {
    margin-bottom: 0
}

.aplicativo .container .content-app-mobile {
    display: none
}

@media(max-width: 1085px) {
    .aplicativo .container .content-app {
        display:none
    }

    .aplicativo .container .app-navega {
        display: none
    }

    .aplicativo .container .content-app-mobile {
        display: block;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .aplicativo .container .content-app-mobile .title-app-mobile {
        margin-bottom: 7rem
    }

    .aplicativo .container .content-app-mobile .title-app-mobile h5 {
        font-size: 4rem
    }

    .aplicativo .container .content-app-mobile .app-navega-mobile {
        margin-bottom: 7rem;
        width: 75%
    }

    .aplicativo .container .content-app-mobile .description-app-mobile {
        font-size: 2.5rem
    }
}

.beneficios {
    color: #0e142f
}

.beneficios .container {
    margin-top: 7.6rem;
    margin-bottom: 11.1rem
}

.beneficios .metas {
    display: flex;
    align-items: center;
    margin-bottom: 10.2rem
}

.beneficios .metas img {
    margin-right: 3.5rem;
    width: 44.5rem;
    height: 26.1rem
}

.beneficios .metas .metas-description .title-metas {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.beneficios .metas .metas-description .title-metas .disk {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f3a11e;
    margin-right: .6rem
}

.beneficios .metas .metas-description p {
    font-size: 2rem;
    margin-bottom: 3rem
}

.beneficios .metas .metas-description p:last-child {
    margin-bottom: 0
}

.beneficios .resultados {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 10.2rem
}

.beneficios .resultados img {
    width: 44.5rem;
    height: 26.1rem;
    margin-left: 3.5rem
}

.beneficios .resultados .resultados-description .title-resultados {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.beneficios .resultados .resultados-description .title-resultados .disk {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f3a11e;
    margin-right: .6rem
}

.beneficios .resultados .resultados-description p {
    font-size: 2rem;
    margin-bottom: 3rem;
    width: 70.7rem
}

.beneficios .resultados .resultados-description p:last-child {
    margin-bottom: 0
}

.beneficios .agenda {
    display: flex;
    align-items: center;
    margin-bottom: 10.2rem
}

.beneficios .agenda img {
    margin-right: 3.5rem;
    width: 44.5rem;
    height: 26.1rem
}

.beneficios .agenda .agenda-description .title-agenda {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.beneficios .agenda .agenda-description .title-agenda .disk {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f3a11e;
    margin-right: .6rem
}

.beneficios .agenda .agenda-description p {
    font-size: 2rem;
    margin-bottom: 3rem
}

.beneficios .agenda .agenda-description p:last-child {
    margin-bottom: 0
}

.beneficios .chamados {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 10.2rem
}

.beneficios .chamados img {
    margin-left: 3.5rem
}

.beneficios .chamados .chamados-description .title-chamados {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.beneficios .chamados .chamados-description .title-chamados .disk {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f3a11e;
    margin-right: .6rem
}

.beneficios .chamados .chamados-description p {
    font-size: 2rem;
    margin-bottom: 3rem
}

.beneficios .chamados .chamados-description p:last-child {
    margin-bottom: 0
}

.beneficios .campanha {
    display: flex;
    align-items: center;
    margin-bottom: 10.2rem
}

.beneficios .campanha img {
    margin-right: 3.5rem
}

.beneficios .campanha .campanha-description .title-campanha {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.beneficios .campanha .campanha-description .title-campanha .disk {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f3a11e;
    margin-right: .6rem
}

.beneficios .campanha .campanha-description p {
    font-size: 2rem;
    margin-bottom: 3rem
}

.beneficios .campanha .campanha-description p:last-child {
    margin-bottom: 0
}

.beneficios .painel {
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.beneficios .painel img {
    margin-left: 14.4rem
}

.beneficios .painel .painel-description .title-painel {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.beneficios .painel .painel-description .title-painel .disk {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #f3a11e;
    margin-right: .6rem
}

.beneficios .painel .painel-description p {
    font-size: 2rem
}

@media(max-width: 970px) {
    .beneficios .metas {
        flex-direction:column
    }

    .beneficios .metas img {
        margin-right: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 3rem
    }

    .beneficios .metas .metas-description p {
        font-size: 2.5rem
    }

    .beneficios .resultados {
        flex-direction: column
    }

    .beneficios .resultados img {
        margin-left: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 3rem
    }

    .beneficios .resultados .resultados-description {
        width: 100%
    }

    .beneficios .resultados .resultados-description p {
        width: 100%;
        font-size: 2.5rem
    }

    .beneficios .agenda {
        flex-direction: column
    }

    .beneficios .agenda img {
        margin-right: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 3rem
    }

    .beneficios .agenda .agenda-description {
        width: 100%
    }

    .beneficios .agenda .agenda-description p {
        width: 100%;
        font-size: 2.5rem
    }

    .beneficios .chamados {
        flex-direction: column
    }

    .beneficios .chamados img {
        margin-left: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 3rem
    }

    .beneficios .chamados .chamados-description {
        width: 100%
    }

    .beneficios .chamados .chamados-description p {
        width: 100%;
        font-size: 2.5rem
    }

    .beneficios .campanha {
        flex-direction: column
    }

    .beneficios .campanha img {
        margin-right: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 3rem
    }

    .beneficios .campanha .campanha-description {
        width: 100%
    }

    .beneficios .campanha .campanha-description p {
        width: 100%;
        font-size: 2.5rem
    }

    .beneficios .painel {
        flex-direction: column
    }

    .beneficios .painel img {
        margin-left: 0;
        width: 100%;
        height: 100%;
        margin-bottom: 3rem
    }

    .beneficios .painel .painel-description {
        width: 100%
    }

    .beneficios .painel .painel-description p {
        width: 100%;
        font-size: 2.5rem
    }
}

.capa-sobre {
    background-image: url("../assets/img/fundo2.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 44rem;
    margin-top: 8rem
}

.capa-sobre .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.capa-sobre .container .logo-navega-capa {
    width: 53.1rem;
    height: 24.7rem;
    margin-top: 6.073rem
}

.capa-sobre .container .title-capa {
    color: #fff;
    font-size: 2.7rem;
    opacity: .65;
    margin-top: 7.2rem
}

@media(max-width: 428px) {
    .capa-sobre .container .logo-navega-capa {
        width:44rem
    }
}

.conteudo-sobre {
    margin-top: 7.3rem
}

.conteudo-sobre .container .text-sobre {
    font-size: 2.3rem;
    text-align: center
}

.conteudo-sobre .container .text-sobre p {
    margin-bottom: 2.8rem
}

.conteudo-sobre .container .text-sobre p strong {
    font-size: 2.6rem
}

.conteudo-sobre .container .text-sobre:last-child {
    margin-bottom: 0
}

.mvv-navega {
    margin-top: 7.3rem
}

.mvv-navega .conteudo-mvv ul {
    display: flex;
    justify-content: center;
    gap: 2.9rem
}

.mvv-navega .conteudo-mvv ul .missao {
    position: relative;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 3.7rem 4.2rem 3.1rem 3.9rem
}

.mvv-navega .conteudo-mvv ul .missao h3 {
    color: #fff
}

.mvv-navega .conteudo-mvv ul .missao h3::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #0e142f;
    top: 10.7rem;
    left: 3.9rem
}

.mvv-navega .conteudo-mvv ul .missao p {
    font-size: 1.7rem;
    color: #fff;
    max-width: 33.8rem;
    margin-top: 7.5rem
}

.mvv-navega .conteudo-mvv ul .visao {
    position: relative;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 3.7rem 3.4rem 3.3rem 3.9rem
}

.mvv-navega .conteudo-mvv ul .visao h3 {
    color: #fff
}

.mvv-navega .conteudo-mvv ul .visao h3::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #0e142f;
    top: 10.7rem;
    left: 3.9rem
}

.mvv-navega .conteudo-mvv ul .visao p {
    font-size: 1.7rem;
    color: #fff;
    max-width: 28.7rem;
    margin-top: 7.5rem
}

.mvv-navega .conteudo-mvv ul .valores {
    position: relative;
    background-color: #f3a11e;
    border-radius: 1.4rem;
    padding: 3.7rem 11rem 3.2rem 4.2rem
}

.mvv-navega .conteudo-mvv ul .valores h3 {
    color: #fff
}

.mvv-navega .conteudo-mvv ul .valores h3::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 3px;
    background-color: #0e142f;
    top: 10.7rem;
    left: 3.9rem
}

.mvv-navega .conteudo-mvv ul .valores p {
    font-size: 1.7rem;
    color: #fff;
    max-width: 28.7rem;
    margin-top: 7.5rem
}

@media(max-width: 995px) {
    .mvv-navega .conteudo-mvv ul {
        flex-direction:column
    }

    .mvv-navega .conteudo-mvv ul .missao p {
        max-width: 100%;
        font-size: 2.4rem
    }

    .mvv-navega .conteudo-mvv ul .visao p {
        max-width: 100%;
        font-size: 2.4rem
    }

    .mvv-navega .conteudo-mvv ul .valores p {
        max-width: 100%;
        font-size: 2.4rem
    }
}

.socios {
    margin-top: 6.1rem
}

.socios .title-socios h6 {
    text-align: center;
    margin-bottom: 6rem
}

.socios .adenisio {
    display: flex;
    margin-bottom: 7rem
}

.socios .adenisio img {
    height: 34.7rem;
    margin-right: 3rem;
    margin-top: 2rem
}

.socios .adenisio .bio-adenisio {
    background-color: #f1f1f1;
    border-radius: 2.2rem;
    padding: 4rem 4.3rem 4.3rem 4.7rem
}

.socios .adenisio .bio-adenisio h5 {
    margin-bottom: 2.4rem
}

.socios .adenisio .bio-adenisio p {
    font-size: 1.6rem;
    margin-bottom: 2rem
}

.socios .adenisio .bio-adenisio ul {
    font-size: 1.6rem
}

.socios .adenisio .bio-adenisio ul li {
    margin-bottom: 2rem
}

.socios .adenisio .bio-adenisio ul li:last-child {
    margin-bottom: 0
}

.socios .carlos {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 7.6rem
}

.socios .carlos img {
    height: 34.7rem;
    margin-left: 2rem;
    margin-top: 2rem
}

.socios .carlos .bio-carlos {
    background-color: #f1f1f1;
    border-radius: 2.2rem;
    padding: 4rem 11rem 4rem 4.8rem
}

.socios .carlos .bio-carlos h5 {
    margin-bottom: 2.4rem
}

.socios .carlos .bio-carlos p {
    font-size: 1.6rem;
    margin-bottom: 2rem
}

.socios .carlos .bio-carlos ul {
    font-size: 1.6rem
}

.socios .carlos .bio-carlos ul li {
    margin-bottom: 2rem
}

.socios .carlos .bio-carlos ul li:last-child {
    margin-bottom: 0
}

@media(max-width: 990px) {
    .socios .adenisio {
        flex-direction:column;
        align-items: center
    }

    .socios .adenisio img {
        margin: 0;
        margin-bottom: 3rem;
        width: 53rem;
        height: 53rem
    }

    .socios .adenisio .bio-adenisio h5 {
        font-size: 4rem
    }

    .socios .adenisio .bio-adenisio p {
        font-size: 2.5rem
    }

    .socios .adenisio .bio-adenisio ul {
        font-size: 2.5rem
    }

    .socios .carlos {
        flex-direction: column;
        align-items: center
    }

    .socios .carlos img {
        margin: 0;
        margin-bottom: 3rem;
        width: 53rem;
        height: 53rem
    }

    .socios .carlos .bio-carlos h5 {
        font-size: 4rem
    }

    .socios .carlos .bio-carlos p {
        font-size: 2.5rem
    }

    .socios .carlos .bio-carlos ul {
        font-size: 2.5rem
    }
}

@media(max-width: 393px) {
    .socios .adenisio img {
        width:40rem;
        height: 40rem
    }

    .socios .carlos img {
        width: 40rem;
        height: 40rem
    }

    .socios .carlos .bio-carlos {
        padding: 4rem 1rem 4rem 4.8rem
    }
}

@media(max-width: 414px) {
    .socios .carlos .bio-carlos {
        padding:4rem 1rem 4rem 4.8rem
    }
}

footer {
    background-color: #000
}

footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8.5rem;
    padding-bottom: 6rem
}

footer .container .image-footer {
    margin-right: 6.4rem
}

footer .container .contato-footer {
    border-left: 2px solid #fff;
    padding-left: 6.5rem
}

footer .container .contato-footer h5 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 2.3rem
}

footer .container .contato-footer .number-footer a {
    color: #fff;
    font-size: 2rem
}

footer .container .endereco-footer {
    color: #fff;
    margin-left: 6.4rem
}

footer .container .endereco-footer .endereco {
    display: flex;
    align-items: center
}

footer .container .endereco-footer .endereco .maps i {
    font-size: 3.2rem
}

footer .container .endereco-footer .endereco .rua {
    margin-left: 1.4rem
}

footer .container .endereco-footer .endereco .rua a {
    color: #fff;
    font-size: 2rem
}

footer .container .endereco-footer .redes-sociais {
    margin-top: 1.3rem
}

footer .container .endereco-footer .redes-sociais ul {
    display: flex;
    align-items: center
}

footer .container .endereco-footer .redes-sociais ul li {
    margin-right: 1.3rem
}

footer .container .endereco-footer .redes-sociais ul li:last-child {
    margin-right: 0
}

footer .container .endereco-footer .redes-sociais ul li:last-child img {
    width: 3rem;
    height: 3rem
}

footer .termos-uso {
    background-color: #000
}

footer .termos-uso .container {
    padding-top: 1rem;
    padding-bottom: 2rem;
    justify-content: center
}

footer .termos-uso .container .lista-uso ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem
}

footer .termos-uso .container .lista-uso ul li {
    font-size: 1.6rem
}

footer .termos-uso .container .lista-uso ul li a {
    color: #fff
}

@media(max-width: 1040px) {
    footer .image-footer {
        display:none
    }

    footer .contato-footer {
        border: none !important;
        padding-left: 2rem !important
    }
}

@media(max-width: 700px) {
    footer .container {
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 5rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    footer .container .contato-footer {
        padding-left: 0 !important
    }

    footer .container .endereco-footer {
        margin-left: 0;
        margin-top: 6rem
    }
}

.criador {
    background-color: #fff;
    padding: 1.9rem 0 1.9rem 0
}

.criador .container {
    padding: 0
}

.criador .container p {
    font-size: 2rem;
    text-align: center;
    width: 100%
}

.criador .container p a {
    color: #000;
    font-weight: 600
}

.criador .container p a:hover {
    border-bottom: 1px solid #000
}

@media(max-width: 428px) {
    .criador .container p {
        font-size:1.5rem
    }
}

.termos {
    margin-top: 6rem
}

.termos p {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    line-height: 150%
}

.termos .list li {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    margin-left: 3rem
}

.termos .cookies {
    color: #030c2c;
    text-transform: uppercase
}

.termos .cookies:hover {
    border-bottom: 1px solid #030c2c
}

.termos h3 {
    margin-bottom: 3rem;
    margin-top: 3rem
}

.cookies {
    margin-top: 6rem
}

.cookies p {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    line-height: 150%
}

.cookies ul {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.cookies ul li {
    font-size: 1.6rem;
    margin-bottom: 1rem
}

.cookies .uso {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.cookies .uso li {
    font-size: 1.6rem;
    margin-bottom: 1rem
}

.cookies .navegadores {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.cookies .navegadores li {
    font-size: 1.6rem;
    margin-bottom: 1rem
}

.cookies .navegadores li a {
    color: #030c2c
}

.cookies .navegadores li a:hover {
    border-bottom: 1px solid #030c2c
}

.cookies h3 {
    margin-bottom: 3rem;
    margin-top: 3rem
}

@media (max-width: 1024px) {
    /* Esconde o item de menu "DOCUMENTAÇÃO" em dispositivos móveis */
    .nav-links li:nth-child(5) {
      display: none;
    }
}

.carousel-item {
    opacity: 0;
    transform: scale(0.9);
    position: absolute;
    width: 100%;
    z-index: 0;
    transition: opacity 2.0s ease-in-out, transform 1.5s ease-in-out;
}

.carousel-item.active {
    opacity: 1;
    transform: scale(1);
    position: relative;
    z-index: 1;
}
/* Centraliza verticalmente as setas */
.carousel-control-prev, .carousel-control-next {
    top: 50%;
    transform: translateY(-50%);
}
/* Ajusta tamanho das setas */
.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
}

/* Força renderização por GPU para suavizar a transição */
.carousel-item {
    transform: translate3d(0, 0, 0);
}

.img-capa-cursos {
    background-image: url("../assets/img/imagem-capa-cursos.png") !important;
}

.carrosel-cursos {
    margin-right: 6rem;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
}

.carousel-control-prev {
    margin-right: 500px !important;
}

.carrosel-conteudo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 2rem; 
    margin-top: 20rem; 
}

.texto-carrosel {
    margin-bottom:4rem; 
}

@media (max-width: 1025px) {
    .carrosel-conteudo {
        display: flex;
        flex-direction: column;
    }

    .texto-carrosel {
        margin-bottom:2rem; 
    }

    .carrosel-conteudo {
        margin-top: 40rem !important; 
    }

    .h1-carrosel{
        font-size: 5.2rem !important; 
    }

    /* Centraliza verticalmente as setas */
    .carousel-control-prev, .carousel-control-next {
        top: 62%;
        transform: translateY(-50%);
    }

    .btn-sistema {
        margin-top: 3rem
    }
}

.parceiros-navega {
    padding: 60px 0;
    background-color: #f5f5f5;
    text-align: center;
}

.titulo-parceiros h6 {
    font-size: 24px;
    font-weight: 600;
    color: #003366;
    margin-bottom: 40px;
}

.conteudo-parceiro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.imagem-parceiro img {
    max-width: 250px;
    height: auto;
}

.texto-parceiro {
    max-width: 800px;
    font-size: 16px;
    color: #333;
    text-align: justify;
    line-height: 1.6;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .conteudo-parceiro {
        flex-direction: row;
        justify-content: center;
        text-align: left;
    }

    .imagem-parceiro {
        flex: 0 0 auto;
    }

    .texto-parceiro {
        flex: 1;
        padding-left: 30px;
    }
}