.banner-area {
    background: #F4F0F0;
    background-size: contain;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    font-family: "Nunito";
    z-index: 1 !important;
}

.banner-area h3{
    color: #F31876 !important;
    text-align: center;
    font-size: 26px !important;
}

.banner-area div h3{
    color: #373737;
    text-align: center;
    font-size: 13.769px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.logo-banner {
    width: 100px;
    height: auto;
}

.termos{
    font-family: "Nunito";
    font-style: normal;
}

.termos p{
    font-family: 'Nunito';
    color: #0C0F0A;
    /* line-height: 252%; 40.32px */
}

.text-justify {
    text-align: justify;
}

.img-banner{
    position: relative; /* Certifique-se de que a posição está configurada */
    top: calc(16px + (39 - 19) * ((100vw - 315px) / (767 - 315)));
    z-index: 999 !important;
}

/* @media (min-width: 315px) and (max-width: 400px) {
    .img-banner{
        top: 19px;
    }
}

@media (min-width: 401px) and (max-width: 453px) {
    .img-banner{
        top: 22px;
    }
}*/

@media (min-width: 640px) and (max-width: 766px) {
    .img-banner{
        top: 28px;
    }
} 

@media (min-width: 767px) {
    .img-banner{
        top: 39px;
    }
}

/* Responsividade Mobile First */
@media (min-width: 768px) and (max-width: 992px) {
    .banner-retangulo {
        top: 69%;
        left: 145px;
        width: 226px;
        height: 180px;
        max-width: 261px;
    }

    .banner-area div h3{
        font-size: 47px !important;
    }
    .logo-banner {
        max-width: 630px;
        height: auto;
    }

}
@media (min-width: 993px) {
    .banner-retangulo {
        top: 80%;
        left: 190px;
        width: 80%;
        max-width: 409px; 
    }
    .banner-area h3{
        font-size: 60px !important;
    }
    .banner-area div h3{
        font-size: 40px;
    }

    .logo-banner {
        width: 300px;
        height: auto;
    }

    .container.termos , .container{
        max-width: 770px;
        margin: 0 auto;
    }
    .banner-area .container{
        max-width: 960px !important;
    }

    .img-banner{
        max-width: 72% !important;
    }
}