@font-face {
	font-family: "Montserrat";
	src: url("/assets/fonts/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("/assets/fonts/Montserrat-Bold.ttf");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("/assets/fonts/Montserrat-Medium.ttf");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url("/assets/fonts/Montserrat-SemiBold.ttf");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

#topo-sobre .container {
	position: relative;
}

#topo-sobre .bolha-maior,
#topo-sobre .bolha-menor {
	position: absolute;
}

#topo-sobre .bolha-maior {
	max-width: 123px;
	top: 124px;
	left: 0px;
	z-index: 1;
}

#topo-sobre .bolha-menor {
	max-width: 45px;
	right: 0;
	top: 30px;
	transform: rotateZ(-285deg);
}

#topo-sobre .topo-second-row {
	margin-top: 40px;
}

#topo-sobre .topo-col-1 p {
	font-size: 32.64px;
	font-size: 5.1rem;
	max-width: 455px;
	font-weight: 600;
	text-align: right;
	margin: 0 20px 0 auto;
	line-height: 1.3;
}

#topo-sobre .topo-col-2 p {
	max-width: 455px;
	text-align: left;
	margin: 0 auto 0 20px;
}

#topo-sobre .img-topo img {
	display: flex;
	margin: auto;
}

@media (max-width: 767px) {
	#topo-sobre .topo-col-1 p {
		font-size: 32.64px;
		font-size: 5.1rem;
		max-width: 100%;
		text-align: left;
		margin: 10px 0;
	}
	#topo-sobre .topo-col-2 p {
		max-width: 100%;
		text-align: left;
		margin: 10px 0;
	}
}

#clientes-prioridade .cliente-prio-col {
	padding-right: 50px;
}

#clientes-prioridade .cliente-prio-col p {
	margin: 20px 0;
}

@media (max-width: 767px) {
	#clientes-prioridade .cliente-prio-col {
		padding-right: 0;
	}
}

#clientes-prioridade .cliente-prio-col-1 h2 {
	font-size: 32.64px;
	font-size: 5.1rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 20px 0;
}

#cultura h2 {
	font-size: 32.64px;
	font-size: 5.1rem;
	font-weight: 600;
	line-height: 1.3;
}

#cultura img {
	padding-right: 40px;
}

@media (max-width: 767px) {
	#cultura img {
		padding-right: 0;
	}
}

#culture-code .container {
	position: relative;
}

#culture-code .bolha-1,
#culture-code .bolha-2,
#culture-code .bolha-3,
#culture-code .bolha-4,
#culture-code .bolha-5,
#culture-code .bolha-6 {
	position: absolute;
}

#culture-code .bolha-1 {
	left: 49%;
	width: 20px;
	top: 350px;
}

#culture-code .bolha-2 {
	width: 84px;
	top: 400px;
	left: 44%;
}

#culture-code .bolha-3 {
	width: 445px;
	top: 375px;
	left: -153px;
}

#culture-code .bolha-4 {
	width: 268px;
	bottom: 496px;
	right: -96px;
}

#culture-code .bolha-5 {
	left: 49%;
	width: 20px;
	bottom: 320px;
}

#culture-code .bolha-6 {
	width: 84px;
	right: 24px;
	bottom: 212px;
}

@media (max-width: 767px) {
	#culture-code .bolha-3 {
		width: 300px;
		top: 218px;
		left: -153px;
	}
	#culture-code .bolha-4 {
		bottom: 230px;
		right: -200px;
	}
	#culture-code .bolha-6 {
		width: 84px;
		right: -20px;
		bottom: 212px;
	}
}

#culture-code .row-culture-code {
	margin: 20px 0 40px;
}

#culture-code .row-culture-code > div:nth-child(1) {
	padding-right: 40px;
}

#culture-code .row-culture-code > div:nth-child(2) {
	padding-left: 40px;
}

#culture-code .row-culture-code > div img {
	margin-left: auto;
}

#culture-code .row-culture-code > div img.img-2, #culture-code .row-culture-code > div img.img-3 {
	max-width: 60%;
}

#culture-code .row-culture-code > div h3 {
	font-weight: 600;
	font-size: 21.76px;
	font-size: 3.4rem;
	margin: 0 0 20px;
}

#culture-code .row-culture-code > div p {
	font-size: 16px;
	font-size: 2.5rem;
	margin-bottom: 60px;
}

@media (max-width: 767px) {
	#culture-code .row-culture-code > div:nth-child(1), #culture-code .row-culture-code > div:nth-child(2) {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	#culture-code .row-culture-code {
		margin: unset;
	}
}

#gamification.custom-color {
	background: #341e7f;
	color: #ffffff;
}

#gamification h2 {
	font-weight: 600;
	font-size: 32.64px;
	font-size: 5.1rem;
	max-width: 450px;
	margin: 40px auto 0;
}

#gamification .row-game {
	margin: 90px 0;
}

#gamification .row-game > div:nth-child(1) p {
	text-align: right;
}

#gamification .row-game > div:nth-child(3) {
	margin-top: 150px;
}

#gamification .row-game .img-personagens {
	margin-top: 100px;
	padding: 0 10px;
}

#gamification .row-game .img-tesouro {
	max-width: 400px;
	margin: 20px auto 0;
}

@media (max-width: 767px) {
	#gamification .row-game {
		margin: 50px 0;
	}
	#gamification .row-game > div:nth-child(1) p {
		text-align: left;
	}
	#gamification .row-game > div:nth-child(3) {
		margin-top: 0;
	}
	#gamification .row-game .img-personagens {
		margin: 20px 0;
		padding: 0 10px;
	}
	#gamification .row-game .img-tesouro {
		max-width: 90%;
		margin: 20px auto 0;
	}
}

#app-gamification {
	background-image: url("/assets/images/sobre/-sobre-app-gamification-desk-manager.webp");
	background-size: cover;
	background-position: center;
}

#app-gamification .container {
	position: relative;
}

@media (max-width: 767px) {
	#app-gamification .container {
		padding-bottom: 220px;
	}
}

#app-gamification .monstros-gamefication {
	position: absolute;
	max-width: 390px;
	width: 100%;
	right: 0px;
	bottom: 0;
}

#app-gamification h2 {
	font-size: 48px;
	font-size: 7.5rem;
	font-weight: 400;
	max-width: 670px;
	color: #312986;
	margin-bottom: 100px;
}

@media (max-width: 767px) {
	#app-gamification h2 {
		font-size: 32.64px;
		font-size: 5.1rem;
	}
}

#app-gamification a.cta-default.cta-custom-color {
	background: #312986;
}

#app-gamification a.cta-default.cta-custom-color:hover {
	background: #ffffff;
	color: #312986;
}

#time-campeao .container.huge-padding {
	padding-bottom: 0;
}

#time-campeao p {
	max-width: 720px;
	margin-bottom: 0;
}

#conquistas .container.default-padding {
	padding-bottom: 110px;
}

/*# sourceMappingURL=sobre.css.map */