@import url("../fonts/font.css");
.iconeNew {
    margin-right: 10px;
    margin-top: -4px;
}

.forma-email::placeholder {
    color: white;
}

.fundo-laranja-xs {
    background-image: url("../img/Aplicativo/bgmobile.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom-left-radius: 60px;
    height: 687px;
}

.aplicativo {
    color: #FFFFFF;
    font-family: Montserrat-bold;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2.7px;
    line-height: 1.14;
    text-align: left;
    margin-top: 177px;
}

.titulo-laranja {
    color: #FFFFFF;
    font-family: Montserrat-bold;
    font-size: 32px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
}

.conteudo-laranja {
    color: #FFFFFF;
    font-family: Inter-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

.aplicativo-copy {
    color: #FF4C00;
    font-family: Montserrat-bold;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2.7px;
    line-height: 16px;
    text-align: center;
}

.o-connect-escolas {
    color: #122B3F;
    font-family: Montserrat-bold;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
}

.comunicacao-eficaz-e {
    color: #818181;
    font-family: Inter-Regular;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.86;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
}

.conheca-o-app-do-con {
    color: #FF4C00;
    font-family: Montserrat-bold;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2.7px;
    line-height: 24px;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}

.titulo-tabela {
    color: #565D62;
    font-family: Montserrat-Regular;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    text-align: left;
    padding-top: 19px;
}

.conteudo-tabela {
    color: #818181;
    font-family: Inter-Regular;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71;
    text-align: left;
}

.alem-de-todas-as-fac {
    color: #818181;
    font-family: Inter-Regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 13px;
}

.carteira-img {
    position: relative;
    left: 40%;
    margin-bottom: 33px;
}

.economize-com-nosso {
    color: #122B3F;
    font-family: Montserrat-bold;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.46;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
}

.completo-facil-sim {
    color: #122B3F;
    font-family: Montserrat-bold;
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
}

.o-aplicativo-tem-uma {
    color: #818181;
    font-family: Inter-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    text-align: center;
    margin-bottom: 90.3px;
}

.cel-image {
    width: 274.9px;
    height: 501.4px;
}

.linha-vertical {
    border-left-style: dashed;
    border-color: #FF5100;
    height: 384px;
    margin-left: 29px;
    position: relative;
    top: 55px;
}

.oval {
    background-color: white;
    border-radius: 100%;
    box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.11);
    width: 76px;
    height: 76px;
    margin-left: 42px;
    /* margin-top: 217px; */
    position: relative;
    top: 217px;
}

.retangulo-lar {
    height: 411px;
    width: 98%;
    z-index: -1;
    position: absolute;
    background-color: #FF5100;
    right: 0;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    top: -231px;
}

.teste-gratis {
    color: #FFFFFF;
    font-family: Montserrat-bold;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    position: absolute;
    top: 50px;
    left: 87px;
}

.connect-escolas {
    color: #FFFFFF;
    font-family: Montserrat-Regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
    position: absolute;
    top: 98px;
    left: 130px;
}

.rectangle-mask1 {
    background-color: #D8D8D8;
    border-radius: 9px;
    width: 100%;
    height: 61px;
    margin-top: 51px;
}

.quem-confia-na-gente {
    color: #122B3F;
    font-family: Montserrat-bold;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.07;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
}

.faca-parte-da-nova-g {
    color: #122B3F;
    font-family: Montserrat-bold;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 60px;
}

.entre-em-contato-con {
    color: #818181;
    font-family: Inter-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 31px;
}

.imagem-oval {
    position: absolute;
    top: 0;
    left: 8px;
    width: 77px;
    height: 77px;
}

.line-5 {
    width: 74px;
    height: 1px;
    border: 2px solid #FF5100;
    position: relative;
    left: 40%;
}

.rectangle-fale {
    background-color: #F6AB00;
    border-radius: 30px;
    width: 84%;
    height: 55px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.fale-consoco-copy {
    color: #FFFFFF;
    font-family: Montserrat-bold;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
    position: absolute;
    top: 18px;
    left: 32px;
}

.botao-ir {
    border-radius: 100%;
    width: 43px;
    height: 43px;
    position: absolute;
    background-color: #FFFFFF;
    top: 6px;
    color: #F6AB00;
    left: 239px;
}

.botao-ir:hover {
    background-color: #F6AB00;
    color: white;
    box-shadow: #122B3F;
}

.botao-baixo01 {
    border: 1px solid #FF5100;
    border-radius: 100%;
    opacity: 0.307;
    width: 57px;
    height: 57px;
    position: relative;
}

.botao-baixo02 {
    width: 40.5px;
    height: 40.5px;
    opacity: 10 !important;
    background-color: #FF5100;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 8px;
    opacity: 0.307 !important;
}

.fa-arrow-down:before {
    content: "\f063";
    position: absolute;
    left: 21.5px;
    top: 20.5px;
    color: white;
}

.botao-baixo02:hover {
    background: #FF5100;
    color: white;
    opacity: 1 !important;
}

.sec1 {
    margin-top: 83px;
}

.sec3 {
    margin-top: 161px;
}

.sec4 {
    margin-top: 161px;
}

.sec5 {
    margin-top: 400px;
}

.sec6 {
    margin-top: 311px;
}

.secbaixo {
    margin-top: 181px;
    margin-bottom: 76px;
}

.logo {
    width: 113px;
    height: 40px;
}

.fonte-menuBaixo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.fonte-menu {
    margin-top: 30px;
    font-family: Montserrat-Regular;
}

.img-menuBaixo {
    margin-bottom: 16px;
}

.icon-cel {
    margin-top: 165px;
    position: absolute;
    right: 0;
}

.forma-email {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 27.5px;
    width: 102%;
    height: 55px;
    top: 145px;
    position: relative;
    border: none;
    padding-left: 25px;
    font-size: 16px;
    font-family: Montserrat-Regular;
}

.icone-connect {
    position: relative;
    top: 91px;
    left: 91px;
    width: 20.4px;
    height: 21px;
}

.botao-email {
    border-radius: 100%;
    width: 43px;
    height: 43px;
    position: absolute;
    background-color: #FFFFFF;
    top: 175px;
    color: #ff5100;
    left: 288px;
    font-weight: 20;
}

.botao-email:hover {
    background-color: #ff5100;
    color: #FFFFFF;
}

.frase2-footer {
    text-align: center;
}

@media (min-width: 768px) {
    .carteira-img {
        left: 44%;
    }
    .alem-de-todas-as-fac {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .retangulo-lar {
        height: 282px;
    }
    .teste-gratis {
        top: -2px;
        left: 86px;
    }
    .icone-connect {
        top: 3px;
        left: 299px;
    }
    .connect-escolas {
        top: 8px;
        left: 338px;
    }
    .forma-email {
        width: 72%;
        height: 55px;
        top: 30px;
        left: 64px;
    }
    .botao-email {
        top: 60px;
        left: 505px;
    }
    .line-5 {
        left: 44%;
    }
    .sec5 {
        margin-top: 208px;
    }
    .rectangle-fale {
        width: 42%;
    }
    .fonte-menuBaixo {
        margin-left: 40%;
        margin-right: 39%;
    }
}

@media (min-width: 992px) {
    .fundo-laranja-xl {
        background-image: url("../img/Aplicativo/bgdesktop.jpg");
        height: 536px;
        width: 98%;
        position: absolute;
        right: 0;
        z-index: -1;
        top: 0;
        text-align: center;
        border-bottom-left-radius: 80px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .fundo-laranja-xs {
        background: none;
    }
    .sec1 {
        margin-top: 589px;
    }
    .carteira-img {
        left: 0;
        margin-bottom: 10px;
    }
    .economize-com-nosso {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
    .alem-de-todas-as-fac {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 50px;
        text-align: left;
    }
    .completo-facil-sim {
        text-align: left;
        margin-top: 59px;
    }
    .o-aplicativo-tem-uma {
        text-align: left;
    }
    .forma-email {
        width: 53%;
        top: -92px;
    }
    .line-5 {
        left: 46%;
    }
    .faca-parte-da-nova-g {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
    .entre-em-contato-con {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
        width: 254px;
    }
    .rectangle-fale {
        width: 78%;
        margin-left: 0;
        margin-right: 0;
    }
    .retangulo-lar {
        height: 202px;
    }
    .teste-gratis {
        top: -119px;
    }
    .connect-escolas {
        top: -108px;
    }
    .icone-connect {
        top: -115px;
    }
    .botao-email {
        top: -62px;
    }
    .fonte-menuBaixo {
        margin-left: 0;
        margin-right: 0;
    }
    .fonte-menu {
        padding-right: 20px;
        margin-top: 0;
    }
    .corMenu {
        color: white !important;
    }
    .aplicativo {
        margin-top: 80px;
        margin-left: 10px;
    }
    .icon-cel {
        margin-top: 68px;
        position: absolute;
        left: 8px;
    }
    .titulo-laranja {
        text-align: left;
        margin-top: 10px;
    }
    .conteudo-laranja {
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
    .dash {
        position: absolute;
        left: 17px;
        margin-top: 79px;
    }
    .conheca-o-app-do-con {
        margin-left: 0;
        margin-right: 0;
    }
    .titulo-tabela {
        padding-top: 29px;
    }
    .cel-allimg {
        width: 86%;
        height: 364px;
    }
    .frase2-footer {
        text-align: right;
    }
    .img-menuBaixo {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        width: 113px;
        height: 40px;
    }
}

@media (min-width: 1200px) {
    .fundo-laranja-xl {
        width: 91%;
        height: 764px;
    }
    .fonte-menu {
        padding-right: 50px;
    }
    .sectop {
        margin-top: 156px;
    }
    .sec1 {
        margin-top: 832px;
    }
    .aplicativo {
        line-height: 16px;
        text-align: left;
        margin-top: 0;
    }
    .titulo-laranja {
        font-size: 44px;
        line-height: 53px;
        width: 577px;
        margin-top: 0;
    }
    .conteudo-laranja {
        font-size: 14px;
        line-height: 24px;
        width: 319px;
        margin-left: 0;
        margin-right: 0;
    }
    .titulo-tabela {
        font-size: 28px;
        line-height: 30px;
        text-align: left;
        padding-top: 125px;
    }
    .conteudo-tabela {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }
    .linha-vertical {
        height: 465px;
        margin-left: 78px;
        top: 217px;
    }
    .imagem-oval {
        position: absolute;
        top: 126px;
        left: 32px;
        width: 126px;
        height: 126px;
    }
    .o-connect-escolas {
        font-size: 48px;
        line-height: 58px;
        margin-left: 0;
        margin-right: 0;
    }
    .comunicacao-eficaz-e {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    .conheca-o-app-do-con {
        margin-left: 0;
        margin-right: 0;
    }
    .economize-com-nosso {
        font-size: 36px;
        line-height: 46px;
        width: 419px;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
    .alem-de-todas-as-fac {
        line-height: 24px;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
    }
    .carteira-img {
        position: relative;
        left: 0;
        margin-bottom: 10px;
        margin-top: 40px;
    }
    .sec3 {
        margin-top: 214px;
    }
    .completo-facil-sim {
        font-size: 48px;
        line-height: 58px;
        width: 370px;
        text-align: left;
        padding-top: 86px;
    }
    .o-aplicativo-tem-uma {
        line-height: 24px;
        text-align: left;
        margin-bottom: 0;
        width: 472px;
    }
    .retangulo-lar {
        height: 252px;
        width: 90%;
        z-index: -1;
        position: absolute;
        background-color: #FF5100;
        right: 0;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 32px;
        top: -301px;
    }
    .cel-image {
        width: 397px;
        height: 738px;
    }
    .teste-gratis {
        font-size: 28px;
        font-weight: 700;
        line-height: 34px;
        text-align: left;
        position: absolute;
        top: -167px;
        left: 26px;
    }
    .connect-escolas {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        text-align: left;
        position: absolute;
        top: -158px;
        left: 344px;
    }
    .sec4 {
        margin-top: 219px
    }
    .sec5 {
        margin-top: 160px;
    }
    .quem-confia-na-gente {
        line-height: 30px;
    }
    .faca-parte-da-nova-g {
        line-height: 43px;
        padding-top: 100px;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
    .entre-em-contato-con {
        line-height: 24px;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
    .rectangle-fale {
        width: 71%;
        margin-left: 0;
        margin-right: 0;
    }
    .botao-ir {
        left: 267px;
    }
    .sec6 {
        margin-top: 160px;
    }
    .icon-cel {
        position: relative;
        margin-top: 0;
        bottom: 12px;
        left: 0;
    }
    .secbaixo {
        margin-bottom: 40px;
    }
    .rectangle-email {
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 27.5px;
        width: 439px;
        height: 55px;
        left: 129px;
        top: 124px;
        position: absolute;
    }
    .textRec-mail {
        height: 19px;
        font-family: Montserrat-Regular;
        font-size: 16px;
        color: #ffffff;
        position: absolute;
        top: 18px;
        left: 22px;
    }
    .forma-email {
        background: rgba(255, 255, 255, 0.4);
        border-radius: 27.5px;
        width: 439px;
        height: 55px;
        top: -136px;
        position: relative;
        border: none;
        padding-left: 25px;
        font-size: 16px;
        font-family: Montserrat-Regular;
        left: 0;
    }
    .icone-connect {
        position: relative;
        top: -164px;
        left: 302px;
        width: 20.4px;
        height: 21px;
    }
    .botao-email {
        border-radius: 100%;
        width: 43px;
        height: 43px;
        position: absolute;
        background-color: #FFFFFF;
        top: -106px;
        color: #ff5100;
        left: 406px;
        font-weight: 20;
    }
    .botao-email:hover {
        background-color: #ff5100;
        color: #FFFFFF;
    }
    .cel-allimg {
        width: 100%;
        height: auto;
    }
}