body {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #0C2447;
    padding-top:150px;
}
h2{
font-family: bebas;
}
label, button{
font-family: lato;
}
.logo-form-document{
    display: flex;
    width: 150px;
    height: 150px;
    background-image: url('https://staffing.nsgrowthsolutions.com/wp-content/uploads/2025/06/Staffing-Verde-Blanco.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.container-request{
display:flex;
flex-direction:column;
width:40%;
font-family:lato;
Font-size:15px;
font-weight:bold;
background-color:#06499a;
opacity:0.8;
border-radius:20px;
padding:10px;
}
.temporalsas{
color:#ADC907;
}
.temporalsas:hover{
color:white;}
.container{
display: flex;
justify-content: center;
width: 100%;
height: 400px;
max-width: 100%; 
margin: auto;
flex-direction: column;
background-image: linear-gradient(0deg,rgb(12, 36, 71) 20%, rgba(16, 60, 122, 0.48) 73%), url('https://staffing.nsgrowthsolutions.com/wp-content/uploads/2025/06/Foto-Banner-1-Home-scaled-e1752244301753.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-bottom:  3px solid #ADC907;
border-radius: 10px;
box-shadow: 0px 8px 9px 0px rgba(0,0,0,0.46);
gap: 20px;
}
.content{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: white;
gap: 20px;
}
.content a{
color:#ADC907;
}
.content a:hover{
color:white;
}
.form-group{
display: flex;
flex-direction: column;
margin: 10px;
gap:10px;

}
.boton-enviar-regresar{
display: flex;
justify-content: center;
cursor: pointer;

}
button{
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 30px;
font-weight: 500;
font-family: bebas;
border: 2px solid #ffffff;
border-radius: 20px;
background-color: #ADC907;
color: #ffffff;
gap: 10px;
cursor: pointer;
}
button:hover{
background-color: #06499a;
color: white;
transition: 0.5s;
}
.boton-enviar-regresar{
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}

form{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.color-verde{
color: #ADC907
}

.img-boton{
display: flex;
width: 24px;
height: 24px;
}
.footer-form-document{
display: flex;
justify-content:center;
padding: 10px;;
color: #ffffff;
font-family: lato;
font-size: 12px;
}
.color-text-footer-form{
    color: #ADC907;
}
.logo-53-footer-form-document{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/*-----------------------@Media------------------------------*/
@media (max-width:500px){
    .footer-form-document{
    display:grid;
    width:70%;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    align-items:center;
    justify-content:center ;
    margin:auto;
}
    .color-text-footer-form{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .derechos-reservados{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    body{
    padding: 20px;
    }
    .content{
    padding-top: 20px;
    }
}
}