/*
Theme Name: ETIPI
Author: ETIPI
Author URI: https://etipi.pi.gov.br
Description: Site da ETIPI
Template: hello-elementor
*/
.xpro-elementor-content a{
/* 	color:#002459 !important */
}
.home .type-solucoes, .parent-pageid-4857 .type-solucoes{
	overflow:hidden;
	border-radius: 12px;
	border: 1.166px solid #E5E7EB;
	position:relative;
	box-shadow: 0px 5.01px 5.01px 0px rgba(0, 0, 0, 0.25), 0px 1.166px 3.498px 0px rgba(0, 0, 0, 0.10);
}
.home .type-solucoes:before, .parent-pageid-4857 .type-solucoes:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: linear-gradient(0deg, rgba(0, 36, 89, 1) 0%, rgba(0, 36, 89, 0.60) 100%);
	z-index:2
}
.video-servico{
	transform:scale(1.2);
}
.swiper-pagination-bullet{
	background: #669CEA !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active{
	background:#002459 !important
}
#ecossistema .elementor-tab-title.elementor-active{
	background:#BFD5F6;
}
#ecossistema .elementor-tab-title{
	background:#E2E7E7;
	border-radius:8px;
	padding:10px 15px;
	margin-right:10px
}
#ecossistema .elementor-tabs-wrapper{
	border-collapse: separate;
    border-spacing: 10px;
	margin-left:-10px
}
#ecossistema .elementor-tab-content{
	padding:0;
	margin-top:30px;
	width:50%
}
#ecossistema .elementor-tab-content h3{
	font-size:40px;
	font-weight:700
}
#ecossistema .elementor-tab-content p{
	font-size:20px
}
#ecossistema .elementor-tab-content a{
	display:inline-block;
	padding:20px 40px 20px 20px;
	color:#fff;
	border:1px solid #fff;
	border-radius:6px;
	background:url('https://dev.etipi.com.br/wp-content/uploads/2024/04/arrow_forward_ios.svg') no-repeat right center;
	background-position: 96% center;
	    background-size: 10px;
	margin-top:10px
}

.lista-noticias{
	position:relative;
	border-radius: 8px;
border: 1px solid #E5E7EB;
box-shadow: 0px 0.81px 2.431px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);
}
.lista-noticias:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0.03%, rgba(0, 0, 0, 0.75) 75.22%)
}


.lista-diretoria{
	display:flex;
	gap:10px;
	margin-bottom:100px
}
.lista-diretoria .perfil-dir{
	width:25%;
	height:680px;
	border-radius:16px;
	position:relative;
	overflow:hidden;
	    display: flex;
    align-items: end;
	background-size:cover;
	background-repeat:no-repeat
}
.lista-diretoria .perfil-dir:before{
	position:absolute;
	content:"";
	left:0;
	height:100%;
	width:100%;
	top:0;
	background: linear-gradient(0deg, rgba(1, 75, 162, 0.40) 8.32%, rgba(0, 0, 0, 0.00) 68.57%);
}
.lista-diretoria .perfil-dir div{
	position:relative;
	z-index:55;
	padding:20px;
	color:#fff
}
.lista-diretoria .perfil-dir div p, .lista-diretoria .perfil-dir div a{
	margin:10px 0 0px 0;
	display:block
}
.lista-diretoria .perfil-dir div a{
	color:#fff;
}
.lista-diretoria .perfil-dir div a i{
	font-size:30px
}

.xpro-contact-form-field-subgroup{
	flex-direction: row;
	grid-gap: 25px !important;
}
.xpro-contact-form-field-option{
	    display: flex;
    gap: 10px;
    align-items: center;
	margin-top:15px
}
.xpro-contact-form-item-type-textarea{
	margin-top:20px
}
.lista-cats .xpro-taxonomy-list > li > a{
	position:relative;
}
.lista-cats .xpro-taxonomy-media{
	position:absolute;
	right:10px
}
.lista-cats .xpro-taxonomy-list > li.current-taxonomy{
	background:#150578;
	color:#fff;
	border-radius:5px
}
.lista-cats .xpro-taxonomy-list > li.current-taxonomy .xpro-taxonomy-list-content{
	color:#fff !important;
}
.topo-servico{
	overflow:hidden;
	position:relative
}
.topo-servico:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: linear-gradient(0deg, rgba(0, 36, 89, 0.30) 0%, rgba(0, 36, 89, 0.30) 100%);
	z-index:2
}

.lista-comofunciona{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:50px
}
.lista-comofunciona div{
	padding-left: 50px;
  	position: relative;
}
.lista-comofunciona i, .lista-beneficios div i, .lista-comofunciona img, .lista-beneficios div img{
	font-size:30px;
	color:#002459;
	margin-bottom:15px;
	position: absolute;
  left: 0;
  top: 10px;
}
.lista-comofunciona h4{
	font-weight:700;
	color:#102D49
}
.lista-beneficios div{
	display:flex;
	gap:20px;
	align-items: center;
	margin-bottom:25px;
	padding-left:80px
}
.lista-beneficios div i{
	margin:0
}
.wpcf7-textarea{
	height:125px !important
}
.wpcf7-acceptance span{
	margin:0
}

.case-tab{
	cursor:pointer
}
.case-content{
	display:none
}
.tab-ativa{
	background-color: #DFEAFB;
}

.timeline-cases{
	display:flex;
	gap:20px;
	position:relative;
}
.timeline-cases:before{
	content:"";
	position:absolute;
	top:68px;
	width:100%;
	height:4px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.22) 0%, #032C69 52.5%, rgba(255, 255, 255, 0.00) 100%);
}
.timeline-cases>div{
	width:25%
}
.timeline-cases span{
	display: block;
	text-align: center;
	color: #828281;
	font-size: 23px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	position:relative;
	padding-bottom: 90px;
}
.timeline-cases span:before{
	content:"";
	position:absolute;
	width:45px;
	height:45px;
	left:42%;
	background:url('https://dev.etipi.com.br/wp-content/uploads/2024/04/Dot-Timeline.svg') no-repeat center;
	bottom: 25px;
}
.timeline-cases .box-timeline{
	border-radius: 11.509px;
	border: 1.166px solid #E5E7EB;
	background: #FFF;
	box-shadow: 0px 1.166px 3.498px 0px rgba(0, 0, 0, 0.10), 0px 1.166px 2.332px -1.166px rgba(0, 0, 0, 0.10);
}
.timeline-cases .box-timeline h4{
	border-radius: 11.509px 11.509px 0px 0px;
	background: linear-gradient(90deg, #004DBF 0%, #002459 100%);
	margin:0;
	padding:10px;
	color:#fff;
	font-family: Manrope; 
	font-size:23px
}
.timeline-cases .box-timeline p{
	padding:10px;
	color: #A6A6A6;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
}

.lista-docs{
	border-radius:8px;
	padding:20px
}
.lista-docs th{
	border-block-start: none !important;
	border:0;
	text-align:left;
	border-bottom:2px solid #D2CACA
}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th, table tbody tr:hover > td, table tbody tr:hover > th{
	background:transparent !important
}
.lista-docs td{
	border:0;
	border-bottom:2px solid #D2CACA;
	 vertical-align:middle
}
.lista-docs a{
	background: #002459;
	padding: 10px 10px;
	color: #fff;
	display: flex;
	gap: 10px;
	width: 50%;
	justify-content: center;
	align-content: center;
	border-radius:8px;
	width: 100%;
}
.lista-docs a:hover{
	color:#fff
}
.linha-docs td:first-child{
	font-weight:800
}

.tabs-case-mobile .elementor-accordion-item{
	border:0 !important;
	margin-bottom: 20px;
	border-radius: 10px;
 	overflow: hidden;
	box-shadow: 0px 3px 6px #00000029;
}
.tabs-case-mobile .elementor-accordion-icon {
	position: absolute;
  	top: 36%;
 	right: 12px;
}
.tabs-case-mobile .elementor-tab-title{
	position:relative
}


#menu-politicas ul a.ativo span{
	color:#1F3861;
	font-weight:700
}
#menu-politicas ul a.ativo span svg{
	fill:#1F3861;
}

.categoria-servicos a{
	background:#150578;
    border-radius:5px;
    padding: 2px 10px 4px 10px;
  	font-size: 12px !important;
}

.gtranslate_wrapper {
	width: 105px !important;
    height: 25px !important;
    overflow: hidden !important;
}
@media(max-width:992px){
	.xtb-header-sticky.xtb-appear .elementor-element-2867d2eb{
		background: #0000005e;
	}
	#ecossistema .elementor-tab-content{
		width:100%
	}
	#ecossistema .elementor-tab-content a{
		font-size:14px
	}
	.lista-diretoria{
		display:block;
		margin-bottom:30px
	}
	.lista-diretoria .perfil-dir{
		width:100%;
		margin-bottom:30px
	}
	.lista-nots .elementor-post{
		flex-direction: column !important;
	}
	.timeline-cases{
		display:block;
	}
	.timeline-cases>div{
		width:100%
	}
	.timeline-cases span{
		text-align:left;;
		padding-bottom: 36px;
 	 	padding-left: 55px;
 		margin-top: 56px;
	}
	.timeline-cases span:before{
		left:0;
	}
	.timeline-cases .box-timeline{
		margin-left:50px
	}
	.timeline-cases::before{
		transform: rotate(0deg);
		left: 21px;
		width: 4px;
		height: 100%;
		top: 0;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.22) 0%, #032C69 52.5%, rgba(255, 255, 255, 0.00) 100%);
	}
	 table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    display: block;
  }
  
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
	
	.lista-comofunciona{
		    grid-template-columns: repeat(1, 1fr);
	}
}