@charset "utf-8";


#wrapper {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
/* do site original    width: 800px;*/
    /*border: 1px solid red;*/
    width: 100%;
    /*    max-width: 1280px; */
}

#header {
    border-style: none;
/* do site original    width: 800px;*/
    width: auto;
    height: auto;
/*    min-height: 5em;
    max-height: 10em;*/
}

#logo {
    width: 123px;
    height: 80px;
    padding: 5px;
    float: left;
}


body {
    background-color: #E0E0E0;
    font-family: "Poppins";
    font-size: 0.9em;
    text-align: justify;
    color: #474747;
}

h1 {
    font-family: "Poppins";
    font-size: 2em;
    text-align: left;
    color: #FF0000;
    font-weight: bold;
}

h2 {
    font-family: "Poppins";
    font-size: 2em;
    text-align: left;
    color: #009900;
    font-weight: bold;
}

.alerta1 {
    font-family: "Poppins";
    font-size: 1.25em;
    text-align: left;
    color: #FF0000;
    background-color: #F2F2F2;
}

.alerta2 {
    font-family: "Poppins";
    font-size: 1.25em;
    text-align: left;
    color: #009900;
    background-color: #F2F2F2;
}


.seloanbima {
    font-family: "Poppins";
    font-size: 0.75em;
    text-align: center;
    color: #4F4D4F;
    background-color: white !important;
    width: 20%;
    float: left;
    border: 1px #4F4D4F;
    border-style: dashed;
    padding: 10px;
}


.disclaimer {
    font-family: "Poppins";
    font-size: 0.9em;
    text-align: left;
    color: #4F4D4F;
    background-color: white !important;
    width: 80%;
    float: right;
    border: 1px #4F4D4F;
    border-style:dashed;
    padding: 10px;
}

ul.disclaimer {
    color: #4F4D4F !important;
}

li.disclaimer {
    color: #4F4D4F !important;
}



.disclaimer_fundos {
    font-family: "Poppins";
    font-size: 0.9em;
    text-align: left;
    color: #4F4D4F;
    background-color: white !important;
    width: 80%;
    float: right;
    border: 1px #4F4D4F;
    border-style: none;
    padding: 10px;
}

ul.disclaimer_fundos {
    color: #4F4D4F !important;
}

li.disclaimer_fundos {
    color: #4F4D4F !important;
}


.privacidade {
    font-family: "Poppins";
    font-size: 0.75em;
    text-align: left;
    color: #4F4D4F;
    background-color: #8AB833;
    width: 100vw;
    float: left;
    padding: 10px;
}

.privacidade a {
    text-align: left;
    color: #FFFFFF;
} 


.titulopolitica {
    font-family: "Poppins";
    font-size: 2.0em;
    text-align: center;
    color: black;
    background-color: white;
    width: 100%;
    float: left;
    padding: 1.0em;
}


.subtitulopolitica {
    font-family: "Poppins";
    font-size: 1.7em;
    text-align: left;
    color: black;
    background-color: white;
    width: 100%;
    float: left;
    padding-top: 1.0em;
    padding-left: 1.0em;
    padding-right: 1.0em;
    padding-bottom: 0.5em;
}


.textopolitica {
    font-family: "Poppins";
    font-size: 1.25em;
    text-align: left;
    color: black;
    background-color: white;
    width: 100%;
    float: left;
    padding-top: 0;
    padding-left: 2.0em;
    padding-right: 2.0em;
    padding-bottom: 1.0em;
}


.governanca_documentos {
    font-family: "Poppins";
    font-size: 1.25em;
    text-align: left;
    color: #4F4D4F;
    background-color: white;
    font-weight: normal;


    float: left;

    /*width: fit-content;
    border: 1px #4F4D4F;
    border-style: solid;
    border-radius: 8px;*/

    margin-left: 1em;
    margin-bottom: 1em;
    
    padding: 10px;
}

.quem_somos_titulo {
    font-family: "Poppins";
    font-size: 2em;
    text-align: center;
    color: #8ab833;
    background-color: white;
    font-weight: bold;
}

.quem_somos_texto {
    font-family: "Poppins";
    font-size: 1.25em;
    text-align: left;
    color: black;
    background-color: white;
    font-weight: normal;
}

#quem_somos_figura1 {
    width:30%;
    /*border: 1px solid black;*/
}

#quem_somos_figura2 {
    width:30%;
    /*border: 1px solid red;*/
}

#quem_somos_figura3 {
    width:55%;
    /*border: 1px solid red;*/
}

#quem_somos_figura4 {
    width:44%;
    /*border: 1px solid red;*/
}


#quem_somos_texto1 {
    width:70%;
    /*border: 1px solid green;*/
}


#quem_somos_texto2 {
    width:70%;
    /*border: 1px solid green;*/
}


#footer {
    text-align: center;
    font-size: 0.8em;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border-top: thin solid #BBBBBB;
    clear: both;
    color: #969696;
}


#footer-new {
    text-align: center;
    font-size: 1.2em;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: black;
/*    border-top: thin solid #BBBBBB;*/
    clear: both;
    color: white;
}


#footer-new-login {
    text-align: center;
    font-size: 1.2em;
    padding-top: 40px;
    padding-bottom: 10px;
    background-color: #80E607;
    clear: both;
    color: #222222;
}


#footer-new-contato {
    text-align: center;
    font-size: 1.2em;
    padding-top: 40px;
    padding-bottom: 10px;
    background-color: #222222;
    clear: both;
    color: #FEFEFE;
}


#nav li {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    font-size: 1em;
    list-style-type: none;
/*    border-bottom: thin solid #e0e0e0; */
    color: #1e9d36;
    left: 0px;
    list-style-position: inside;
    text-align: left;
}

#nav li a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1em;
    list-style-type: none;
    border-bottom: thin solid #e0e0e0;
    color: #1e9d36;
    left: 0px;
    list-style-position: inside;
    text-align: left;
}
#main {
/* do site original    width: 560px;*/
    width: 100%;
/*     float: left; */
/*    float: inline-start; */
    float: center;
/*    margin-right: 20%   */
/*         margin: 0 10px 50px 20px;    */
/*             padding-right: 10px;    */
}

#topbanner{
    min-width: 100%;
    height: 70vh;
    /*max-width: 100vw;*/
    /*height: auto;*/
    /*object-fit: cover;
    background-size: cover;
    border: 1px solid red;*/
}

.imgcontainer {
    position: relative;
    min-width: 100%;
    height: 70vh;
}
    
.titulo{
    font-family: "Poppins";
    font-weight: bold;
    font-size: 4em;
    text-align: center;
    color: #009900;
    position: absolute;
    top: 58%;
    bottom: 42%;
    left: 0%;
    width: 100%;
}


.subtitulo{
    font-family: "Poppins";
    font-weight: bold;
    font-style: italic;
    font-size: 2em;
    text-align: left;
    color: #6C6C6C;
    position: absolute;
    top: 70%;
    bottom: 30%;
    left: 49.5%;
}


/* Add a black background color to the top navigation */
/* codigo preto = 333, mas deixei em branco  */
.topnav {
    /*min-height: 10em;*/
    background-color: #FFFFFF;
    overflow: hidden;
} 
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #1e9d36;
    text-align: center;
/*    padding-top: 30px;
    padding-bottom: 10px;*/
    padding: 30px 15px;
    text-decoration: none;
    font-size: 25px;
} 
/* Change the color of links on hover */
.topnav a:hover {
    background-color: #1e9d36;
    color: white;
} 
/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: #32CD32;
    color: white;
}
.topnav a.current {
    background-color: #04AA6D;
    color: white;
}
.topnav a:current {
    background-color: #04AA6D;
    color: white;
}




/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

table.month td {
    border: 1px solid rgb(221, 221, 221);
    padding: 20px;
    text-align: center;
}
table.month th {
    padding: 2px 0px;
    text-align: center;
}
th.month {
    display: none;
}

ul li {
    list-style-type: square;
    color: black;
}



@media (max-width: 767px) {
    #topbanner{
        min-width: 100%;
        height: 50vh !important;
    }

    .topnav a {
            float: left;
            display: block;
            color: #1e9d36;
            text-align: center;
        /*    padding-top: 30px;
            padding-bottom: 10px;*/
            padding: 10px 5px;
            text-decoration: none;
            font-size: 14px;
    } 

    #logo {
        width: 62px;
        height: 40px;
        padding: 3px;
        float: left;
    }
        
    .alerta1 {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: left;
        color: #FF0000;
        background-color: #F2F2F2;
    }
    
    .alerta2 {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: left;
        color: #009900;
        background-color: #F2F2F2;
    }
    
    .seloanbima {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: center;
        color: #4F4D4F;
        background-color: white !important;
        width: 100%;
        float: center;
        border: 1px #4F4D4F;
        border-style: dashed;
        padding: 10px;
    }
    
    .disclaimer {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: left;
        color: #4F4D4F;
        background-color: white !important;
        width: 100%;
        float: center;
        border: 1px #4F4D4F;
        border-style:dashed;
        padding: 10px;
    }


    .disclaimer_fundos {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: left;
        color: #4F4D4F;
        background-color: white !important;
        width: 100%;
        float: center;
        border: 1px #4F4D4F;
        border-style:none;
        padding: 10px;
    }


    .privacidade {
        font-family: "Poppins";
        font-size: 0.9em;
        text-align: left;
        color: #4F4D4F;
        background-color: #8AB833;
        width: 100%;
        float: left;
        padding: 10px;
    }
    
    .privacidade a {
        text-align: left;
        color: #FFFFFF;
    } 
    

    .imgcontainer {
        position: relative;
        min-width: 100%;
        height: 50vh;
    }
    
    .titulo{
        font-family: "Poppins";
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
        color: #009900;
        position: absolute;
        top: 58%;
        bottom: 42%;
        left: 0%;
        width: 100%;
    }
    
    
    .subtitulo{
        font-family: "Poppins";
        font-weight: bold;
        font-style: italic;
        font-size: 0.75em;
        text-align: left;
        color: #6C6C6C;
        position: absolute;
        top: 70%;
        bottom: 30%;
        left: 49.5%;
    }
    


    .governanca_documentos {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: left;
        color: #4F4D4F;
        background-color: white;
        font-weight: normal;
    
    
        float: left;
    
        /*width: fit-content;
        border: 1px #4F4D4F;
        border-style: solid;
        border-radius: 4px;*/
    
        margin-left: 0.5em;
        margin-bottom: 0.5em;
        
        padding: 5px;
    }
    
    .quem_somos_titulo {
        font-family: "Poppins";
        font-size: 1em;
        text-align: center;
        color: #8ab833;
        background-color: white;
        font-weight: bold;
    }
    
    .quem_somos_texto {
        font-family: "Poppins";
        font-size: 0.75em;
        text-align: left;
        color: black;
        background-color: white;
        font-weight: normal;
    }
    
    #quem_somos_figura1 {
        width:100%;
        /*height: 30%;
        border: 1px solid black;*/
    }

    #quem_somos_figura2 {
        width:100%;
        /*height: 30%;
        border: 1px solid red;*/
    }

    #quem_somos_figura3 {
        width:100%;
        /*height: 30%;
        border: 1px solid red;*/
    }
    
    #quem_somos_figura4 {
        display: none !important;
        /*
        width:100%;
        height: 30%;
        border: 1px solid red;*/
    }
    
    #quem_somos_texto1 {
        width:100%;
        /*border: 1px solid green;*/
    }

    #quem_somos_texto2 {
        width:100%;
        /*border: 1px solid green;*/
    }


}










.hero-wrapper {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}


.hero-wrapper-2 {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 50vh;
    background-color: white;
}
    
.hero-wrapper-3 {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    background-color: black;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;

}


.hero-wrapper-4 {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 100vh;
    background-color: white;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}


.hero-wrapper-5 {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 10vh;
    background-color: black;
}


.hero-wrapper-login {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
    


.hero-wrapper-login-2 {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 50vh;
    background-color: transparent;
}


.hero-wrapper-contato {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.hero-wrapper-contato-2{
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 50vh;
    background-color: transparent;
}
            


.hero-image {
    width: 100%;
    height: auto;
    display: block;
}

.hero-image-7 {
    position: relative;
    width: 55%;
    height: auto;
    /*display: block;*/
    right: 20%;
    offset-position: 25% 75%;
}

.hero-image-governanca {
    /*position: relative;
    width: 55%;
    height: auto;
    right: 20%;
    offset-position: 25% 75%; */

    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 93%;
    max-width: 93%;
    min-height: 100%;
    max-height: 100%;
    text-align: left;

    font-weight: 400; /* normal */

}


.hero-image-governanca-pill {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.overlay-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}


.overlay-layer-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}




.glass-box {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(42px);
    -webkit-backdrop-filter: blur(42px);
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    padding: 0px 4%;
    pointer-events: auto;
    /*    margin: 0 45px; */
    margin: 0 5%;
}


.navbar-wrapper {
    position: absolute;
    /*top: 45px;*/
    top: 5%;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 10;
    pointer-events: none;

    /* max-height: 40px; /* or even less */
}



.navbar-wrapper *,
.navbar-wrapper *:before,
.navbar-wrapper *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}



.navbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 1.6rem !important;
    color: #ffffff !important;
    font-weight: bold !important;
}


.nav-link {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 1.6rem !important;
    font-weight: bold !important;
}


.navbar-brand {
    color: #ffffff !important;
    font-family: 'Nunito' !important;
    font-size: 2.2rem !important;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
    font-weight: bold !important;
}

.navbar-brand a {
    color: #ffffff !important;
    font-family: 'Nunito' !important;
    font-size: 2.2rem !important;
    font-weight: bold !important;
}

.navbar-nav {
    color: #ffffff;
    font-family: 'Nunito' !important;
    text-decoration:underline;
}

.navbar-nav ul {
    color: #ffffff;
    font-family: 'Nunito' !important;
    text-decoration:underline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.navbar-nav li {
    color: #ffffff;
    font-family: 'Nunito' !important;
    text-decoration:underline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 2rem;
    text-align: center;
    white-space: nowrap;
    max-width: 90%;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}


.center-rectangle {
    position: absolute;
    top: 18%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    border: 0.5px solid white;
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 82%;
    max-width: 82%;
    min-height: 73%;
    max-height: 73%;
    text-align: center;
}


.rectangle-2 {
    position: absolute;
    top: 1%; /* ajuste de onde comeca */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 93%;
    max-width: 93%;
    min-height: 95%;
    max-height: 95%;
    text-align: left;
}

.rectangle-3 {
    position: absolute;
    top: 17%; /* ajuste de onde comeca */
    left: 33%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 60%;
    max-width: 60%;
    min-height: 82%;
    max-height: 82%;
    text-align: left;

    font-weight: 600; /* semi bold */
}

.rectangle-4 {
    position: absolute;
    top: 18%; /* adjust to sit below the navbar */
    left: 83.5%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    border-top: 2px solid black;
    /*  border-bottom: 0.5px solid black; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 33%;
    max-width: 33%;
    min-height: 40%;
    max-height: 40%;
    text-align: left;

    font-weight: 400; /* normal */
}


.rectangle-5 {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0;
    position: relative;
    min-height: 10vh;
    background-color: white;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    border-bottom: 0.5px solid black;
}
    


.rectangle-6 {
    position: absolute;
    top: 20%; /* ajuste de onde comeca */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 93%;
    max-width: 93%;
    min-height: 30%;
    max-height: 30%;
    text-align: left;
}


.rectangle-7 {
    position: absolute;
    top: 0%; /* ajuste de onde comeca */
    left: 14.5%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 29%;
    max-width: 29%;
    min-height: 72%;
    max-height: 72%;
    text-align: left;

    font-weight: 400; /* normal */
}


.rectangle-7-cima {
    position: absolute;
    top: 0%; /* ajuste de onde comeca */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid grey; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 33%;
    max-height: 33%;
    text-align: left;
    font-size: 1.40em;

    font-weight: 400; /* normal */
}

.rectangle-7-baixo {
    position: absolute;
    top: 33%; /* ajuste de onde comeca */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid grey; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 67%;
    max-height: 67%;
    text-align: left;

    font-weight: 400; /* normal */
}


.rectangle-8 {
    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 29%;
    max-width: 29%;
    min-height: 72%;
    max-height: 72%;
    text-align: left;

    font-weight: 400; /* normal */
}


.rectangle-8-cima {
    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid grey; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 67%;
    max-height: 67%;
    text-align: left;

    font-weight: 400; /* normal */
}


.rectangle-8-baixo {
    position: absolute;
    top: 80%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid grey; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 20%;
    max-height: 20%;
    text-align: left;
    font-size: 1.40em;

    font-weight: 400; /* normal */

}


.rectangle-9 {
    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 85.5%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 29%;
    max-width: 29%;
    min-height: 100%;
    max-height: 100%;
    text-align: left;

    font-weight: 400; /* normal */
}

.rectangle-9-cima {
    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 24%;
    max-height: 24%;
    text-align: left;
    font-size: 1.40em;

    font-weight: 400; /* normal */
}

.rectangle-9-baixo {
    position: absolute;
    top: 24%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 76%;
    max-height: 76%;
    text-align: left;

    font-weight: 400; /* normal */
}


.rectangle-10 {
    position: absolute;
    top: 55%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 40%;
    max-height: 40%;
    text-align: left;

    font-weight: 400; /* normal */
}



.rectangle-11 {
    position: absolute;
    top: 10%; /* adjust to sit below the navbar */
    left: 15%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 15%;
    max-width: 15%;
    min-height: 10%;
    max-height: 10%;
    text-align: center;

}


.rectangle-12 {
    position: absolute;
    top: 30%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    pointer-events: none;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 85%;
    max-width: 85%;
    min-height: 60%;
    max-height: 60%;
    text-align: center;
}


.rectangle-13 {
    position: absolute;
    top: 10%; /* adjust to sit below the navbar */
    left: 24.5%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 49%;
    max-width: 49%;
    min-height: 80%;
    max-height: 80%;
    text-align: center;
}


.rectangle-14 {
    position: absolute;
    top: 10%; /* adjust to sit below the navbar */
    left: 75.5%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 49%;
    max-width: 49%;
    min-height: 80%;
    max-height: 80%;
    text-align: center;
}


.rectangle-13 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}

.rectangle-13 p a{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}

.rectangle-14 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}

.rectangle-14 p a{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}

.rectangle-15 {
    position: absolute;
    top: 10%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 90%;
    max-height: 90%;
    text-align: left;

    font-weight: 400; /* normal */
}

.rectangle-16 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 70%;
    max-height: 70%;
    text-align: center;
}

.rectangle-17 {
    position: absolute;
    top: 70%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 30%;
    max-height: 30%;
    text-align: center;
}

.rectangle-18 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 20%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 30%;
    max-width: 30%;
    min-height: 90%;
    max-height: 90%;
    text-align: center;
}

.rectangle-19 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 70%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 55%;
    max-width: 55%;
    min-height: 90%;
    max-height: 90%;
    text-align: center;
}

.rectangle-20 {
    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 50%;
    max-height: 50%;
    text-align: center;
}

.rectangle-21 {
    position: absolute;
    top: 50%; /* adjust to sit below the navbar */
    left: 25%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid white; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 50%;
    max-width: 50%;
    min-height: 50%;
    max-height: 50%;
    text-align: center;
}

.rectangle-22 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid green; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 40%;
    max-height: 40%;
    text-align: center;
}

.rectangle-23 {
    position: absolute;
    top: 42%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid red; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 48%;
    max-height: 48%;
    text-align: center;
}

.rectangle-24 {
    position: absolute;
    top: 90%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 10%;
    max-height: 10%;
    text-align: center;
}

.rectangle-25 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 5%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 10%;
    max-width: 10%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
}

.rectangle-26 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 55%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 90%;
    max-width: 90%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
}


.rectangle-20 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}


.rectangle-22 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
    font-weight: bold !important;
}


.rectangle-23 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}


.rectangle-26 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}



.rectangle-27 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 19%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 28%;
    max-width: 28%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
}

.rectangle-28 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 28%;
    max-width: 28%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
}

.rectangle-29 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 81%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    /* border: 0.5px solid black; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 28%;
    max-width: 28%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
}


.rectangle-27 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}


.rectangle-28 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}

.rectangle-29 p{
    position:relative;
    pointer-events: all;

    color: black;
    text-align: left;
    text-wrap: wrap;
}





.rectangle-30 {
    position: absolute;
    top: 0%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: white;
    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    text-align: left;

    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;

}




.clientes-login {

    top: 20%;
    width: 80vw;
    height: 50vh;
    position: absolute;


    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0.5px;

}

.clientes-login-left {

    top: 22%;
    width: 35vw;
    height: 30vh;
    position: absolute;

    left: 20%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid green; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 2.4rem;
    font-weight: 800;

}


.clientes-login-right {

    top: 25%;
    width: 35vw;
    height: 30vh;
    position: absolute;

    left: 75%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 1.2rem;

}



.clientes-login-right-pill {

    top: 55%;
    width: 17vw;
    height: 10vh;
    position: absolute;

    left: 85%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */

    padding: 0px 0px;
    border-radius: 0.5px;

}

.login-button {
    position: relative;
    height: 36px;
    width: 150px;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #222222;
    display: flex;
    border-radius: 36px;
    background-color: transparent;
}

.login-left {
    background-color: #80E607;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    z-index: 1;
}

.login-right {
    background-color: white;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    left: -25%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 6px;
    justify-content: center;
    z-index: 2;
}



.clientes-login-right-down-1 {

    top: 10%;
    width: 25vw;
    position: absolute;

    left: 36%;
    transform: translateX(-50%);
    z-index: 3;

    border-bottom: 0.5px solid white;
    padding: 0px 0px;
    border-radius: 0.5px;

}


.clientes-login-right-down-2{

    top: 40%;
    width: 25vw;
    position: absolute;

    left: 36%;
    transform: translateX(-50%);
    z-index: 3;

    border-bottom: 0.5px solid white;

    padding: 0px 0px;
    border-radius: 0.5px;

}


.ellipse-container {
/*    width: 100vw;
    height: 100vh; 
    position: relative;

    */
    overflow: hidden;
    top: 50%;
    position: absolute;

}


.ellipse-outline {
    position: relative;
    left: -10vw;
    top: 0vh;

    width: 50vw;
    height: 25vw;

    border: 0.5px solid #FEFEFE;
    border-bottom: none;
    border-top-left-radius: 25vw 25vw;
    border-top-right-radius: 25vw 25vw;

    transform: rotate(2.67deg);
}


.login-rectangle-1 {
    position: absolute;
    top: -5%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #222222;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 30%;
    max-height: 30%;
    text-align: center;

    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
    

.login-rectangle-2 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #80E607;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 20%;
    max-height: 20%;
    text-align: center;

}






.ellipse-container-contato {
/*    width: 100vw;
    height: 100vh; 
    position: relative;

    */
    overflow: hidden;
    top: 35%;
    position: absolute;
    height: 80%;
    left: -5vw;

}


.ellipse-outline-contato {
    position: relative;
    left: -5vw;
    top: 15vh;

    width: 50vw;
    height: 25vw;

    border: 0.5px solid #222222;
    border-bottom: none;
    border-top-left-radius: 25vw 25vw;
    border-top-right-radius: 25vw 25vw;

    transform: rotate(2.67deg);
}


.contato-rectangle-1 {
    position: absolute;
    top: -5%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #FEFEFE;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 30%;
    max-height: 30%;
    text-align: center;

    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
    

.contato-rectangle-2 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #222222;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 20%;
    max-height: 20%;
    text-align: center;

}


.contato-left-placeholder {
    top: 30%;
    width: 17vw;
    height: 10vh;
    position: absolute;

    left: 20%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */
    padding: 0px 0px;
    border-radius: 0.5px;
}

.contato-button {
    position: relative;
    height: 50px;
    width: 220px;
    font-family: sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #222222;
    display: flex;
    border-radius: 36px;
    background-color: transparent;
}

.contato-left {
    background-color: #222222;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    z-index: 1;
}

.contato-right {
    background-color: #80E607;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    left: -25%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 8px;
    justify-content: center;
    z-index: 2;
}


.contato-arrows {
    top: 30%;
    width: 5vw;
    height: 45vh;
    position: absolute;
    left: 34.5%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 1.8rem;

}

.contato-right-placeholder {
    top: 30%;
    width: 55vw;
    height: 45vh;
    position: absolute;
    left: 65%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid red; */

    text-decoration: underline;
    padding: 0px 0px;
    border-radius: 0.5px;
    font-size: 1.8rem;
    font-weight: 600;

}







.fundos-placeholder {

    top: 20%;
    width: 80vw;
    height: 80vh;
    position: absolute;

    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0.5px;

    color: #FEFEFE;

}



.fundos-links {
    top: 0%;
    width: 35vw;
    height: 60vh;
    position: absolute;

    left: 22%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid green; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 1.0rem;

}

ul.fundos-links {
    color: #FEFEFE !important;
}

a.fundos-links {
    color: #FEFEFE !important;
}


.fundos-links a, ul, li {
    color: #FEFEFE !important;
}

ul.li.a.fundos-links {
    color: #FEFEFE !important;
}

li.fundos-links {
    color: #FEFEFE !important;
}



.fundos-descricao {
    top: 0%;
    width: 45vw;
    height: 60vh;
    position: absolute;

    left: 64%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid white; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 1.0rem;

}

a.fundos-descricao {
    color: #FEFEFE !important;
}









@media (max-width: 768px) {

.navbar-wrapper {
    top: 5%;
    /*      max-height: 4%;
    font-size: 4%; */
}

.navbar {
    padding-top: 0px !important;
    font-size: 0.8rem !important;
    color: #ffffff !important;
    /*      max-height: 4%;
    font-size: 4%; */
}

.navbar-nav {
    padding-bottom: 1.00rem !important;
}

.navbar-nav li {
    font-size: 0.8rem !important;
}

.nav-link {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-size: 0.8rem !important;
    /*      max-height: 4%;
    font-size: 4%; */
}

.navbar-brand {
    color: #ffffff !important;
    font-family: 'Nunito' !important;
    padding-top: 0.10rem !important;
    padding-bottom: 0.10rem !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

.navbar-brand a {
    color: #ffffff !important;
    font-family: 'Nunito' !important;
    padding-top: 0.10rem !important;
    padding-bottom: 0.10rem !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
}

.navbar-toggler-icon {
    transform: scale(0.6); /* shrink the hamburger icon */
}

.glass-box {
    margin: 0% 4%;
    padding: 0% 5%;
}

.container-fluid{
    /*      max-height: 4%;
    font-size: 4%; */
    white-space: normal;
}

.overlay-text {
    font-size: 1.2rem;
    padding: 15px;
    white-space: normal;
}

.center-rectangle {
    /*top: 110px;*/
    top: 30%; /* adjust to sit below the navbar */
    /*padding: 15px 20px;*/

    background-color: transparent;
    border: 0.5px solid white;

    padding: 0px 0px;
    border-radius: 0px;
    min-width: 82%;
    max-width: 82%;
    min-height: 63%;
    max-height: 63%;
    text-align: center;

}


.rectangle-7-cima {
    font-size: 0.90em;

}


.rectangle-8-baixo {
    font-size: 0.90em;
}


.rectangle-9-cima {
    font-size: 0.90em;
}


.rectangle-26 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 60%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    border: 0.5px solid black;
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 80%;
    max-width: 80%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
}

.rectangle-21 {
    position: absolute;
    top: 50%; /* adjust to sit below the navbar */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: transparent;
    border: 0.5px solid white;
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 50%;
    max-height: 50%;
    text-align: center;
}



#footer-new {
    text-align: center;
    font-size: 0.7em;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: black;
/*    border-top: thin solid #BBBBBB;*/
    clear: both;
    color: white;
}



.hero-wrapper-login {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom:100%;
    background-color: #222222;

}
    

#footer-new-login {
    text-align: center;
    font-size: 0.7em;
    padding-top: 40px;
    padding-bottom: 10px;
    background-color: #80E607;
    clear: both;
    color: #222222;
}


#footer-new-contato {
    text-align: center;
    font-size: 0.7em;
    padding-top: 40px;
    padding-bottom: 10px;
    background-color: #222222;
    clear: both;
    color: #FEFEFE;
}



.ellipse-container {
/*    width: 100vw;
    height: 100vh; 
    position: relative;
    overflow: hidden;

    */
    top: 90%;
    position: absolute;

}

.ellipse-outline {
    position: relative;
    left: -10vw;
    top: 1vh;

    width: 30vw;
    height: 15vw;

    border: 0.5px solid #FEFEFE;
    border-bottom: none;
    border-top-left-radius: 15vw 15vw;
    border-top-right-radius: 15vw 15vw;

    transform: rotate(2.67deg);
}


.login-rectangle-2 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #80E607;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 5%;
    max-height: 5%;
    text-align: center;

}


.contato-rectangle-2 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #222222;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 5%;
    max-height: 5%;
    text-align: center;

}


.clientes-login {

    top: 20%;
    width: 90vw;
    height: 30vh;
    position: absolute;


    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid red; */

    padding: 0px 0px;
    border-radius: 0.5px;

}

.clientes-login-left {

    top: 27%;
    width: 35vw;
    height: 20vh;
    position: absolute;

    left: 25%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid green; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 1.35rem;
    font-weight: 800;

}


.clientes-login-right {

    top: 30%;
    width: 35vw;
    height: 20vh;
    position: absolute;

    left: 75%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 0.7rem;

}


.clientes-login-right-down-1 {

    top: 10%;
    width: 35vw;
    position: absolute;

    left: 49%;
    transform: translateX(-50%);
    z-index: 3;

    border-bottom: 0.5px solid white;
    padding: 0px 0px;
    border-radius: 0.5px;

}


.clientes-login-right-down-2{

    top: 35%;
    width: 35vw;
    position: absolute;

    left: 49%;
    transform: translateX(-50%);
    z-index: 3;

    border-bottom: 0.5px solid white;

    padding: 0px 0px;
    border-radius: 0.5px;

}



.clientes-login-right-pill {

    top: 60%;
    width: 25vw;
    height: 10vh;
    position: absolute;

    left: 85%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */

    padding: 0px 0px;
    border-radius: 0.5px;

}

.login-button {
    position: relative;
    height: 26px;
    width: 120px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    display: flex;
    border-radius: 36px;
    background-color: transparent;
}

.login-left {
    background-color: #80E607;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    z-index: 1;
}

.login-right {
    background-color: white;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    left: -25%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 4px;
    justify-content: center;
    z-index: 2;
}







.hero-wrapper-contato {
/*    max-width: 1600px;*/
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom:100%;
    background-color: #FEFEFE;

}

.ellipse-container-contato {
    overflow: hidden;
    top: 60%;
    position: absolute;
    height: 80%;
    left: -5vw;

}


.ellipse-outline-contato {
    position: relative;
    left: -5vw;
    top: 15vh;

    width: 50vw;
    height: 25vw;

    border: 0.5px solid #222222;
    border-bottom: none;
    border-top-left-radius: 25vw 25vw;
    border-top-right-radius: 25vw 25vw;

    transform: rotate(2.67deg);
}


.contato-rectangle-1 {
    position: absolute;
    top: -5%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #FEFEFE;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 30%;
    max-height: 30%;
    text-align: center;

    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
    

.contato-rectangle-2 {
    position: absolute;
    top: 0%; /* ajuste */
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;

    background-color: #222222;
    /* border: 0.5px solid #222222; */
    padding: 0px 0px;
    border-radius: 0px;
    min-width: 100%;
    max-width: 100%;
    min-height: 20%;
    max-height: 20%;
    text-align: center;

}


.contato-left-placeholder {
    top: 30%;
    width: 17vw;
    height: 10vh;
    position: absolute;

    left: 20%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */
    padding: 0px 0px;
    border-radius: 0.5px;
}

.contato-button {
    position: relative;
    height: 25px;
    width: 110px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    display: flex;
    border-radius: 36px;
    background-color: transparent;
}

.contato-left {
    background-color: #222222;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    z-index: 1;
}

.contato-right {
    background-color: #80E607;
    width: 120%;
    height: 100%;
    border-radius: 36px;
    position: relative;
    left: -25%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 4px;
    justify-content: center;
    z-index: 2;
}


.contato-arrows {
    top: 30%;
    width: 5vw;
    height: 45vh;
    position: absolute;
    left: 34.5%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid yellow; */

    padding: 0px 0px;
    border-radius: 0.5px;

    font-size: 0.8rem;

}

.contato-right-placeholder {
    top: 30%;
    width: 55vw;
    height: 45vh;
    position: absolute;
    left: 65%;
    transform: translateX(-50%);
    z-index: 3;

    /* border: 0.5px solid red; */

    text-decoration: underline;
    padding: 0px 0px;
    border-radius: 0.5px;
    font-size: 0.8rem;
    font-weight: 600;

}
    

}