@media (max-width: 1225px)
{

    .corpo_rodape_pagina .corpo_lateral
    {
     position: relative;
     left: 400px;
     width: calc(100% - 400px);
    }

}



@media (max-width: 1133px)
{

    .corpo_rodape_pagina .corpo_lateral
    {
     position: relative;
     left: 350px;
     width: calc(100% - 350px);
    
    }



.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao
{
font-size: 35px;
width: 450px;
line-height: 50px;
}


.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral
{
position: absolute;
top: 70px;
left: 500px;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas
{
position: relative;
top: 0px;
width: 95%;
left: 2.5%; 
height: 450px;
border-radius: 30px;
}



.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
font-size: 40px;
line-height: 50px;
}

.corpo_rodape_pagina .titulo
{
position: relative;
top: 100px;
left: 40px;
font-size: 22px;
width: 270px;
line-height: 30px;  
}


.corpo_rodape_pagina .corpo_lateral table tr td b
{
font-size: 12pt;
}


.corpo_rodape_pagina .corpo_lateral table tr td
{
font-size: 10pt;
padding: 10px;
}


.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao
{
font-size: 25px;
width: 400px;
line-height: 38px;
}


.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral
{
position: absolute;
top: 70px;
left: 400px;
}





.corpo_pagina .corpo_apresentacao_grupo_assuntec
{
position: relative;	
height: 450px;
background-size: cover;
background-position: 60% center; 
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}

.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral .texto_apresentacao_assuntec
{
   font-size: 11.5pt; 
}

.corpo_pagina .corpo_apresentacao_grupo_assuntec .btn_conheca_assuntec
{
    padding: 10px;
    height: 50px;
    font-size: 14px;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
font-size: 30px;
line-height: 35px;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas
{
position: relative;
top: 0px;
width: 95%;
left: 2.5%; 
height: 370px;
border-radius: 30px;
}


.corpo_pagina .corpo_sites_sistemas .nome_servico
{
left: 300px;
font-size: 25pt;
line-height: 40px;
width: 250px;
}

.corpo_pagina .corpo_sites_sistemas .numero_servico b
{
position: relative;
left: 300px;
}

.corpo_pagina .corpo_lojas_virtuais .descricao
{
position: relative;
left: calc(2.5% + 330px);
width: 300px;
font-size: 11pt;
}


.corpo_pagina .corpo_lojas_virtuais::before
{
background-position: 90% 0%; 
}

.corpo_pagina .corpo_aplicativos_mobile
{

    position: relative;
    top: 200px;
    width: 100%;	
    height: 700px;
}


.corpo_pagina .corpo_manutencao_apliativo_web
{

    position: relative;
    top: 250px;
    width: 100%;	
    height: 820px;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros
{
position: absolute;
top: 370px;
width: 95%;
left: 2.5%;
height: 350px;
}

}



@media (max-width: 1013px)
{

   

    .corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .img_icon
{
display: none;
}


.corpo_pagina .corpo_apresentacao::before
{
background-position: 75% center; 
}

.corpo_pagina .corpo_apresentacao .titulo_apresentacao
{
left: 10px;
font-size: 50px;
width: 380px;
line-height: 50px;
}


.corpo_pagina .corpo_apresentacao .descricao
{
left: 10px;	
width: 380px;
}

/*Estilos para serviços de Sites e Sistemas*/

.corpo_pagina .corpo_sites_sistemas
{
height: 1000px;
}

.corpo_pagina .corpo_sites_sistemas::before
{
background-position: 15% center; 
}


.corpo_pagina .corpo_sites_sistemas .numero_servico b
{
position: relative;
left: 400px;
top: 80px; 
}


.corpo_pagina .corpo_sites_sistemas .nome_servico
{
left: 400px;
top: 90px; 
font-size: 25pt;
width: 280px;
line-height: 40px;
}

.corpo_pagina .corpo_sites_sistemas .descricao
{
position: relative;
left: 400px;
width: calc(98% - 400px);
font-size: 11pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros
{
position: absolute;
top: 330px;
width: 95%;
left: 2.5%;
height: 300px;
}



.corpo_pagina .corpo_sites_sistemas .corpo_quadros .quadros
{
position: absolute;
width: 49%;
height: 100%;
left: 0px;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro2
{
left: 51%;
}


.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro3
{
top: 100%;
left: 0%;
}


.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro4
{
left: 51%;
top: 100%;
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros .quadros .titulo_quadro
{
max-width: calc(100% - 30px);
}



.corpo_pagina .corpo_sites_sistemas .corpo_quadros .quadros .texto
{
width: calc(98% - 30px);
line-height: 23px;
}

.corpo_pagina .corpo_sites_sistemas .btn
{
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0px;
    padding-right: 0px;
    padding: 10px;
    width: 220px;
}






/*Estilos para serviços de Aplicativos Mobile*/



.corpo_pagina .corpo_aplicativos_mobile
{
    height: 1000px;
}


.corpo_pagina .corpo_aplicativos_mobile::before
{
background-size: cover;
background-position: 70% -100%; 
}


.corpo_pagina .corpo_aplicativos_mobile .numero_servico b
{
    top: 80px; 
}


.corpo_pagina .corpo_aplicativos_mobile .nome_servico
{
left: 2.5%;
top: 90px; 
font-size: 25pt;
width: 300px;
line-height: 40px;
}

.corpo_pagina .corpo_aplicativos_mobile .descricao
{
position: relative;
left: 2.5%;
width: 400px;
font-size: 11pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros
{
    position: absolute;
    top: 330px;
    width: 95%;
    left: 2.5%;
    height: 300px;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros .quadros
{
position: absolute;
width: 49%;
height: 100%;
left: 0px;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro2
{
left: 51%;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro3
{
top: 100%;
left: 0%;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro4
{
left: 51%;
top: 100%;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros .quadros .titulo_quadro
{
max-width: calc(100% - 30px);
}



.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros .quadros .texto
{
width: calc(98% - 30px);
line-height: 23px;
}


.corpo_pagina .corpo_aplicativos_mobile .btn
{
left: 50%;
transform: translateX(-50%);
padding-left: 0px;
padding-right: 0px;
padding: 10px;
width: 220px;
}







/*Estilos para serviços de Lojas Virtuais*/



.corpo_pagina .corpo_lojas_virtuais
{	
    height: 1000px;
}



.corpo_pagina .corpo_lojas_virtuais .numero_servico b
{
top: 80px; 
}


.corpo_pagina .corpo_lojas_virtuais .nome_servico
{
top: 90px; 
font-size: 25pt;
width: 280px;
line-height: 40px;
}

.corpo_pagina .corpo_lojas_virtuais .descricao
{
position: relative;
left: 2.5%;
width: 450px;
font-size: 12pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros
{
    position: absolute;
    top: 330px;
    width: 95%;
    left: 2.5%;
    height: 300px;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros .quadros
{
    position: absolute;
    width: 49%;
    height: 100%;
    left: 0px;
    border-radius: 30px;
    background-color: rgba(19, 21, 50, 0.8);
    backdrop-filter: blur(5px);
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro2
{
    left: 51%;
}


.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro3
{
top: 100%;
left: 0%;
}


.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro4
{
left: 51%;
top: 100%;
}



.corpo_pagina .corpo_lojas_virtuais .corpo_quadros .quadros .titulo_quadro
{
max-width: calc(100% - 30px);
}



.corpo_pagina .corpo_lojas_virtuais .corpo_quadros .quadros .texto
{
width: calc(98% - 30px);
line-height: 23px;
}


.corpo_pagina .corpo_lojas_virtuais .btn
{
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0px;
    padding-right: 0px;
    padding: 10px;
    width: 220px;
}



/*Estilos para serviços de Manutenção Aplicativos Web*/



.corpo_pagina .corpo_manutencao_apliativo_web
{	
    height: 780px;
}



.corpo_pagina .corpo_manutencao_apliativo_web .numero_servico b
{
position: relative;
left: 2.5%;
top: 80px; 
width: calc(100% - 2.5%);
}


.corpo_pagina .corpo_manutencao_apliativo_web .nome_servico
{
    left: 2.5%;
    top: 90px; 
    font-size: 25pt;
    width: 280px;
    line-height: 40px;
}

.corpo_pagina .corpo_manutencao_apliativo_web .descricao
{
    position: relative;
    left: 2.5%;
    width: 400px;
    font-size: 11pt;
    color: #bdcae8;
    top: 100px;
    line-height: 25px;
    font-family: cairo;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros
{
position: absolute;
top: 370px;
height: 300px;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros .quadros
{
position: absolute;
width: 31%;
height: 100%;
left: 0px;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(4px);
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro2
{
left: 0%;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro3
{
left: 34%;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro4
{
left: 68%;
}




.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros .quadros .titulo_quadro
{
max-width: calc(98% - 120px);
}



.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros .quadros .texto
{
width: calc(98% - 30px);
}


.corpo_pagina .corpo_manutencao_apliativo_web .btn
{
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0px;
    padding-right: 0px;
    padding: 10px;
    width: 220px;
}







}

@media (max-width: 872px)
{


    .corpo_rodape_pagina
    {
    position: relative;
    background-color: #02071A;
    left: 0%;
    width: 100%;
    height: 1000px;
    }


    .corpo_rodape_pagina .titulo
{
position: relative;
top: 100px;
left: 10%;
font-size: 20px;
width: 80%;
line-height: 30px;  
text-align: center;
}

.corpo_rodape_pagina .corpo_icons_redes_sociais
{
position: relative;
top: 130px;
width: 100%;
left: 0px;
text-align: center;
}

.corpo_rodape_pagina .corpo_lateral
{
 position: relative;
top: 250px;
left: 5%;
 width: 90%;
}



    .corpo_rodape_pagina .corpo_lateral .servicos
    {
     display: block;  
     position: relative;
     width: 30%;
     left: 34%; 
     top: -50px;
    }

     
    .corpo_rodape_pagina .corpo_lateral .contactos
    {
        left: 70%

    }



    

.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral
{
position: absolute;
top: 70px;
left: 280px;
}
.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao
{
font-size: 33px;
width: 220px;
line-height: 39px;
}


.corpo_pagina .corpo_apresentacao_grupo_assuntec
{
position: relative;	
height: 500px;
background-size: cover;
background-position: 60% center; 
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}
 

}


@media (max-width: 767px)
{





/*Estilos para serviços de Lojas Virtuais*/



.corpo_pagina .corpo_lojas_virtuais
{	
    height: 1400px;
}

.corpo_pagina .corpo_lojas_virtuais::before
{
opacity: 0.5;
}


.corpo_pagina .corpo_lojas_virtuais .nome_servico
{
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_lojas_virtuais .descricao
{
position: relative;
left: 2.5%;
width: calc(95% - 2.5%);
font-size: 12pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros
{
    position: absolute;
    top: 330px;
    width: 95%;
    left: 2.5%;
    height: 250px;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros .quadros
{
    position: absolute;
    width: 95%;
    height: 100%;
    left: 2.5%;
    border-radius: 30px;
    background-color: rgba(19, 21, 50, 0.8);
    backdrop-filter: blur(5px);
    text-align: left;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro2
{
left: 2.5%;
top: 250px;
}


.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 500px;
}


.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 750px;
}





/*Estilos para serviços de Aplicativos Mobile*/



.corpo_pagina .corpo_aplicativos_mobile
{
    height: 1400px;
}


.corpo_pagina .corpo_aplicativos_mobile::before
{
background-size: cover;
background-position: 70% -100%; 
opacity: 0.5;
}



.corpo_pagina .corpo_aplicativos_mobile .nome_servico
{
left: 2.5%;
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_aplicativos_mobile .descricao
{
position: relative;
left: 2.5%;
width: calc(95% - 2.5%);
font-size: 11pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros
{
    position: absolute;
    top: 330px;
    width: 95%;
    left: 2.5%;
    height: 250px;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros .quadros
{
position: absolute;
width: 95%;
height: 100%;
left: 2.5%;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
text-align: left;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro2
{
left: 2.5%;
top: 250px;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 500px;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 750px;
}




/*Estilos para serviços de Manutenção Aplicativos Web*/



.corpo_pagina .corpo_manutencao_apliativo_web
{	
    height: 1150px;
    text-align: center;
}


.corpo_pagina .corpo_manutencao_apliativo_web::before
{
left: 0px;
opacity: 0.5;
}



.corpo_pagina .corpo_manutencao_apliativo_web .numero_servico b
{
position: relative;
left: 0px;
top: 80px; 
}


.corpo_pagina .corpo_manutencao_apliativo_web .nome_servico
{
left: 50%;
transform: translateX(-50%);
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_manutencao_apliativo_web .descricao
{
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    font-size: 11pt;
    color: #bdcae8;
    top: 100px;
    line-height: 25px;
    font-family: cairo;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros
{
position: absolute;
top: 330px;
width: 95%;
left: 2.5%;
height: 250px;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros .quadros
{
position: absolute;
width: 95%;
height: 100%;
left: 2.5%;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
text-align: left;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro2
{
left: 2.5%;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 250px;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 500px;
}





/*Estilos para serviços de Sites e Sistemas*/

.corpo_pagina .corpo_sites_sistemas
{
height: 1400px;
text-align: center;
left: 0px;
width: 100%;
}

.corpo_pagina .corpo_sites_sistemas::before
{
background-position: 15% center; 
left: 0px;
opacity: 0.5;
}


.corpo_pagina .corpo_sites_sistemas .numero_servico b
{
position: relative;
left: 0px;
top: 80px; 
}


.corpo_pagina .corpo_sites_sistemas .nome_servico
{
left: 50%;
transform: translateX(-50%);
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_sites_sistemas .descricao
{
left: 50%;
transform: translateX(-50%);
width: 80%;
font-size: 11pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros
{
position: absolute;
top: 330px;
width: 95%;
left: 2.5%;
height: 250px;
}



.corpo_pagina .corpo_sites_sistemas .corpo_quadros .quadros
{
position: absolute;
width: 95%;
height: 100%;
left: 2.5%;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
text-align: left;
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro2
{
left: 2.5%;
top: 250px;
}


.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 500px;
}


.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 750px;
}




    .corpo_pagina .corpo_apresentacao
    {
    position: relative;
    width: 100%;	
    height: 600px;
    background-image: url('');
    background-size: cover;
    background-position: 100% center; 
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    text-align: center;
   
    }

    .corpo_pagina .corpo_apresentacao::before
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 70% 100%; 
    }
 
    
    .corpo_pagina .corpo_apresentacao .titulo_apresentacao
    {
        position: relative;
    font-size: 29px;
    line-height: 35px;
    max-width: 83%;
    left: 50%;
    transform: translateX(-50%);
    top: 130px;
    }



.corpo_pagina .corpo_apresentacao .descricao
{
position: relative;
top: 140px;
left: 50%;
transform: translateX(-50%);
width: 90%;
font-family: cairo;
font-size: 12pt;
line-height: 25px;
color: #bdcae8;
}

.corpo_pagina .corpo_apresentacao .corpo_nossos_servicos
{
display: none;
}



.corpo_pagina .corpo_apresentacao_grupo_assuntec
{	
background-position: 40% center; 
height: 300px;

}


.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 30px;
width: calc(100% - 40px);
line-height: 35px;
font-family: arial;
}


.corpo_pagina .corpo_apresentacao_grupo_assuntec .btn_conheca_assuntec
{
position: relative;
top: 100px;
left: 40px;	
font-family: cairo;
color: #fff;
background-color: #2942bc;
padding: 15px;
height: 60px;
padding-right: 20px;
font-size: 12px;
line-height: 24px;
border-radius: 10px;
cursor: pointer;
border: none;
transition: 0.5s;
}


.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral
{
display: none;
}






.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas
{
position: relative;
top: 0px;
width: 95%;
left: 2.5%; 
height: 350px;
background: linear-gradient(100deg, #223AA4, #4E90D9);
border-radius: 20px;

}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
font-size: 30px;
left: 0px;
width: 100%;
}


.corpo_rodape_pagina
{
position: relative;
background-color: #02071A;
left: 0%;
width: 100%;
height: 1250px;
text-align: center;
}

.corpo_rodape_pagina .corpo_lateral div ul li
{
   font-size: 11pt; 
}

.corpo_rodape_pagina .corpo_lateral .institucional
{

 width: 100%; 
 left: 0%;
 position: relative;

}


.corpo_rodape_pagina .corpo_lateral .servicos
{
 position: relative;
 width: 100%;
 left: 0%; 
 top: 0px;
}



.corpo_rodape_pagina .corpo_lateral .contactos
{
 display: block;  
 position: relative;
 width: 100%;
 left: 0%; 
 top: 50px;
}



.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas
{
left: 0px;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .texto
{
left: 10%;
width: 80%; 
}

}

@media (max-width: 450px)
{



/*Estilos para serviços de Lojas Virtuais*/



.corpo_pagina .corpo_lojas_virtuais
{	
    height: 1600px;
}

.corpo_pagina .corpo_lojas_virtuais::before
{
opacity: 0.5;
}


.corpo_pagina .corpo_lojas_virtuais .nome_servico
{
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_lojas_virtuais .descricao
{
position: relative;
left: 2.5%;
width: calc(95% - 2.5%);
font-size: 12pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros
{
    position: absolute;
    top: 330px;
    width: 95%;
    left: 2.5%;
    height: 300px;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros .quadros
{
    position: absolute;
    width: 95%;
    height: 100%;
    left: 2.5%;
    border-radius: 30px;
    background-color: rgba(19, 21, 50, 0.8);
    backdrop-filter: blur(5px);
    text-align: left;
}

.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro2
{
left: 2.5%;
top: 300px;
}


.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 600px;
}


.corpo_pagina .corpo_lojas_virtuais .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 900px;
}





/*Estilos para serviços de Aplicativos Mobile*/



.corpo_pagina .corpo_aplicativos_mobile
{
    height: 1600px;
}


.corpo_pagina .corpo_aplicativos_mobile::before
{
background-size: cover;
background-position: 70% -100%; 
opacity: 0.5;
}



.corpo_pagina .corpo_aplicativos_mobile .nome_servico
{
left: 2.5%;
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_aplicativos_mobile .descricao
{
position: relative;
left: 2.5%;
width: calc(95% - 2.5%);
font-size: 11pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros
{
    position: absolute;
    top: 330px;
    width: 95%;
    left: 2.5%;
    height: 300px;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros .quadros
{
position: absolute;
width: 95%;
height: 100%;
left: 2.5%;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
text-align: left;
}

.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro2
{
left: 2.5%;
top: 300px;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 600px;
}


.corpo_pagina .corpo_aplicativos_mobile .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 900px;
}




/*Estilos para serviços de Manutenção Aplicativos Web*/



.corpo_pagina .corpo_manutencao_apliativo_web
{	
    height: 1270px;
    text-align: center;
}


.corpo_pagina .corpo_manutencao_apliativo_web::before
{
left: 0px;
opacity: 0.5;
}



.corpo_pagina .corpo_manutencao_apliativo_web .numero_servico b
{
position: relative;
left: 0px;
top: 80px; 
}


.corpo_pagina .corpo_manutencao_apliativo_web .nome_servico
{
left: 50%;
transform: translateX(-50%);
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_manutencao_apliativo_web .descricao
{
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    font-size: 11pt;
    color: #bdcae8;
    top: 100px;
    line-height: 25px;
    font-family: cairo;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros
{
position: absolute;
top: 330px;
width: 95%;
left: 2.5%;
height: 300px;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros .quadros
{
position: absolute;
width: 95%;
height: 100%;
left: 2.5%;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
text-align: left;
}

.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro2
{
left: 2.5%;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 300px;
}


.corpo_pagina .corpo_manutencao_apliativo_web .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 600px;
}





/*Estilos para serviços de Sites e Sistemas*/

.corpo_pagina .corpo_sites_sistemas
{
height: 1600px;
text-align: center;
left: 0px;
width: 100%;
}

.corpo_pagina .corpo_sites_sistemas::before
{
background-position: 15% center; 
left: 0px;
opacity: 0.5;
}


.corpo_pagina .corpo_sites_sistemas .numero_servico b
{
position: relative;
left: 0px;
top: 80px; 
}


.corpo_pagina .corpo_sites_sistemas .nome_servico
{
left: 50%;
transform: translateX(-50%);
top: 90px; 
font-size: 20pt;
width: 280px;
line-height: 28px;
}

.corpo_pagina .corpo_sites_sistemas .descricao
{
left: 50%;
transform: translateX(-50%);
width: 80%;
font-size: 11pt;
color: #bdcae8;
top: 100px;
line-height: 25px;
font-family: cairo;
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros
{
position: absolute;
top: 330px;
width: 95%;
left: 2.5%;
height: 300px;
}



.corpo_pagina .corpo_sites_sistemas .corpo_quadros .quadros
{
position: absolute;
width: 95%;
height: 100%;
left: 2.5%;
border-radius: 30px;
background-color: rgba(19, 21, 50, 0.8);
backdrop-filter: blur(5px);
text-align: left;
}

.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro2
{
left: 2.5%;
top: 300px;
}


.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro3
{
    left: 2.5%;
    top: 600px;
}


.corpo_pagina .corpo_sites_sistemas .corpo_quadros #quadro4
{
    left: 2.5%;
    top: 900px;
}



}



@media (max-width: 417px)
{



    .corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas
{
top: 80px;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .texto
{
left: 5%;
width: 90%; 
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
font-size: 20px;
left: 0px;
width: 80%;
left: 10%;
line-height: 23px;
}

.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao
{
font-size: 20px;
width: 80%;
line-height: 23px;
}





.corpo_pagina .corpo_apresentacao .titulo_apresentacao
{
    position: relative;
font-size: 23px;
line-height: 25px;
max-width: 60%;
left: 50%;
transform: translateX(-50%);
top: 130px;
}

}