*{margin: 0;  padding: 0; box-sizing: border-box;}
.conteiner_contact{
    margin: 5%; padding: 1em;
    display: flex;  flex-direction: column;
    align-items: center;
    gap: 70px;  overflow: hidden;
}
.conteiner_info{
    width: 95%; padding: 2.5em;
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(253, 86, 0, 0.7);
}
.conteiner_info h1{
    height: 5rem;
    text-align: center;
    color: rgba(252, 75, 8, 0.8);
    font-size: 1.5rem;
}
.conteiner_info h2{
    padding: .3rem;
    border-radius: 10px;
    background-color: rgba(253, 86, 0, 0.2);
    font-size: 17px;    font-weight: 100;
    color: #062863;
}
.now_conteiner{
    height: 100px;  display: flex;
    justify-content: center;    align-items: center;
    gap: 15px;
}
.now_conteiner a{text-decoration: none;}
.now_conteiner h3{
    margin-top: 35px;
    font-size: 16px;    font-weight: 100;
    color: #062863;
}
.now_conteiner img{width: 60px;}
.conteiner_form{
    padding: 2em;
    border-radius: 20px;
    border: 1px solid rgba(253, 86, 0, 0.5);
}
.title_container{
    padding: 0.5em;
    text-align: center; font-size: 20px;
    color: #062863;
}
.form_input, .form_areatext, .form_submit{font-size: 1rem;}
.form_input, .form_areatext{width: 100%;    margin-top: 30px;}
.form_label, .form_label_msje{
    position: absolute; margin-left: 10px;
    color: rgba(21, 25, 81, 0.7);
    transition: all 0.2s ease;
    z-index: -20;
}
.form_label{margin-top: -30px;  font-size: 1.1rem;}
.form_input{
    padding: 10px 1px;
    background: rgba(15, 19, 51, 0.1);
    border: 1px solid rgba(15, 19, 51, 0.3);
}
.form_label_msje{margin-top: -143px;}
.form_areatext{
    padding: 10px 1px;
    background: rgba(15, 19, 51, 0.1);
    border: 1px solid rgba(15, 19, 51, 0.3);
    font-family: K2D-Regular;
    resize: none;
}
.form_submit{
    padding: 15px 40px;
    margin-top: 30px;   margin-left: 37%; 
    color: rgba(252, 252, 251, 1);
    background: rgba(21, 25, 81, 0.7);
    border-radius: 8px;
    cursor: pointer;    border: none;
}
.now_conteiner:hover{transform: scale(1.2);}
.form_input:focus{outline: 1px solid rgba(0, 0, 0, 0.5) ;}
.form_input:focus + .form_label{margin-top: -62px;}
.fijar{margin-top: -62px;}
.form_areatext:focus + .form_label_msje{margin-top: -173px;}
.fijarmsje{margin-top: -173px;}
.form_submit:hover{
    background-color: rgba(253, 86, 0, 0.2);
    color: rgba(21, 25, 81, 1);
}
@media screen and (min-width: 1000px){
    .conteiner_contact{
        padding: 3em;   margin: 5% 15%;
        border-radius: 20px;
        box-shadow: 5px 5px 20px rgba(21, 25, 81, 0.5);
        flex-direction: row;
        gap: 5%;
    }
    .conteiner_info{
        height: 503px;  width: 60%;
        box-shadow:  none;
        border: 1px solid rgba(253, 86, 0, 0.5);
    }
    .conteiner_info h1{font-size: 30px;}
    .conteiner_info h2, .now_conteiner h3{font-size: 19px;}
    .whatsapp_separar{margin-top: 5%;}
    .email_separar{margin-top: 16%;}
}