.facaparte-section{
    background-color: var(--red-kari-main);
    width:100%;
    display: flex;
}

.facaparte-section .container{
    width:1320px;
} 

.facaparte-section .facaparte-left{
    text-align: left;
    display: flex;
    flex-direction: column;
    gap:10px;
    height: 229px;
    width:759px;
}

.facaparte-titulo{
    font-weight: 700;
    font-size:44px;
    line-height: 130%;
    color:#fff;
}

.facaparte-section .facaparte-left p{
    color:#fff;
    font-weight: 400;
    font-size:18px;
    line-height: 170%;
    font-family: "Inter";
}

.facaparte-section .facaparte-left .label-g{
    color:#fff;
    font-weight: 600;
    font-size:18px;
    line-height: 150%;
    font-family: "Inter";
    letter-spacing: 0.25%;
}

.facaparte-section .facaparte-right{
    background-color: #fff;
    width: 536px;
    max-height: 458px;
    border-radius: 8px;
    border-width: 1px;
    padding: 12px;    
}

.facaparte-section .facaparte-right #frm-fazer-parte{
    width: 536;
    height: 434;
    gap: 16px;
    padding:0;
    text-align:left;
}

#frm-fazer-parte input{
    height:24px;
    /*margin:12px;*/
}

#frm-fazer-parte .box-nome{
    margin-top: 15px;
}

#frm-fazer-parte .box-nome input{
    margin-top: 15px;
}

#frm-fazer-parte .box-nome label{
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5%;
}

#frm-fazer-parte .box-endereco{
    display:flex;
    gap: 8px;
}

#frm-fazer-parte .box-endereco label{
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5%;
}

#frm-fazer-parte .box-contato{
    display: flex;
    gap:8px;
}

#frm-fazer-parte .box-contato label{
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5%;
}


#frm-fazer-parte input{
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0%;
    height: 48px;
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    border-radius: 4px;
    border-width: 1px;
    width:98%;
    border:1px solid var(--gray-kari-4);       
}

#frm-fazer-parte .box-contato .ddd{
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.5%;
    color: var(--gray-kari-8);
}


#frm-fazer-parte .box-deacordo{
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 170%;
    letter-spacing: 0%;
}

#frm-fazer-parte .box-deacordo{
    width: 512;
    height: 48;
    gap: 8px;
    display: inline-flex;
    align-items: center;
}

#frm-fazer-parte .box-deacordo input{
    width: 16px;
    height: 16px;
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    gap: 4px;
    border-radius: 4px;
    border-width: 1px;
}

#frm-fazer-parte #nome{
    height: 48px;
    gap: 4px;
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    border-radius: 4px;
    border-width: 1px;
    width:100%;
    border:1px solid var(--gray-kari-4);    
}

.input-left{
    float: left;
}

.btn-fazer-parte{
    width: 100%;
    height: 56px;
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    gap: 4px;
    border-radius: 8px;
    background-color: var(--red-kari-main);
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
}


@media (max-width: 600px) {
    #section2{
        display: flex;
        max-width: 100%;
        padding-bottom: 32px;
        margin:0;
      }

    .btn-fazer-parte{
        margin-top: 16px;
    }  

    .facaparte-section{
        max-width: 100%;        
        height: 998px;
        padding:0;
    }  

    #section2 .container{
        display: flex;
        max-width: 100%;
        margin-top:-150px;
    }    

    .facaparte-section .facaparte-left{
        max-width: 100%;
        text-align: center; 
        /*height:415px;*/
    }

    .facaparte-section .container .row{
        max-width: 100%; 
        padding:0;
        margin:0px; 
        height: 750px;
    }

    .facaparte-section .row .facaparte-titulo{
        font-family: Inter;
        font-weight: 700;
        font-size: 36px;
        line-height: 130%;
        letter-spacing: 0%;
    }

    .facaparte-section .row p{
        max-width: 100%;
        font-family: Inter;
        font-weight: 400!important;
        font-size: 16px !important;
        line-height: 170% !important;
        letter-spacing: 0%;
        text-align: center;
    }

    .facaparte-section .container .row .facaparte-left .label-g{
        width: 408px;
        height: 27px;
        gap: 16px;
    }

    .row .facaparte-right{
        width: 100%;
        max-width:575px;
        max-height:fit-content;
      }

    #frm-fazer-parte .box-endereco{
        flex-direction: column;   
        width:100%;    
    }

    #frm-fazer-parte .box-contato{
        flex-direction: column; 
        width:100%;          
    }    

     .row .facaparte-right #frm-fazer-parte{
        width: 100%;
        height: fit-content;
        gap: 0px;
        border-radius: 8px;
        border-width: 1px;
        padding: 12px 12px 0px 0px;
        display: flex;
    }

    .facaparte-left .col-md-6 .col-lg-6 .col-sm-12{
        height: 900px;
    }

    .facaparte-right .box-deacordo{
        font-family: Inter;
        font-weight: 400;
        font-size: 14px;
        line-height: 170%;
        letter-spacing: 0%;
    }

    .facaparte-right .col-md-8 .col-lg-8 .col-sm-12{
        max-width: 380px;
    }

    #frm-fazer-parte #nome {
        height: 48px;
        gap: 4px;
        padding-top: 16px;
        padding-right: 8px;
        padding-bottom: 16px;
        padding-left: 8px;
        border-radius: 4px;
        border-width: 1px;
        width:528px;
        border:1px solid var(--gray-kari-3);
    }

    #frm-fazer-parte .col-sm-6{
        width:100% !important;
    }

   #frm-fazer-parte input {
        height: 48px;
        margin: 12px;
        margin-left: 0;
        width:100%;
        border-radius: 4px;
        border:1px solid var(--gray-kari-3);
        color:var(--gray-kari-6);
    }

    #frm-fazer-parte .input-left{
        max-width: 100%;
        width:548px;
    }

    #frm-fazer-parte input{
        max-width: 100%;
        width:518px;
    }    


}