/* Home */
.section_1_altura {
    height: 590px;
}
.img_section1 {
    background-image: url("../../img/site/banner/bg_section_1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.texto_section_1 {
    padding: 150px 0 0 25px;
}
.txt_section1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 69px;
    line-height: 81px;
    color: #ffffff;
}
.txt_section1_p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
}
.efeito__1 {
    margin: 0px;
    /* animation-name: efeito_1;
    animation-duration: 4s; */
}
.efeito__1_en {
    margin-left: -360px;
    /* animation-name: efeito_1;
    animation-duration: 4s; */
}

@keyframes efeito_1 {
    /* from {
        margin: 0 0 0 1000px;
    }
    to {
        margin: 0;
    } */
    /* Vai e volta um pouco */
    0% {
        margin-left: 1000px;
    }
    80% {
        margin-left: -20px;
    }
    100% {
        margin-left: 0px;
    }
}

.efeito_acento {
    position: absolute;
    margin: -147px 0 0 475px;
}
.retangulo_criativa {
    position: absolute;
    margin: -147px 0 0 325px;
}
.retangulo_criativa img {
    border-radius: 0.5rem;
}
.efeito_1 {
    position: absolute;
    margin: -147px 0 0 325px;
}
.negocio {
    position: absolute;
    margin: -160px 0 0 375px;
}
.efeito_2 {
    position: absolute;
    margin: -130px 0 0 580px;
}
.negocios {
    font-family: "Nanum Brush Script";
    font-style: normal;
    font-weight: 400;
    font-size: 81px;
    line-height: 92px;
    color: #000000;
    transform: rotate(-3.86deg);
}
.section_2_altura {
    height: 650px;
}
.img_section2 {
    background-image: url("../../img/site/banner/bg_section_2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.titulo_section2 {
    display: flex;
    justify-content: center;
}
.titulo_section2_delimitador {
    width: 800px;
    padding: 60px 0 50px 0;
}
.txt_section2_titulo {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 69px;
    line-height: 81px;
    text-align: center;
    color: #000000;
}
.txt_section2_subtitulo {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 46px;
    color: #000000;
}
.txt_section2_p {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.efeito_3 {
    position: absolute;
    margin: -240px 0 0 220px;
}
.efeito_4 {
    position: absolute;
    margin: -102px 0 0 862px;
}
.celular_seulogo img {
    margin: 0 0 0 -130px;
}
.celular_seu_logo {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: -120px 0 0 0;
}
.texto_section2 {
    width: 620px;
}
.veja_cases {
    width: 210px;
    height: 40px;
    background-color: #000000;
    border-radius: 1rem;
}
.section_cards_altura {
    /* height: 1000px; */
    height: 650px;
}
.cards {
    display: flex;
    justify-content: space-between;
}
.card_item {
    width: 327px;
}
.card_img_item {
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.titulo_card {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    color: #000000;
}
.paragrafo_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;
}
.mkt {
    padding: 150px 0;
}
.conecta {
    position: absolute;
    margin: -60px 0 0 360px;
}
.conecta img {
    position: absolute;
    margin: 0px 0 0 120px;
}
.conecta_en img {
    position: absolute;
    margin: 0px 0 0 140px;
}
.aqui_conecta {
    font-family: "Nanum Brush Script";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    color: #494949;
    transform: rotate(17.23deg);
}
.veja_cases_white {
    width: 210px;
    height: 40px;
    color: #000000;
    border-color: #000000;
    background-color: #fff;
    border-radius: 1rem;
}
.mkt_titulo {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 46px;
    color: #000000;
}
.mkt_paragrafo {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #494949;
}
.cases_sucesso {
    position: relative;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 69px;
    line-height: 81px;
    text-align: right;
    color: #000000;
    padding-bottom: 50px;
}
.efeito_retangulo_cases {
    position: absolute;
    margin: -9px 0 0 433px;
}
.efeito_retangulo_cases img {
    border-radius: 0.5rem;
}
.efeito_retangulo_cases_en {
    position: absolute;
    margin: 12px 0 0 650px;
}
.efeito_retangulo_cases_en img {
    border-radius: 0.5rem;
    width: 580px;
}
.efeito_retangulo_cases_pt {
    position: absolute;
    margin: -21px 0 0 260px;
}
.efeito_retangulo_cases_pt img {
    border-radius: 0.5rem;
    width: 980px;
}
.section_3_altura {
    height: 685px;
}
.img_section3 {
    background-image: url("../../img/site/banner/bg_section_3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.uoon_section {
    display: flex;
    padding: 100px 0;
}
.uoon_texto {
    width: 700px;
}
.uoon_titulo {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 69px;
    color: #ffffff;
    padding: 25px 0;
}
.uoon_paragrafo {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
}
.btn_verde {
    width: 210px;
    height: 40px;
    color: #000000;
    background-color: #9ada08;
    border-radius: 1rem;
}
.section_4_altura {
    height: 650px;
}
.img_section4 {
    background-image: url("../../img/site/banner/bg_section_4.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vn3_section {
    display: flex;
    padding: 75px 0;
}
.vn3_titulo {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 69px;
    color: #ffffff;
}
.vn3_paragrafo {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
}
.btn_portfolio_in_cases {
    position: absolute;
    left: 65vw;
    margin: -45px 0 0 0;
}
.veja_portfolio {
    padding: 12px 40px;
    color: #9ada08;
    background: #000000;
    border: 2px solid #9ada08;
    border-radius: 30px;
}
.desktop_off {
    display: none;
}
.mobile_off_home {
    display: none;
}
@media screen and (orientation: portrait), (max-width: 1214px) {
    .efeito_3,
    .efeito_4,
    .efeito_sobre,
    .efeito_sobre2 {
        display: none;
    }
}
@media screen and (orientation: portrait), (max-width: 1000px) {
    .desktop_off {
        display: block;
    }
    .btn_portfolio_in_cases {
        display: none;
    }
    .section_1_altura {
        height: 95vh;
    }
    .section_2_altura {
        height: auto;
    }
    .section_cards_altura {
        height: auto;
    }
    .section_3_altura {
        height: auto;
    }
    .section_4_altura {
        height: auto;
    }
    .cards {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .card_item {
        margin-top: 60px;
    }
    .mkt {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 45px;
    }
    .conecta {
        margin: -60px 0 0 -15px;
        right: 45px;
    }
    .uoon_texto {
        width: 90vw;
        text-align: center;
    }
    .uoon_section {
        padding-bottom: 0;
    }
    .uoon_img {
        text-align: center;
        padding-top: 75px;
    }
    .vn3_img {
        padding-top: 80px;
        text-align: center;
    }
    .vn3_img img {
        width: 80vw;
    }
    .vn3_texto {
        width: 90vw;
        text-align: center;
    }
    .vn3_section {
        flex-direction: column-reverse;
    }
}

@media screen and (orientation: portrait), (max-width: 680px) {
    .efeito__1 {
        margin: 0 0 0 -20px;
    }
    .efeito__1_en {
        margin: 0 0 0 -360px;
    }
}
@media screen and (orientation: portrait), (max-width: 655px) {
    .efeito__1 {
        margin: 0px 0 0 -325px;
    }
    .efeito__1_en {
        margin: 0 0 0 -360px;
    }
    .uoon_section {
        flex-direction: column;
    }
}
@media screen and (orientation: portrait), (max-width: 600px) {
    .texto_section_1 div {
        width: 250px;
    }
    .efeito__1 {
        padding: 0 0 0 230px;
        margin: -50px 0 0 -580px;
    }
    .efeito__1_en {
        margin: -130px 0 0 -580px;
    }
}
@media screen and (orientation: portrait), (max-width: 543px) {
    .texto_section_1 div {
        width: 330px;
    }
    .txt_section1 {
        font-size: 45px;
        line-height: 60px;
    }
    .txt_section2_titulo {
        font-size: 45px;
    }
    .cases_sucesso {
        font-size: 45px;
        text-align: center;
    }
    .efeito__1 {
        margin: -45px 0 0 -580px;
    }
    .celular_seulogo img {
        width: 80vw;
        margin: 80px 0 0 0;
    }
    .celular_seu_logo {
        flex-direction: column;
        align-items: center;
    }
    .texto_section2 {
        width: 80vw;
        text-align: center;
    }
}
@media screen and (orientation: portrait), (max-width: 423px) {
    .efeito__1_en {
        margin: -20px 0 0 -560px;
    }
}