@charset "utf-8";

/* Intro */
.sec-intro{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	background-image:url("../img/BG-Intro.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	justify-content: center;
	align-items: center;
	padding-top: 10em;
}
.container-intro{
	width: 90%;
	margin: 0 auto;
	height: 90vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.box-intro{
	width: 50%;
	height: 100%;
}
/* Clients */
.sec-clients{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5em 0;
}
.container-clients{
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.container-clients img{
	max-width: 900px;
}
.title-clients{
	font-size: 2vw;
}
/* Imobitek */
.sec-imobitek{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3em 0;
}
.container-imobitek{
	width: 90%;
	display: flex;
	justify-content: center;
}
.imobitek-left{
	width: 30%;
	padding: 20px;
}
.imobitek-right{
	width: 70%;
	display: flex;
	flex-direction: column;
}
.imobitek-line{
	display: flex;
	height: 100%;
}
.text-cards{
	padding: 20px;
	margin: 5px;
}
.text-imobitek{
	font-size: 17px;
	line-height: 120%;
}
.title-imobitek{
	font-size: 19px;
	line-height: 120%;
}
/* Video */
.sec-video{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 4em 0;
	background-image:url("../img/Bg-Body.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.container-video{
  width: 70%;
  margin: 0 auto;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
/* Bullets */
.sec-bullets{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.container-bullets{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.bullets-left{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-self: stretch;
	width: 100%;
}
.bullets-right{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-self: stretch;
	width: 100%;
}
.bullets-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px;
}
.bullets-pink{
	background-color: #f90661;
	display: flex;
	flex-direction: column;
	padding: 2em;
	height: 100%;
	border-radius: 15px;
}
.bullets-white{
	background-color: white;
	display: flex;
	flex-direction: column;
	padding: 2em;
	height: 100%;
	border-radius: 15px;
}
.bullets-transparent{
	display: flex;
	flex-direction: column;
	padding: 2em;
	height: 100%;
}
.bullets-title{
	font-size: 2.5vw;
}
.bullets-sub-title{
	width: 70%;
}
.bullets-text{
	font-size: 1.5vw;
}
/* KPIs */
.sec-kpis{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5em 0;
}
.container-kpis{
	width: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kpis-a{
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.kpis-b{
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.kpis-c{
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.kpis-box{
	display: flex;
	flex-direction: column;
	padding: 30px;
	margin: 5px;
}
.intro-kpis{
	font-size: 45px;
	line-height: 130%;
}
.title-kpis{
	font-size: 23px;
}
.text-kpis{
	font-size: 40px;
}
/* FAQ */
.sec-faq{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 12em 0 7em 0;
}
.container-faq{
	width: 60%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.div-accordion{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  margin: 5px 0;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  position: relative;
  padding-left: 50px; /* Adiciona espaçamento à esquerda para o texto da pergunta */
}
.accordion::before {
	content: '\25BC'; /* Seta para baixo */
	color: #f90661; /* Cor das setas */
	position: absolute;
	left: 18px;
	transition: transform 0.4s;
}
.accordion.active::before {
	content: '\25B2'; /* Seta para cima */
}
.panel {
  padding: 0 18px;
  overflow: hidden;
  background-color: black;
  max-height: 0;
  transition: max-height 0.4s ease-out;
}
.panel p {
  margin: 0;
  padding: 10px 0;
}
.accordion.active {
  color: white;
  background-color: #555;
}
.accordion.active + .panel {
  max-height: 500px; /* Defina a altura máxima desejada */
}
/* Footer */
.sec-footer{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	background-image:url("../img/Bg-Body.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 3em 0;
}
.container-footer{
	width: 70%;
	display: flex;
	justify-content: space-between;
}
.footer-left{
	width: 70%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.footer-right{
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer-txt{
	font-size: 15px;
	line-height: 200%;
}

.instagram{
	display: flex;
}
/* Contato Realizado */
.section-contato{
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: center;
}
.container-contato{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: center;
}

/* Relatórios */
.sec-relatorios{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5em 0;
}
.container-relatorios{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.title-relatorios{
	font-size: 40px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1280px){
	.container-relatorios{
		width: 80%;
	}
}

/* Agenda */
.sec-agenda{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5em 0;
}
.container-agenda{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.title-agenda{
	font-size: 40px;
}
.sub-agenda{
	font-size: 25px;
	line-height: 140%;
}
@media only screen and (max-width: 1024px){
	.container-agenda{
		width: 80%;
	}
}

/* Como Funiona */
.sec-funciona{
	width: 100vw;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5em 0;
}
.container-funciona{
	width: 90%;
	display: flex;
	align-self: stretch;
}
.box-funciona{
	width: 50%;
	height: 100%;
	padding: 60px;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-self: center;
}
.title-funciona{
	font-size: 40px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1024px){
	.container-funciona{
		flex-direction: column;
	}
	.box-funciona{
		width: 100%;
	}
}
@media only screen and (max-width: 800px){
	.title-funciona{
		font-size: 30px;
	}
}
@media only screen and (max-width: 600px){
	.box-funciona{
		padding: 40px;
	}
}

/* -------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1280px){
	.intro-kpis{
		font-size: 35px;
	}
	.title-kpis{
		font-size: 19px;
	}
	.text-kpis{
		font-size: 30px;
	}
	.bullets-box{
		width: 33.333333333%;
	}
	.bullets-title{
		font-size: 3vw;
	}
	.bullets-text{
		font-size: 2vw;
	}
	.footer-left{
		width: 60%;
	}
	.footer-right{
		width: 40%;
	}
}

@media only screen and (max-width: 1024px){
	.box-intro{
		width: 70%;
	}
	.container-clients{
		width: 90%;
	}
	.container-clients img{
		max-width: 100%;
	}
	.title-clients{
		font-size: 4vw;
		width: 70%;
	}
	.container-imobitek{
		flex-direction: column;
	}
	.imobitek-left, .imobitek-right{
		width: 100%;
	}
	.container-video{
	  width: 90%;
	}
	.sec-bullets{
		flex-direction: column;
	}
	.bullets-box{
		width: 100%;
	}
	.bullets-title{
		font-size: 4vw;
	}
	.bullets-text{
		font-size: 2.3vw;
	}
	.container-faq{
		width: 85%;
	}
	.container-footer{
		width: 90%;
	}
	
}

@media only screen and (max-width: 800px){
	.imobitek-line{
		flex-direction: column;
	}
	.title-form{
		font-size: 5vw;
	}
	.subtitle-form{
		width: 90%;
	}
	.bullets-left, .bullets-right{
		flex-direction: column;
	}
	.bullets-title{
		font-size: 5vw;
	}
	.bullets-text{
		font-size: 3vw;
	}
	/* KPIs */
	.sec-kpis{
		flex-direction: column;
	}
	.container-kpis{
		flex-direction: column;
	}
	.kpis-a{
		width: 100%;
		align-items: center;
	}
	.kpis-b{
		width: 100%;
	}
	.kpis-c{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.kpis-box{
		display: flex;
		text-align: center;
	}
	.intro-kpis{
		font-size: 45px;
		line-height: 130%;
		text-align: center;
	}
	.title-kpis{
		font-size: 23px;
	}
	.text-kpis{
		font-size: 40px;
	}
	.container-footer{
		flex-direction: column;
		width: 90%;
	}
	.footer-left, .footer-right{
		width: 100%;
	}
}

@media only screen and (max-width: 600px){
	.sec-intro{
		background-position: 75% center;
	}
	.box-intro{
		width: 85%;
	}
	.title-clients{
		font-size: 6vw;
	}
	.bullets-title{
		font-size: 7vw;
	}
	.bullets-text{
		font-size: 5vw;
	}
	/* KPIs */
	.intro-kpis{
		font-size: 35px;
	}
	.text-kpis{
		font-size: 35px;
	}
	.container-footer{
		width: 80%;
	}
}