.fundo {
    height: fit-content;
    padding-bottom: 5%;
}

.area-centro {
    text-align:center;
    padding-top: 5%;
}

.area-esquerda {
    padding-left: 10%;
    padding-top: 5%;
}

.area-direita {
    padding-right: 10%;
    padding-top: 5%;
    text-align: center;
}


.titles {
    color: #FFB416;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: 'Roboto-Bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-radius: 2px;
    background: #2E2E2E;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.subTitles {
    color: #FFF;
    font-family: 'Roboto-Bold';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1px;
    margin-top: 24px;
    padding-left:0px !important;
}

.button-yellow {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: #FFB416;
    color: #2E2E2E;
    font-family: 'Roboto-Bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    width: 145px;
    height: 50px;
    cursor:pointer;
}

.logo-rendonda {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #DFDFDF;
    position: relative;
}

.texto-normal {
    color: #FFF;
    font-family: 'Roboto-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
}

.gap {
    display: flex;
    height: 40px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    background-color: #3a3a3a;
}

.card-works {
    text-align: center;
    padding: 40px;
}

.titulo-works {
    color: #FFF;
    text-align: center;
    font-family: 'Roboto-Thin';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.texto-works {
    color: #FFF;
    text-align: center;
    font-family: 'Roboto-Regular';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
    padding: 10px;
}

.ref-formulario {
    padding: 32px;
    align-items: center;
    border-radius: 12px;
    background: #333;
    color: white;
}


.icon-numeros {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #666;
}

.titulo-formulario {
    color: #FFF;
    text-align: left;
    font-family: 'Roboto-Bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.5px;
    clear:both;
    margin-top:25px;
}

.celula-formulario {
    margin-top: 30px;
    color: #D2D2D2;
    text-align: left;
    font-family: 'Roboto-Thin';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
}

    .celula-formulario input[type=text] {
        border-radius: 4px;
        border: 1px solid rgba(238, 238, 238, 0.93);
        background: rgba(238, 238, 238, 0.93);
        height: 40px;
        align-self: stretch;
        color: black;
        width: 100%;
        margin-top: 10px;
        padding: 2px;
    }


.titulo-win {
    color: #FFF;
    font-family: 'Roboto-Bold';
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.5px;
}

.texto-win {
    color: #FFF;
    font-family: 'Roboto-Thin';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
}


.card-feedback {
    border-radius: 17.683px;
    background: #FFF;
    box-shadow: 0px 1.768px 35.366px 0px rgba(129, 129, 129, 0.80);
    
}

.texto-feedback {
    color: #000;
    font-family: 'Roboto-Regular';
    font-size: 31.829px;
    font-style: normal;
    font-weight: bold;
}







@media (max-width: 1600px) {
    img {
        width: 50%
    }
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1400px) {
    
}


@media (max-width: 1199px) {
    
}

@media (max-width: 1024px) {
    img{ width:100%}

    .img-hide{
        display:none;
    }

    .feedback{
        margin-bottom:20px;
    }

    .area-esquerda{
        margin-top:0px !important;
    }
}

@media (max-width: 991px) {
    
}

@media (max-width: 800px) {
    
}

@media (max-width: 767px) {
    
}

@media (max-width: 600px) {
    
}

@media (max-width: 450px) {
    
}