body{font-family: "Funnel Display", serif;overflow-x: hidden;}

:root{
	--primary: #003B63;
	--secondary: #B68C33;
	--gray: #423C3C;
}

.bg-light {background-color: #fff !important;box-shadow: 0px 4px 20px #0000001c;}
.navbar-light .navbar-nav .nav-link{color:var(--primary);padding: 10px 25px;}
.navbar-light .navbar-nav .button > a{background:var(--primary);color:#fff;border-radius: 5px;padding: 10px 30px;transition: .2s;margin-left:20px;}
.navbar-light .navbar-nav .button > a:hover{background:var(--secondary);color:#fff;border-radius: 5px;padding: 10px 30px;transition: .5s;}
i{padding-right: 5px;}
.navbar-light .navbar-nav .button > a:visited,.navbar-light .navbar-nav .button > a:active,.navbar-light .navbar-nav .button > a:focus{color:#fff!important;}
.dropdown-item{color:var(--primary);line-height:2;}

.hero{margin-top: 70px;margin-bottom: 0;}
.carousel, .hero, .slick-slide, .carousel-item, .hero .slick-slide img{height: 700px;}
.carousel-caption{position: absolute;right: 15%;bottom: 0px;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: left;display: flex !important;align-items: flex-start;flex-direction: column;justify-content: center;height: 100%;}
.slick-slide img {object-fit: cover;object-position: center;}
.carousel-caption h1{color: var(--primary);font-weight: 700;padding: 5px 0;}
.carousel-caption p{color: var(--gray);padding: 5px 0;}
.carousel-caption small{color: var(--gray);padding: 5px 0;}
a.button.azul{background:var(--primary);color:#fff;border-radius: 5px;padding: 10px 25px;text-decoration: none;}
a.button.amarelo{background:var(--secondary);color:#fff;border-radius: 5px;padding: 10px 25px;text-decoration: none;}
a.button.border:hover{background:transparent;color:var(--primary);border:1px solid var(--primary)!important;border-radius: 5px;padding: 10px 25px;text-decoration: none;transition: .2s;}
a.button.border:hover path{fill:var(--primary);transition: .2s;}
a.button.border{background:transparent;color:var(--secondary);border:1px solid var(--secondary)!important;border-radius: 5px;padding: 10px 25px;text-decoration: none;transition: .5s;}
a.button.border path{fill:var(--secondary);transition: .5s;}
.slick-next:before,.slick-prev:before{color:var(--primary)!important;}

a.button.border-azul{background:transparent;color:var(--primary);border:1px solid var(--primary)!important;border-radius: 5px;padding: 10px 25px;text-decoration: none;transition: .2s;}
a.button.border-azul path{fill:var(--primary);transition: .2s;}
a.button.border-azul:hover{background:transparent;color:var(--secondary);border:1px solid var(--secondary)!important;border-radius: 5px;padding: 10px 25px;text-decoration: none;transition: .5s;}
a.button.border-azul:hover path{fill:var(--secondary);transition: .5s;}
a.azul,a.amarelo,a.border{transform: scale(1.0);transition:.3s;}
a.azul:hover,a.amarelo:hover,a.border:hover{transform: scale(1.1);transition:.5s;}
.carousel:before{display: block;content: '';background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 10.5%, var(--secondary) 50%);height: 4px;width: 100%;position: absolute;z-index: 1;}
.carousel:after{display: block;content: '';background: linear-gradient(90deg, var(--secondary) 0%, var(--secondary) 10.5%, var(--primary) 50%);height: 4px;width: 100%;position: absolute;z-index: 1;}

.slick-prev {
	left: 50px!important;
	z-index: 2;
}

.slick-next {
	right: 50px!important;
	z-index: 2;
}
.azul{color:var(--primary);}
.amarelo{color: var(--secondary);}
.cinza{color: var(--gray);}
p.title{font-size: 42px;font-weight:700;line-height:1.2;}
p.title{font-size: 42px;font-weight:700;line-height:1.2;}

section.main img{width: 50px;height: 50px;}
section.main p.descricao{padding-left: calc(50px + 1rem);margin-top:20px!important;}
section.main p.title-topicos{font-size: 26px;line-height:1;}
section.main .topico:after{display: block;content: '';background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 10.5%, var(--secondary) 50%);height: 4px;width: 0%;position: absolute;z-index: 1; transition: width 0.3s ease-in-out;bottom:0;}
section.main .topico:hover:after{display: block;content: '';background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 10.5%, var(--secondary) 50%);height: 4px;width: 100%;position: absolute;z-index: 1;}

section.cartao{background: #00223a;color: #fff;margin-top: 60px;}
section.cartao .itens{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
img.cartao{     position: absolute;
	bottom: 0;
	width: 158%;}

section.credito .item {margin-bottom: 20px;}
section.credito .itens .item img{max-width: 42px;}

section.credito .unset{position: unset;}
section.credito .unset img{position: absolute;left: 0;height: 48%;}
section.credito .col-lg-6{height: 480px; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.text-bold{font-weight: 700;}

section.outros-produtos .item{border:1px solid var(--secondary);display: flex;align-items: flex-start;flex-direction: column;}
section.outros-produtos .item:hover{border:1px solid var(--primary);transition: .5s;}
section.outros-produtos .item a.button.border{margin-top: auto!important;}
section.outros-produtos .item:hover a.button.border{background:transparent;color:var(--primary);border:1px solid var(--primary)!important;transition: .5s;}
section.outros-produtos .item:hover a.button.border path{fill:var(--primary);transition: .5s;}
section.outros-produtos .col-lg-4{display: flex;}

section.dti{background: url(../img/bg-dti.png);background-size: cover;background-position: bottom;padding: 150px 0;}
section.dti .item {
	margin-bottom: 20px;
}
section.outras-solucoes .card-body > div{float: left;}
section.outras-solucoes .card{border-color: var(--primary)!important;width: calc(100% - 2px);min-height: 430px;}
/* section.outras-solucoes{margin-bottom: 400px;} */
section.outras-solucoes .posts{position: relative;}
section.outras-solucoes .slick-track {
	gap: 20px;
	grid-gap: 20px;
	display: flex;
}
.slick-slide img.card-img-top {
	display: block!important;
	max-height: 280px!important;
	min-height: 280px!important;
	object-fit: cover!important;
	object-position: center;
}
.posts .item{min-height:410px;}

section.integracao{background-color: #EFEFEF;}
section.integracao .unset{position: unset;}
section.integracao .unset.right img{position: absolute;right: 0;height: 48%;}
section.integracao .unset.left img{position: absolute;left: 0;height: 48%;}
section.integracao .col-lg-6{height: 560px; display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
section.integracao .item {margin-bottom: 20px;}
section.integracao img.icon{width: 33px;}
section.integracao .mt-1 p{padding-left: 42px;}

section.integracao .row.pt-3:before{display: block;content: '';background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 10.5%, var(--secondary) 50%);height: 4px;width: 60%;position: absolute;z-index: 1;left: 0;}
section.integracao .row.pb-3:after{display: block;content: '';background: linear-gradient(90deg, var(--secondary) 0%, var(--secondary) 10.5%, var(--primary) 50%);height: 4px;width: 60%;position: absolute;z-index: 1;right: 0;}

section.footer:before{display: block;content: '';background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 10.5%, var(--secondary) 50%);height: 4px;width: 100%;position: absolute;z-index: 1;}
p.decor:after{display: block;content: '';background:  var(--secondary);height: 2px;width: 100%;position: absolute;z-index: 1;}
p.decor{line-height: 3;display: inline-block;position: relative;}

section.footer{background: rgba(217, 217, 217, 0.15);}
.d-grid.menu{display:grid;grid-template-columns: 1fr 1fr;}
.d-grid.menu.one-column{display:grid;grid-template-columns: 1fr;}
.d-grid.menu.four-column{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
section.footer a{color:var(--gray);display: inline-block;}
section.footer a:hover{color:var(--secondary);}
section.footer .sociais {font-size: 30px;}
section.footer .sociais a{color: var(--primary);}
section.footer .sociais a:hover{color: var(--secondary);}
.logo_footer{background-color: #fff;}

.float-wa{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 2px 2px 3px #0000009e;
	z-index:100;
}
.float-wa:hover{color:#fff;transform:scale(1.05);}

.my-float{
	margin-top:16px;
}
i.fa-whatsapp {padding-right: 0;}

.single-post{max-width: 700px; top: -80px;} 
.single-post img.rounded-circle{width: 120px; border: 5px solid #eee; background-color: white;height: 120px;object-fit: contain;}
.text-primary{color: var(--secondary)!important;text-decoration: none!important;}
.slick-dots li button:before{font-size: 12px!important;color:var(--primary)!important;}
.slick-dots {bottom: -55px!important;}
@media screen and (max-width:500px){
	.carousel-caption{width: 100%!important;height: 100%!important;transform: none!important;left: 0;right: 0;}
	.single-post{top: -60px;} 
	.single-post img.rounded-circle{width: 90px; border: 5px solid #eee; background-color: white;height: 90px;object-fit: contain;}
	img.w-100.my-3 {object-fit: cover;min-height: 200px;}
	a.button.border-azul.ml-auto{margin-left:0 !important;}
}
@media screen and (min-width:768px){
	section.outras-solucoes .slick-track {gap: 20px;grid-gap: 20px;}

}
@media screen and (max-width:991px){
	section.cartao .itens {grid-template-columns: 1fr;}
	section.credito .unset img{position: relative;width: 100%;height: auto;margin-bottom: 30px;}
	section.credito .col-lg-6{height: auto;}
	section.outros-produtos .item{margin-bottom: 15px;}
	p.h1, p.title, h1{font-size: 30px;}
	.dti .container{background: #f3f3f3d1;padding: 20px 15px;}
	section.outras-solucoes .posts {position: relative;}
	section.outras-solucoes .slick-track {gap: 0px;grid-gap: 0;}
	section.outras-solucoes {margin-bottom: 0;}
	section.integracao .unset.right img{position: relative;width: 100%;height: auto;margin-bottom: 30px;}
	section.integracao .unset.left img{position: relative;width: 100%;height: auto;margin-bottom: 30px;}
	section.integracao .col-lg-6{position: relative;width: 100%;height: auto;margin-bottom: 30px;}
	section.integracao .unset.right{order:-1;}
	.carousel-caption{width: 70%;background: #eeeeeea3;height: auto;transform: translate(0, -50%);}
	section.outras-solucoes .card {min-height: 460px;}
}

@media screen and (min-width:992px) and (max-width:1440px){
	body{max-width: 100vw!important;}
	section.credito .unset img,section.integracao .unset.right img,
	section.integracao .unset.left img {
		position: relative;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.cartao .col-lg-6:last-child{display: none;}
	.cartao .col-lg-6:first-child{width: 100%!important;flex: 0 0 100%;max-width: 100%;}
	section.outras-solucoes .card {min-height: 460px;}
	section.integracao .unset,section.integracao .col-lg-6{margin:3rem 0;}

}

@media screen and (min-width:992px) and (max-width:1380px){
	.carousel, .hero, .slick-slide, .carousel-item, .hero .slick-slide img{height:calc(100vh - 70px);}
}
@media screen and (min-width:992px){

.nav-item:hover .dropdown-menu {
	display: block!important;
	opacity: 1; /* Torna o dropdown visível */
	transform: translateY(10px); /* Move o dropdown para a posição original */
	transition: opacity .1s ease, transform .1s ease, visibility .1s ease; /* Adiciona a transição */
	visibility: visible;
	transition-delay:0s;
}

.nav-item.active:hover .dropdown-menu {
	display: block!important;
	opacity: 1; /* Torna o dropdown visível */
	transform: translateY(15px); /* Move o dropdown para a posição original */
	transition: opacity .1s ease, transform .1s ease, visibility .1s ease; /* Adiciona a transição */
	visibility: visible;
	transition-delay:0s;
}
.dropdown-menu {
	opacity: 0;
	transform: translateY(30px); /* Move o dropdown um pouco para cima */
	top: 100%; /* Posiciona o dropdown diretamente abaixo do item */
	display: block!important;
	visibility: visible;
	border:0;
	box-shadow: 0px 10px 20px #0000001c;
}
.nav-item:not(:hover) ul {
	opacity: 0; /* Torna o dropdown visível */
	transform: translateY(30px); /* Move o dropdown para a posição original */
	transition: opacity .4s ease, transform .4s ease, visibility .2s ease; /* Adiciona a transição */
	background-color:#fff;
	visibility: collapse;
	transition-delay: 0.1s;
}
	.dropdown-item:hover{background:var(--primary);color:#fff;}
	.dropdown-menu:before {
		content: "";
		width: 100%;
		height: 30px;
		display: block;
		position: absolute;
		top: -15px;
	}
}

@media screen and (min-width:1919px){
	section.integracao .col-lg-6, section.credito .col-lg-6 {height: 620px;}
}