/*Estilos das nossas soluções e serviços*/
.titulo_corpo_quadros_servicos
{
position: relative;
top: 80px;
font-size: 40px;
width: 800px;
line-height: 40px;
width: 400px;
left: 50%;
transform: translateX(-50%);
text-align: center;
font-family: cairo;
}

.corpo_quadros_servicos
{
position: relative;
width: 95%;
left: 2.5%;
top: 120px;	
}

.corpo_quadros_servicos .quadros
{
position: absolute;
width: 32%;
height: 370px;
border-radius: 20px;
background-color: rgba(39, 46, 78, 0.9);
backdrop-filter: blur(8px);
}


.corpo_quadros_servicos #quadro2
{
left: 34%;	
}

.corpo_quadros_servicos #quadro3
{
right: 0px;	
}


.corpo_quadros_servicos #quadro4
{
top: 400px;
}


.corpo_quadros_servicos #quadro5
{
top: 400px;
left: 34%;
}



.corpo_quadros_servicos #quadro6
{
top: 400px;
right: 0%;
}





.corpo_quadros_servicos .quadros .corpo_icon
{
position: relative;
width: 70px;
height: 70px;
top: 40px;
left: 30px;
border-radius: 10px;	
background-size: 40px 30px;
background-repeat: no-repeat;
background-position: center center; 
background: linear-gradient(200deg, #E22B1E, rgba(255, 255, 255, 0.6));
}


.corpo_quadros_servicos .quadros .corpo_icon img
{
position: absolute;
width: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);	
}



.corpo_quadros_servicos .quadros .nome_servico
{
position: absolute;
left: 120px;
height: 70px;
font-size: 19px;
font-family: Roboto-Regular;
top: 40px;
max-width: calc(100% - 150px);
display: flex;
align-items: center;
}


.corpo_quadros_servicos .quadros ul
{
position: relative;
left: 50px;
top: 60px;
}


.corpo_quadros_servicos .quadros ul li
{
font-family: cairo;
font-size: 10pt;
line-height: 20px;
margin-top: 5px;
color: #bdcae8;
}

.corpo_quadros_servicos .quadros .btn_saiba_mais
{
position: absolute;
bottom: 40px;
width: 80%;
left: 10%;
padding: 10px;
background-color: #2942bc;
color: #fff;
border-radius: 10px;
height: 55px;
border: none;
cursor: pointer;
transition: 0.5s;
}

.corpo_quadros_servicos .quadros .btn_saiba_mais:hover
{
background-color: #2a3ea1;
}




/*Estilos para tela de apresentação da página carregada*/
.corpo_pagina .corpo_apresentacao
{
position: relative;
width: 100%;	
height: 550px;
background-image: url('../img/img_apresentacao_inicio.webp');
background-size: cover;
background-position: 100% center; 
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}


.corpo_pagina .corpo_apresentacao .slogam b
{
position: relative;
top: 60px;
left: 40px;	
width: 400px;
font-family: cairo;
font-size: 11pt;
color: #bdcae8;
}


.corpo_pagina .corpo_apresentacao .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 48px;
width: 800px;
line-height: 57px;
}

.corpo_pagina .corpo_apresentacao .descricao
{
position: relative;
top: 80px;
left: 40px;	
width: 400px;
font-family: cairo;
font-size: 11pt;
color: #bdcae8;
}


.corpo_pagina .corpo_apresentacao .btn_solicitar_orcamento
{
position: relative;
top: 120px;
left: 40px;	
font-family: cairo;
color: #fff;
background-color: #2942bc;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
line-height: 24px;
border-radius: 10px;
cursor: pointer;
border: none;
transition: 0.5s;
}
.corpo_pagina .corpo_apresentacao .btn_solicitar_orcamento:hover
{
background-color: #2a3ea1;	
}



.corpo_pagina .corpo_apresentacao .corpo_clientes
{
position: absolute;
bottom: 0px;
left: -2.5%;
width: calc(100% + 2.5%);
height: 100px;
background-image: url('../img/img_rgba_clientes.webp');
background-repeat: no-repeat;
background-size: 400px 100%;
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .texto
{
position: relative;
width: 100px;
left: calc(2.5% + 30px);
font-family: Roboto-Regular;
line-height: 24px;
top: 15px;
font-size: 16px;
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .lista_clientes
{
overflow: hidden;
position: absolute;
display: flex;
max-width: calc(100% - 2.5% - 500px);
height: 80%;
top: 10%;
left: calc(2.5% + 200px);
border-left: solid 1px #fff;
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .lista_clientes .logos_lista_clientes
{
display: flex;
left: 10px;
position: relative;
transition: 1s;	
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .lista_clientes .img_logos_clientes
{
position: relative;
max-height: 60px;
top: 50%;
transform: translateY(-50%);	
transition: transform 0.5s ease;
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .btn_texto_veja_o_feedback_que_recebemos
{
position: absolute;
right: 0px;
top: 0px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
width: 300px;
font-family: cairo;
border: none;
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .btn_texto_veja_o_feedback_que_recebemos a
{
color: #bdcae8;	
transition: 0.5s;
}
 

.corpo_pagina .corpo_apresentacao .corpo_clientes .btn_texto_veja_o_feedback_que_recebemos img
{
position: relative;
height: 13px;
width: 8px;
left: 10px;
top: 2px;
}

.corpo_pagina .corpo_apresentacao .corpo_clientes .btn_texto_veja_o_feedback_que_recebemos a:hover
{
color: #fff;	
}





/*Estilos do corpo de apresentação do Grupo ASSUNTEC*/


.corpo_pagina .corpo_apresentacao_grupo_assuntec
{
position: relative;
top: 970px;
width: 100%;	
height: 700px;
background-image: url('../img/img_apresentacao_grupo_assuntec.jpg');
background-size: cover;
background-position: 50% center; 
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}




.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 48px;
width: 600px;
line-height: 57px;
font-family: arial;
}


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

.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral ul
{
list-style: none;
display: flex;
}

.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral ul li
{
transition: 0.5s;
font-family: cairo;
font-size: 10pt;
line-height: 45px;
color: #bdcae8;	
margin-right: 50px;
opacity: 0.5;
cursor: pointer;
 user-select: none; /* Impede a seleção de texto */
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral ul li:hover
{
opacity: 1;
color: #fff;	
}

.corpo_pagina .corpo_apresentacao_grupo_assuntec .corpo_lateral .texto_apresentacao_assuntec
{
font-size: 12pt;
color: #bdcae8;	
font-family: cairo;
line-height: 24px;
max-width: calc(100% - 80px);
position: relative;
top: 20px;
}



.corpo_pagina .corpo_apresentacao_grupo_assuntec .titulo_apresentacao span
{
background: linear-gradient(80deg, #0e39fa, #f87c00);
background-clip: border-box;
-webkit-background-clip: text;
color: transparent;
}


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




/*Estilos para o rodapé da página*/


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


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

.corpo_rodape_pagina .corpo_icons_redes_sociais
{
position: relative;
top: 130px;
width: 300px;
left: 60px;
}

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


.corpo_rodape_pagina .corpo_lateral div ul
{
 list-style: none;
 position: relative;
 font-family: arial;
}

.corpo_rodape_pagina .corpo_lateral div ul li
{
   position: relative;
   margin-top: 20px; 
   font-size: 10pt;
}

.corpo_rodape_pagina .corpo_lateral div ul li a
{
    color: #bdcae8;
}


.corpo_rodape_pagina .corpo_lateral div ul li a:hover
{
    color: #fff;
}

.corpo_rodape_pagina .corpo_lateral .institucional
{
 display: block;  
 position: absolute;
 width: 30%; 
 top: -50px;
}


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



.corpo_rodape_pagina .corpo_lateral .contactos
{
 display: block;  
 position: absolute;
 width: 30%;
 left: 64%; 
 top: -50px;
}




.corpo_rodape_pagina .corpo_lateral div
{
   display: none; 
}




/*Estilos do corpo vamos bater um papo sobre suas demandas (Rodapé da página)*/


.corpo_rodape_pagina .cor_fundo_cabecalho
{
position: absolute;
width: 100%;
left: 0px;
height: 300px;
background-color: #131532; 
}


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

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .titulo_apresentacao
{
position: relative;
top: 70px;
left: 40px;
font-size: 48px;
width: 600px;
line-height: 57px;
font-family: arial;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .texto
{
position: relative;
top: 80px;
left: 40px; 
width: 450px;
font-family: cairo;
font-size: 11.5pt;
color: #fff;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas
{
position: relative;
top: 120px;
left: 40px; 
font-family: cairo;
background-color: transparent;
font-size: 15px;
border-radius: 10px;
cursor: pointer;
border: none;
transition: 0.5s;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas b
{
color: #bdcae8;
transition: 0.5s;
}


.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas b:hover
{
color: #fff;    
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .btn_fale_com_especialistas img
{
position: relative;
width: 25px;
top: 8px;   
 filter: invert(1);
 opacity: 0.8;
}

.corpo_rodape_pagina .corpo_vamos_um_papo_sobre_suas_demandas .img_icon
{
position: absolute;
right: -20px;
width: 300px;
top: 50%;
transform: translateY(-50%);
}