@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap');

* {

    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none !important;
    /*tira a linha do A*/
    list-style: none;
    /*tira as bolinha do li*/
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Open Sans';
}

:root {
    --azul-claro: #1F3F7C;
    --azul-escuro: #14387F;
    --branco: #FFFFFF;
    --azul-clarinho: rgba(74, 153, 211, 0.1);
    --azul-pisina: #4A99D3 10%;
    --cinza-claro: #E9ECEF;
    --preto-claro: #57585A;
    --preto-escuro: #0F001A;
    --sobram: 0px 1.69683px 1.69683px rgba(4, 29, 255, 0.25);
}
.main-assistenciatecnica{
    min-height: 100vh;
}
.box-assistenciatecnica{
    width: 100%;


    display: flex;
    justify-content: center;
    align-items: center;

    /* border: 1px solid red; */
}

.box-assistenciatecnica-tamanho{
    width: 88%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 40px 0px;

    /* border: 1px solid green; */
}

.box-assistenciatecnica-conteudo{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: var(--azul-clarinho);
    padding: 40px 20px;


}

.box-assistenciatecnica-conteudo p{

    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: var(--preto-claro);

}
.box-assistenciatecnica-conteudo p strong{

    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    color: var(--preto-claro);

}

.box-assistenciatecnica-icone{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px 0px;

    /* border: 1px solid red; */
}
.box-assistenciatecnica-icone label{
    width: 180px;
    height: 130px;
    display: flex;
    margin: 20px 10px;
    align-items: center;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
    /* border: 1px solid red; */
}
.box-svg{
    width: 150px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid black; */
}

.box-assistenciatecnica-parte2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--azul-clarinho);
    padding: 40px;
    margin: 40px 0px;

     /* border: 1px solid palevioletred; */
}
.box-parte-h5{
    width: max-content;
    /* border: 1px solid palevioletred; */
    margin: 0px 5px;

}
.box-parte-h5 h5{

    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    color: var(--azul-escuro);

}
.box-parte-h5 p{

    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: var(--preto-claro);


}
.box-parte-button{
    width: max-content;
    display: flex;
    justify-content: right;
    align-items: center;
    margin: 0px 5px;
    /* border: 1px solid red; */
    text-align: center;
}
.box-parte-button a {

    padding: 10px 60px;
    background-color: var(--azul-escuro);

    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color: var(--branco);

}

/*! xxxxxxxxxxxxxxx form whatsapp xxxxxxxxxxxxxxxxxx*/


.what{
    width: 20%;
    height: 400px;
    display: none;


    flex-direction: column;

    background: var(--branco);
    position:absolute;
    top:40%;
    left:58%;
    transform: translate(-50%,-50%);
    z-index: 500 !important;
    border-radius: 20px;

    overflow: hidden;

 }
 .fechar2{
     width: 100%;

     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     justify-content: space-between;
     padding: 0px 10px;

     background-color: var(--azul-escuro);

     /* border: 1px solid red; */
     cursor: pointer;
 }
 .forwhatsapp-img{

    width: 40px;
    height: 40px;
    /* border: 1px solid red; */
 }
 .forwhatsapp-img img{

     width: 35px;
     height: 35px;

 }
 .forwhatsapp-titulo{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;

    align-items: center;
    /* border: 1px solid red; */
 }

 .forwhatsapp-titulo h3{

    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    color: var(--branco);

 }
 .forwhatsapp-fechar-p{
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* border: 1px solid red; */
 }
 .forwhatsapp-fechar-p p{

    margin: none !important;

     padding: none !important;
     border-radius: 20px;
     color: var(--branco);
     font-size: 30px;
     /* border: 1px solid red; */

 }
 .forwhatsapp{

     width: 98%;
     margin: 0px 5px;

 }
 .forwhatsapp label{

     width: 100%;
     margin: 10px 0px;
     overflow: hidden;

     /* border: 1px solid red; */

 }
 .forwhatsapp label input{

    width: 98%;
    height: 40px;
    padding: 3px 10px;

    border-radius: 10px;
    border: 1px solid var(--preto-claro);

}
.forwhatsapp label textarea{
    width: 98%;
    border-radius: 10px;
}
.button-whatsapp{

    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;


}
.button-whatsapp input{
    width: 95%;
    height: 50px;
    color: var(--branco);
    background-color: var(--azul-escuro);
    border: none;
    border-radius: 10px;

    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 15px;
    color: var(--branco);
}