html{
    scroll-behavior: smooth;
}

.order-last{
    order: 0 !important;
}

.row{
    margin-right: auto !important;
}
 
@font-face {
    font-family: principal;
    src: url(../site_novo/fonts/TTFirsNeue-Light.otf);
}

@font-face {
    font-family: titulo_lp;
    src: url(../site_novo/fonts/TTFirsNeue-Bold.otf);
}

@font-face {
    font-family: sub_titulo_lp;
    src: url(../site_novo/fonts/TTFirsNeue-Medium.otf);
}

@font-face {
    font-family: title;
    src: url(../site_novo/fonts/Hyperwave\ One.ttf);
}

/* ////////// SEÇÃO 1 */

.section_1_lp{
    color: white;
    /*width:auto;*/
    background-image: url(../site_novo/img/LP/Seção\ -\ 01\ -\ Background\ completo.png);
    background-size: cover;
    background-repeat: no-repeat;

}

.texto_pricipal{
    margin: auto !important;
}

.titulo_1{
    font-family: "titulo_lp" , sans-serif;
    text-transform: uppercase;
    line-height:1em;
    font-size: 6.5em;
}

.div_p_principal{
    margin: 1rem 8rem 1rem -7rem;
}

.sub_titilo{
    width: 80%;
    font-family: "sub_titulo_lp" , sans-serif;
}
.texto_paragrafo{
    width: 80%;
    font-family: "principal" , sans-serif;
}

.modelo_1_lp{
    width: 180% ;
    margin-left: -20em;
}

.estrelas{
    width: 8em !important;
    margin-bottom: 1em;
}

.section_1_lp p{
    font-size: 1.2em;
}

/* //////////  SEÇÃO 2 */

.section_2_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 02\ -\ Background.png);
    background-size: cover;
    background-repeat: no-repeat;

}

.div_titulo_2{
    margin: 10em 4em;
}

.titulo_2{
    color: #4f03c5 ;
    font-size: 8em;
    font-family: "title" , sans-serif;
}

.paragrafo_lista{
    font-size: 2.3em ;
    font-family: "sub_titulo_lp" , sans-serif;
    line-height: 1em;
}

.div_lista{
    background-image: url(../site_novo/img/LP/Mockup.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 750px;
    padding: 7em;
}

.lista_perguntas{
    list-style:decimal-leading-zero;
    font-family: "title" , sans-serif;
    color: #e00f53;
    font-size: 3rem;
    line-height: .5em;
}

.lista_perguntas li{
    margin-bottom: 20px;
}

.li_spam{
    font-family: "principal" , sans-serif;
    color: black;
    font-size: 19px;
    line-height: .1em;
}

.btn_lista{
    width: 35% !important;
    margin: -5em auto 5em !important;
    background: #e00f53 !important;
    text-transform: uppercase;
    border-radius: 25px !important;
    font-family: "principal" , sans-serif;
}

/* ////////// SEÇÃO 3 */

.section_3_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 03\ -\ Grafismos.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.img_bullets{
    width: 64%;
    margin: 8em;
}

.titulo_bullets{
    font-family: "titulo_lp" , sans-serif;
    font-size: 2.8em;
    line-height:1em;
    color: #e00f53;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 3.2em;
}

.paragrafo_bullets{
    font-family: "sub_titulo_lp" , sans-serif;
    font-size: 1.3em;
    padding: 1em 13em 0 0;
}

/* ////////// SEÇÃO 4 */

.section_4_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 04\ -\ Background\ +\ grafismo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.div_text_sessao_4{
    margin-top: 6em;
    margin-left: 4em;
}

.img_sessao_4{
    width: 115%;
    margin-left: -5.4em;
    margin-top: 3em;
}

.titulo_sessao_4{
    font-family: "titulo_lp" , sans-serif;
    font-size: 2.8em;
    line-height:1em;
    color: white;
    text-transform: uppercase;
    margin-bottom: 15px;
   
}

.paragrafo_sessao_4{
    font-family: "sub_titulo_lp" , sans-serif;
    font-size: 1.5em;
    margin-top: 2em;
    color: white;
}

.div_text_inferior_sessao_4{
    margin-top: 3em !important;
}

.grafismo_inferior_sessao_4{
    background-color: #e00f53;
    margin-left: 5em;
    padding: 0 !important;
    width: 5px !important;
}

.paragrafo_inferior_sessao_4{
    font-family: "principal" , sans-serif;
    font-size: 1.2em;
    color: white;
    
}

.paragrafo_inferior_sessao_4 p{
    margin-top: 1em !important;
}

.btn_sessao_4{
    width: 25% !important;
    margin: -7.3em auto 5em !important;
    background: #e00f53 !important;
    text-transform: uppercase;
    border-radius: 25px !important;
    font-family: "principal" , sans-serif;
}

/* ////////// SEÇÃO 5 */

.section_5_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 05\ -\ Background\ +\ grafismo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.div_icone_principal{
    margin: auto !important; 
    text-align: center ;
    padding-top: 3em;
}

.div_icone{
    padding: 25px;
}

.img_icone{
    width: 80px ; 
}

.titulo_icone{
    font-family: "sub_titulo_lp" , sans-serif;
    color: #e00f53;
    margin-top: 1.3em;
}

.div_icone p{
    font-family: "principal" , sans-serif;
}

.planos_sessao_5{
    font-family: "principal" , sans-serif;
    font-size: 1.5em;
    color: #4200ac;
}

.paragrafo_preco{
    font-family: "sub_titulo_lp" , sans-serif;
    font-size: 3em;
    color: #4200ac;
}

.preco_valor{
    font-family: "titulo_lp" , sans-serif;
    font-size: 3.2em;
}

.condicao_especial{
    font-family: "sub_titulo_lp" , sans-serif;
    font-size: 1em;
    color: #4200ac;
}

.btn_sessao_5{
    width: 25% !important;
    margin: 2em auto 5em !important;
    background: #e00f53 !important;
    text-transform: uppercase;
    border-radius: 25px !important;
    font-family: "principal" , sans-serif;
}

/* ////////// SEÇÃO 6 */

.section_6_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 06\ -\ Background\ +\ grafismo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.div_text_sessao_6{
    margin-top: 10em;
}

.titulo_sessao_6{
    font-family: "titulo_lp" , sans-serif;
    font-size: 2.5em;
    color: white;
    text-transform: uppercase;
    width: max-content !important;
   
}

.paragrafo_sessao_6{
    font-family: "principal" , sans-serif;
    font-size: 1em;
    margin-top: 2em;
    color: white;
}

.paragrafo_ceo{
    margin-bottom: 10em;
}

.img_depoimento{
    text-align: center;
    margin-top: 11em;
    margin-left: 10em;
}

.img_sessao_6{
    border-radius: 30%;
    width: 450px;  
}

/* ////////// SEÇÃO 7 */

.section_7_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 07\ -\ Background\ +\ grafismo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.div_parceiros_lp{
    text-align: center;
    margin-top: 9em !important;
}

.div_parceiros_lp h3{
    font-family: "sub_titulo_lp" , sans-serif;
    text-transform: uppercase;
    font-size: 3em;
}

.spam_7etti_lp{
    font-family: "titulo_lp" , sans-serif;
    color: #4200ac ;
}

.img_sessao_7{
    padding: 6em !important;
}

/* ////////// SEÇÃO 8 */

.section_8_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 08\ -\ Background.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.wpcf7{
    padding: 20px;
}

.section_8_lp label{
    color: white;
}

.section_8_lp ::placeholder{
    color: white;
    background-color: transparent;
    border: none;
}

.input_lp{
    background-color: transparent !important;
    padding: 15px;
    width: auto;
    border: none;
    border-bottom: 1px solid white;
    color: white;
}

/*input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent!important;
    color: white !important;
}*/

.input_lp_website, .input_lp_nome, .input_lp_email{
    width: 1080px;
}

.input_lp_colaboradores, .select_lp{
    border: none;
}

.label_contato_lp{
    margin-left: 3em;
}

.select_lp option{
   color: white;
}

.wpcf7-form-control-wrap ::-ms-value{
    color: white;
}

.btn_sessao_8{
    width: 25% !important;
    margin: 2em auto !important;
    background: #e00f53 !important;
    text-transform: uppercase;
    border-radius: 25px !important;
    font-family: "principal" , sans-serif;
    border: none !important;
    color: white;
    padding: 1em;
}


/* ////////// SEÇÃO FOOTER */

.section_footer_lp{
    background-image: url(../site_novo/img/LP/Seção\ -\ 09\ -\ Background.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.footer_lp{
    margin: auto;
    padding: 4em;
}

.div_social_lp{
    margin: auto !important;
    text-align: center;
}

.div_logo_lp{
    margin: auto !important;
    text-align: end;
}

.img_sessao_8{
    width: 60%;
}

.fab_lp{
    font-size: 3em;
    margin-right: 2rem;
}

/* ///////// MOBILE //////////*/

@media screen and (max-width: 800px){
    
     .row {
        --bs-gutter-x: 0 !important;
    }
    
    .order-last{
    order: 6 !important;
}

    .titulo_1 {
        margin: 0.3em;
    }
    
     .modelo_1_lp{
        width: 170% ;
    }

    .div_p_principal {
        margin: auto 2em;
    }

    .div_titulo_2 {
        margin: 1.2em 2em;
    }

    .titulo_2{
        font-size: 5em;
    }

    .div_lista {
        padding: 3em;
        background-position-x: center;
        height: auto;
    }
    
    .paragrafo_lista{
        line-heigth: 1em !important;
    }

    .lista_perguntas {
        font-size: 2rem;
    }

    .btn_lista, .btn_sessao_5, .btn_sessao_4 {
        width: auto !important;
        margin: 2.1em auto !important;
    }    
    
    .btn_sessao_8{
        width: 100% !important;
    }
    
    .img_bullets {
        width: 100%;
        margin: 1.5em auto;
    }

    .titulo_bullets {
        font-size: 1.5em;
        margin: 1.5em 2em;
    }

    .paragrafo_bullets {
        font-size: 1.3em;
        padding: 0;
        margin: 1em 2em;
    }

    .div_text_sessao_4 {
        margin: 1em;
    }

    .titulo_sessao_4 {
        font-size: 2em;
        margin: 1.5em .5em;
    }

    .paragrafo_sessao_4 {
        font-size: 1.2em;
        margin: 1em;
    }

    .paragrafo_inferior_sessao_4 p {
        margin: auto 1.5em !important;
    }

    .img_sessao_4 {
        width: inherit;
        margin: auto;
    }
    
    .div_icone {
       padding: 0px 25px;
    }
    
    .titulo_icone {
        margin-top: auto;
    }

    .preco_valor {
        font-size: 1em;
    }
    
     .div_text_sessao_6{
        margin: 5em 2em;
    }

    .titulo_sessao_6 {
        font-size: 1.3em;
    }

    .img_depoimento {
        margin: 2em;
    }

    .img_sessao_6 {
        width: 100%;
    }
    
    .paragrafo_ceo{
        margin-bottom: 2em;
    }
    
     .div_parceiros_lp {
        margin-top: 2em !important;
    }

    .div_parceiros_lp h3 {
        font-size: 1.5em;
        margin: 1em;
    }

    .img_sessao_7 {
        padding: 2em !important;
    }
  
    .img_sessao_8 {
        width: 100%;
    }
    
    .input_lp_website, .input_lp_nome, .input_lp_email{
        width: auto;
    }
    
     .input_lp {
        padding: 0px;
    }
    
    .section_footer_lp{
        background-image: url(../site_novo/img/LP/7ETTI_Landing_Page_Selecao_7etti_FOOTER_MOBILE.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
    }

    .social_media {
        /* padding-left: 1rem !important;
         display: block;*/
     }
     
     .div_logo_lp {
        margin: 5em 0 auto !important;
        /* text-align: end; */
    }
     
     .fab_lp {
          margin-top: .5em;
          margin-right: -1rem;
         font-size: 2em;
     }
}