.job-form{
    padding-bottom: 2rem;
}


.hero-job{

    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin: 0;
    margin-bottom: -10px;
}

.hero-job>.bg-first{
    width: 100%;
    height: auto;
}


.hero-job-en{

    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin: 0;
    margin-bottom: -10px;
}

.hero-job-en>.bg-first{
    width: 100%;
    height: auto;
}

.icon-benefits{
    padding: 10px 20px;
    background-color: #f99a06;

}
.icon-benefits h1{
    text-align: center;
    font-size:6rem ;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin: 0;
    font-family: "Bernier Distressed";
}

.benefit{
    color: #FFFFFF;
    text-align: center;

}
.benefit p{
    font-size: 16px;
    font-weight: bold;
}
.benefit img{
    width: 150px;
    height: 150px;
    display: block;
    cursor: pointer;
    transition: 0.3s;
    padding: 2rem;

}

.benefit img:hover{
    width: 150px;
    height: 150px;


}

.content-employee img{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
}


.employee{
    /*margin: 0 auto;*/
    /*!*background-color: #f99a06;*!*/
    /*background-image: url("/assets/graphics/barra.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100%;*/
    /*width: 100%;*/
    color: #FFFFFF;
    /*margin: -4rem 0;*/
    /*margin-bottom: 50px;*/
    /*padding: 2rem;*/
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 5rem;

    background: #666666;


}



.employee p{
    font-family: "Bernier Distressed";
    font-size: 9rem;




}

.employee p span{
    font-weight: bold;
    font-size: 3rem;
    font-family: "Bernier Distressed";
}




.benefits{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 5rem;
    align-items: center;


}

.icon1{
    display: flex;
    flex-direction: column;
    align-items: end;
}

@media(min-width: 750px){
    .benefits{
        display:flex;
        flex-direction: row;
        justify-content: space-around;
        padding-bottom: 5rem;


    }
}
.benefit-main{
    padding: 5rem;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
}

@media (min-width:780px ){
    .benefit-main{
        width: 80%;
    }
}
.benefit-main p{
    margin-bottom: 2rem;
}

.job-form{
    margin-top: 5rem;
    width: 80%;
    margin:0 auto;
    background: #FFFFFF;

    padding-top: 10rem;

}

@media(min-width:750px){
    .job-form{
        margin-top: 5rem;
        width: 50%;
        margin:0 auto;

    }
}
.job-form p{
    text-align: center;
    margin-bottom: 2rem;
}
.job-form p span{
    font-family: "Bernier Distressed";
    font-size: 4rem;
}


input[type="text"],input[type="email"],
input[type="text"],input[type="date"], [type="file"],[type="tel"]{
    width: 100%;
    margin-bottom: 2rem;

    padding:1.5rem;
    border-radius: 5rem;
    background: #ffeed5;
    border: none;
    margin-top: 1rem;


}

textarea{
    width: 100%;
    margin-bottom: 2rem;
    padding: 1rem;
    padding-left: 2rem;
    border-radius: 2rem;
    background: #ffeed5;
    border: none;
    margin-top: 1rem;
}
input[type="radio"]{

    background: #ffeed5;
    color: #f99a06;
    padding-bottom: 2rem;
}

.man,.woman{
    background: #ffeed5;
    color:#000000;
    padding: 1rem;
    border-radius: 5rem;
}
.text{
    margin-top: 2rem;
    text-align: left;
    color:#000000;
}
.sex{
    width: 100%;
    display: block;
    margin-bottom: 2rem;

}
label span{
    color: #ff0000;

}

select{
    width: 100%;
    margin-bottom: 2rem;
    padding: 1rem;
    padding-left: 2rem;
    border-radius: 5rem;

}

.button{
    width: 100%;
    padding: 1rem;
    border-radius: 5rem;
    background: #f99a06;
    color: #FFFFFF;
    font-weight: bold;
    border:none;
    cursor: pointer;
    transition: 0.3s;
}

.button:hover{
    background: #be7504;
}

/*content-benefit*/
.content-benefit-main{
    margin-top: 10rem;
    height: 100rem;
    width: 100%;
}


.banner-content-benefit{

    display: grid;
    grid-template-columns: repeat(1,1fr);
    width: 100%;
    height: 60rem;
    background-color: #f99a06;

}
@media(min-width:768px) {
    .content-benefit-main{

        height: 70rem;

    }


    .banner-content-benefit{

        display: grid;
        grid-template-columns: repeat(2,1fr);
        width: 100%;
        height: 60rem;
        background-color: #f99a06;

    }
}

.card-benefit img{
    width:100%;
}

.card-benefit{
    width: 100%;

    padding: 3rem;

}
.card-benefit:nth-child(1){
    background-image: url("/assets/graphics/image-benefit/Artboard 1@3x-100.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;

}



.card-benefit:nth-child(2){
    background-image: url("/assets/graphics/image-benefit/Artboard 4@3x-100.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}

.card-benefit:nth-child(3){
    background-image: url("/assets/graphics/image-benefit/Artboard 3@3x-100.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}


.card-benefit:nth-child(4){
    background-image: url("/assets/graphics/image-benefit/Artboard 2@3x-100.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}


.card-benefit h3{
    color: #FFFFFF;
    font-family: "Bernier Distressed";
    font-size: 5rem;
}

.card-benefit li{
    color: #FFFFFF;
    font-size: 15px;
}
.message-benefit{
    margin: 0 auto;
    width: 80%;
}
.message-benefit p{
    font-size: 20px;
}

.message-benefit h1{
    text-align: center;
    font-size:6rem ;
    text-transform: uppercase;
    color:  #f99a06 ;
    padding-top: 2rem;
    padding-bottom: 5rem;
    font-family: 'Bernier Distressed';
}