*{
    margin: 0px;
    padding: 0px;
}
html, body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    background-color: #002d75;
}


/* PARTE DA IMAGEM E DO BOTAO VOLTAR */
.nav-geral{
    display: flex;
    background-color: rgba(255, 255, 255, 0.966);
    height: 85px;
    position: fixed;
    width: 100vw;
    z-index: 1;
}
.nav-logo img{
    width: 220px;
    margin-left: 100px;
    margin-top: 5px;
}
.nav-ul{
    margin-left: 40px;
    margin-right: 200px;
    margin-top: 17px;
    display: flex;
}
.nav-ul a{
    text-decoration: none;
    margin-right: 30px;
}
.nav-ul a:hover{
    border-top: 2px solid black;
}
.nav-ul li{
    font-size: 23px;
    margin: 15px;
    color: black;
    font-weight: bold;
    list-style-type: none;
    font-family: 'Courier New', Courier, monospace;


}
.nav-voltar{
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    margin-left: 110px;
    font-size: 23px;
    margin-top: 25px;
    margin-bottom: 17px;
    padding: 8px;
    border-radius: 8px;
    background-color: #0a1033;

}
.nav-voltar a{
    text-decoration: none;
        color: white;
}
.nav-voltar:hover{
    background-color: rgba(173, 6, 6, 0.795);
    transition: 0.2s;
}

/* PARET DA COPY E DA IMAGEM DA MULHER */
.copy{
    display: flex;
}
.texto-copy{
margin-left: 100px;
margin-top: 180px;
margin-right: -200px;
}
.texto-copy h1{
    font-size: 38px;
    color: white;
    font-family: 'Roboto', sans-serif;

}
.texto-copy p{
    margin-top: 20px;
    font-size: 20px;
    color: rgb(211, 204, 204);
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}
.span{
    color: rgb(255, 123, 0);
    font-style: italic;
}
.imagem-mulher img{
    width: 700px;
    margin-top: 100px;

}

/* PARETE DOS CARDS DE PREÇOS - PLANO PLAY */
.card-plano-play{
    width: 330px;
    height: 600px;
    border-radius: 40px;
    padding: 30px;
    background-color: white;
    border: 2px solid rgb(197, 8, 8);
    margin-top: -45px;
    margin-left: 95px;
}
.card-plano-play h3{
    text-align: center;
    margin-bottom: 25px;
    font-size: 22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.card-plano-play p {
    margin-top: -23px;
    text-align: center;
    font-size:15px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-bottom: 20px;
}
.card-ul{
    text-align: left;
    margin-top: 50px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: italic;
}
.card-ul li{
    list-style-type: none;
    margin-top: 10px;
}
.card-ul li::before{
    content: "\2713"; 
    color: green; 
    font-size: 1.2em; 
    margin-right: 10px;
}
.div-p p {
    margin-top: 40px;
    background-color: #0a1033; 
    color: white;
    padding: 10px;
    border-radius: 11px;
    margin-left: 15px;
    margin-right: 20px;
    text-align: center;
    font-size: 22px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.card-plano-play h4{
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin-top: -10px;
}
.valor{
    display: block;
    font-size: 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}
.contratar{
    background-color: green;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    color: white;
    border-radius: 40px;
    margin-left: 17px;
    padding-left: 65px;
    padding-right: 65px;
}
.contratar:hover{
    background-color: #0a1033;
    transition: .6s;
}
#nao-aparecer{
    display: none;
}

/* PARETE DOS CARDS DE PREÇOS - PLANO GOLD */
.card-plano-gold{
    width: 330px;
    height: 600px;
    border-radius: 40px;
    padding: 25px;
    background-color: white;
    border: 2px solid rgb(197, 8, 8);
    margin-top: -604px;
    margin-left: 480px;
}
.card-plano-gold h3{
    text-align: center;
    margin-bottom: 25px;
    font-size: 22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.card-plano-gold p {
    margin-top: -23px;
    text-align: center;
    font-size:15px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-bottom: 20px;
}
.card-ul-g{
    text-align: left;
    margin-top: 40px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: italic;
}
.card-ul-g li{
    list-style-type: none;
    margin-top: 8px;
}
.card-ul-g li::before{
    content: "\2713"; 
    color: green; 
    font-size: 1.2em; 
    margin-right: 10px;
}
.div-p p {
    margin-top: 40px;
    background-color: #0a1033; 
    color: white;
    padding: 10px;
    border-radius: 11px;
    margin-left: 15px;
    margin-right: 20px;
    text-align: center;
    font-size: 22px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.card-plano-gold h4{
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin-top: -10px;
}
.valor-g{
    display: block;
    font-size: 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 60px;
}
.contratar{
    background-color: green;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    color: white;
    border-radius: 40px;
    margin-left: 17px;
    padding-left: 65px;
    padding-right: 65px;
}

/* PARETE DOS CARDS DE PREÇOS - PLANO PRO */
.card-plano-pro{
    position: absolute;
    width: 330px;
    height: 600px;
    border-radius: 40px;
    padding: 30px;
    background-color: white;
    border: 2px solid rgb(197, 8, 8);
    margin-top: -605px;
    margin-left: 870px;

}
.card-plano-pro h3{
    text-align: center;
    margin-bottom: 25px;
    font-size: 22px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.card-plano-pro p {
    margin-top: -23px;
    text-align: center;
    font-size:15px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin-bottom: 20px;
}
.card-ul-p{
    text-align: left;
    margin-top: 30px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-style: italic;
}
.card-ul-p li{
    list-style-type: none;
    margin-top: 4px;
}
.card-ul-p li::before{
    content: "\2713"; 
    color: green; 
    font-size: 1.2em; 
    margin-right: 10px;
}
.div-p p {
    margin-top: 40px;
    background-color: #0a1033; 
    color: white;
    padding: 10px;
    border-radius: 11px;
    margin-left: 15px;
    margin-right: 20px;
    text-align: center;
    font-size: 22px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.card-plano-pro h4{
    font-size: 16px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center;
    margin-top: -10px;
}
.valor-p{
    display: block;
    font-size: 30px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 55px;
}
.contratar{
    background-color: green;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    color: white;
    border-radius: 40px;
    margin-left: 17px;
    padding-left: 65px;
    padding-right: 65px;
}

/* PARTE DA MULHER APONTANDOO CELULAR COM A IMAGEM DO APP NA TELA*/
.redes{
    margin-top: 70px;
    border-radius: 30px;
    margin-left:50px;
    margin-right: 70px;
    background-color: rgba(255, 255, 255, 0.945);
    display: flex;
}
.redes-mulher img{
    width: 780px;
    margin-left: -80px;
    margin-top: 25px;
}
.redes-copy{
    padding: 10px;
    margin-top: 50px;
    font-family: 'Roboto', sans-serif;
}
.redes-copy h2{
    font-size: 36px;
    margin-bottom: 50px;
}
.redes-copy h3{
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.redes-copy img{
    margin-top: 25px;
    width: 200px;
    margin-left: 190px;
    margin-bottom: 30px;
}
.redes-comprar{
    position: absolute;
    margin-right: 40px;
    margin-top: 24px;
    text-decoration: none;
    background-color: green;
    padding: 10px;
    border-radius: 13px;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: white;
}
.redes-comprar:hover{
    background-color: #0a1033;
    transition: 0.6s;
}

/*ULTIMO CARD ANTES DO FOOTER*/
.card-fim{
    color: white;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    margin: 100px;
    margin-top: 70px;
}
.card-fim p{
    font-size: 40px;
    text-align: center;
    margin-top: 16px;
}
.quebrar{
    display: flex;
}
.card-fim-1{
    margin-top: 100px;
    border: 2px solid rgb(255, 0, 0);
    padding: 10px;
    width: 250px;
    height:230px;
    text-align: center;
    font-size: 20px;
    padding-top: 130px;
    background-color: white;
    color: black;
    font-weight: bold;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-left:25px;
    
    
}
#tamanho1{
    font-size: 18px;
}
.botao-final{
    position: absolute;
    background-color: green;
    padding: 10px;
    border-radius: 10px;
    color: white;
    text-decoration: none;
    margin-top: 60px;
    margin-left: 480px;
    font-weight: bold;
}
.botao-final:hover{

    background-color: #ffffff;
    color: black;
    transition: 0.6s;
}
.img-fim{
    position: absolute;
    margin-left: 100px;
    margin-top: -420px; 
    
}

.img-fim img{
    width: 180px;
    margin-left: 75px;
}


/*PARTE DO FOOTER, RODA PE DO SITE*/
footer{
    margin-top: 180px;
    padding: 100px;
    background-color:#3538A1;
    border-top:5px solid #df0b0bcc;
    text-align: center;
    padding: 0%; 
}
footer img{
    width: 200px;
    padding: 0%;
    margin-top: 10px;
}
.footer1{
font-family: 'Courier New', Courier, monospace;
font-size: 15px;
margin-left: 25px;
padding-bottom: 10px;
color: white;
}
::-webkit-scrollbar{
   width: 6px;

}
::-webkit-scrollbar-track{
background-color: #3538A1;
}
::-webkit-scrollbar-thumb{
    background-color: #df0b0bcc;

}