/*****************************************
*************** VARIABLES ****************
*****************************************/

:root {

/*FONTE*/	
--theme-font: 'Lato', sans-serif;
	
/*CORES DA MARCA*/
--primary-50-color: #020F1B;	
--primary-100-color: #061B30;
--primary-150-color: #0147AD;
--primary-200-color: #3A80CC;
--primary-250-color: #DEE5F4;
--primary-300-color: #F1F8FF;	

/*CORES NEUTRAS*/	
--neutral-50-color: #161616;
--neutral-100-color: #323232;
--neutral-150-color: #484848;
--neutral-200-color: #565656;	
--neutral-250-color: #707070;	
--neutral-300-color: #9A9A9A;
--neutral-350-color: #BABABA;	
--neutral-400-color: #C5C5C5;
--neutral-450-color: #C5C5C5;	
--neutral-500-color: #D4D4D4;
--neutral-550-color: #E7E7E7;
--neutral-600-color: #FAFAFA;	
	
/*CORES DO WHATSAPP*/	
--whatsapp-50-color: #028916;
--whatsapp-100-color: #036110;

/*CORES BASE*/	
--black-color: #000000;	
--white-color: #FFFFFF;
		
}



/*****************************************
*************** CSS RESET **************** 
*****************************************/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, button, small, strike, strong, sub, sup, ol, ul, li, form, input, select, textarea, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, picture, img, svg {
	box-sizing: border-box;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
	font-family: var(--theme-font);
	border: 0;
	margin: 0;
	padding: 0
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	line-height: 1;
}

article, aside, footer, header, nav, section {
	display: block
}

ol, ul {
	list-style: none
}

a, button {
    cursor: pointer;
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    border: none;
    outline: none;
    padding: 0;
}

img, video, svg {
	display: block;
	width: 100%;
	height: auto;
}

picture {
	display: contents;
}

span, strike {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

strong {
	color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: inherit;
}



/*****************************************
*************** CONTAINER **************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.container {
	width: 100%;
	padding: 0 16px;
	margin: 0 auto;
}


/*CELULAR GRANDE E TABLETS PEQUENOS*/
@media (min-width: 640px) {
	
	.container {
		max-width: 640px;
	}	
	
}


/*TABLET*/
@media (min-width: 768px) {
	
	.container {
		max-width: 768px;
	}		
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.container {
		max-width: 1024px;
	}	
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.container {
		max-width: 1320px;
	}	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.container {
		max-width: 1436px;
	}	
	
}



/*****************************************
**************** SECTION ***************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
section {
	position: relative;
	overflow: hidden;
	padding: 64px 0;
	z-index: 1;
}


/*TABLET*/
@media (min-width: 768px) {
	
	section {
		padding: 88px 0;
	}		

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	section {
		padding: 104px 0;
	}		
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	section {
		padding: 120px 0;
	}	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	section {
		padding: 152px 0;
	}	
	
}



/*****************************************
************** TYPOGRAPHY **************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
h2, .h2,
h3, .h3,
h4, .h4 {
	text-transform: uppercase;
	color: var(--primary-100-color);
	font-weight: 700;
	line-height: 1.28;
	letter-spacing: -.01em;
}

h2, .h2 {
    font-size: 21px;
}

h3, .h3 {
	font-size: 17px;
}

h4, .h4 {
	font-size: 15px;
}

p, ul, ol, li {
	color: var(--neutral-250-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.56;
	letter-spacing: .01em;
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1024px) {
	
	h2, .h2 {
		font-size: 26px;
	}

	h3, .h3 {
		font-size: 18px;
	}

	h4, .h4 {
		font-size: 16px;
	}

	p, ul, ol, li {
		font-size: 15px;
	}		
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	h2, .h2 {
		font-size: 38px;
	}

	h3, .h3 {
		font-size: 22px;
	}

	h4, .h4 {
		font-size: 18px;
	}

	p, ul, ol, li {
		font-size: 18px;
	}	
	
}



/*****************************************
*************** TITLES ******************* 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.ttl-center, .ttl-left, .ttl-line {
	text-align: center;
	margin: 0 0 64px;
}

.ttl-line p, .ttl-center p, .ttl-left p {
    margin: 12px 0 0;
}

.ttl-line br, .ttl-center br, .ttl-left br {
    display: none;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.ttl-line, .ttl-left, .ttl-center {
			margin: 0 0 72px;
	}	
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.ttl-line, .ttl-center {
		margin: 0 0 80px;
	}	
	
	.ttl-left {
		text-align: left;
		margin: 0 0 32px;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.ttl-line {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: left;
	}	

	.ttl-line, .ttl-center {
		margin: 0 0 88px;
	}

	.ttl-center p, .ttl-left p {
		margin: 12px 0 0;
	}	
	
	.ttl-line br, .ttl-center br, .ttl-left br {
		display: block;
	}
	
}

/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.ttl-line, .ttl-center {
		margin: 0 0 104px;
	}

	.ttl-left {
		margin: 0 0 40px;
	}

	.ttl-center p, .ttl-left p {
		margin: 8px 0 0;
	}	
	
}



/*****************************************
*************** BUTTONS ****************** 
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	overflow: hidden;
	background: linear-gradient(45deg, var(--primary-150-color) 8%, var(--primary-200-color) 128%);
	color: var(--white-color);
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: normal;
	border: 1px solid var(--primary-150-color);
	border-radius: 8px;
	padding: 12px 24px;
	transition: .6s ease;
}

.btn::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    transform-origin: left;
    transform: scaleX(0);
    transition: .5s ease;
}

.btn-txt, .btn-arrow {
	position: relative;
	z-index: 9;
	transition: .6s ease;
}

.btn-txt-duplicate {
	color: var(--primary-150-color);
}

.btn-arrow {
	fill: currentColor;
	width: 10px;
    transform: rotate(-45deg);
}

.btn-ic {
	fill: currentColor;
	width: 16px;
}

form .btn {
	display: block;
	width: 100%;
}

.btn-center, .btn-left {
	text-align: center;
    margin: 64px 0 0;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.btn-arrow-area {
		border-radius: 4px;
	}
	
	.btn-center, .btn-left {
		margin: 72px 0 0;
	}
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.btn {
		font-size: 15px;
	}	
	
	.btn:hover {
		color: var(--primary-150-color);
	}
	
	.btn:hover::before {
		transform: scaleX(1);
	}
	
	.btn:hover .btn-arrow {
		transform: rotate(0);
		fill: var(--primary-150-color);
	}
	
	.btn-arrow {
		width: 12px;
	}

	.btn-ic {
		width: 18px;
	}

	.btn-center {
		margin: 80px 0 0;
	}	
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.btn {
		font-size: 16px;
		gap: 10px;
		padding: 12px 24px;
	}	

	.btn-ic {
		width: 20px;
	}

	.btn-center {
		margin: 88px 0 0;
	}

	.btn-left {
		margin: 32px 0 0;
	}	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.btn {
        font-size: 17px;
        gap: 12px;
        padding: 14px 26px;
    }
	
	.btn-arrow {
		width: 15px;
	}

	.btn-ic {
		width: 22px;
	}

	.btn-center {
		margin: 104px 0 0;
	}

	.btn-left {
		margin: 40px 0 0;
	}	
	
}



/*****************************************
**************** FORM ********************
*****************************************/

/*BASE CSS*/
.form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	gap: 10px;
}

.form_field-area {
	position: relative;
}	

.form_field-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
	
.form_field-group.group-3 {
    grid-template-columns: 1fr;
}

.form_field-select::before {
    content: '';
    position: absolute;
    top: 13.5px;
    right: 14px;
    width: 6px;
    height: 6px;
    border: 2px var(--neutral-300-color);
    border-top-style: solid;
    border-left-style: solid;
    transform: rotate(225deg);
}

.form_field-select label {
	opacity: 0;
}

.form_field {
    display: block;
    width: 100%;
    background-color: transparent;
    color: var(--neutral-150-color);
    font-size: 13px;
    line-height: 1.4;
    border: 1px solid var(--primary-250-color);
    border-radius: 4px;
    outline: none;
    padding: 15px 15px 15px 40px;
    transition: .4s;
}

.form_field:focus {
	border-color: var(--primary-150-color);
}

.form_input, .form_select {
	height: 38px;
}

.form_select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	background-image: none;
	padding: 0 15px 0 39px;	
}

.form_textarea {
	height: 96px;
}

.form_label {
    cursor: text;
    position: absolute;
    top: 12px;
    left: 31px;
    background-color: var(--white-color);
    font-weight: 400;
    transform-origin: left;
    padding: 0 8px;
    transition: .4s;
}

.form_label, .form_select {
	color: var(--neutral-250-color);
	font-size: 13px;
}

.form_field:focus ~ .form_label, .form_field.valid ~ .form_label {
  color: var(--primary-150-color);
  transform: scale(0.78) translate(4px, -24px);
}

.form_select.valid {
	color: var(--neutral-50-color);	
}

.form_icon {
    position: absolute;
    left: 14px;
    top: 12.5px;
    width: 13px;
    fill: var(--neutral-300-color);
    transition: .5s ease;
}

.form_field:focus ~ .form_icon, .form_field.valid ~ .form_icon {
  fill: var(--primary-150-color);
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.form_field-group {
		grid-template-columns: repeat(2, 1fr);
	}

	.form_field-group.group-3 {
		grid-template-columns: repeat(3, 1fr);
	}	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {		
	
	.form, .form_field-group {
		gap: 12px;
	}

	.form_field {
		font-size: 15px;
		padding: 15px 15px 15px 45px;
	}	

	.form_field-select::before {
		top: 14px;
		right: 16px;
		width: 7px;
		height: 7px;
	}		

	.form_input, .form_select {
		height: 42px;
	}

	.form_select {
		padding: 0 15px 0 44px;
	}	

	.form_textarea {
		height: 112px;
	}		

	.form_icon {
		left: 16px;
		top: 15px;
		width: 14px;
	}	

	.form_label {
		top: 13px;
		left: 36px;
	}

	.form_label, .form_select {
		color: var(--neutral-250-color);
		font-size: 15px;
	}	

	.form_field:focus ~ .form_label, .form_field.valid ~ .form_label {
		transform: scale(0.78) translate(4px, -26px);
	}	
	
}


/* CELULAR */
@media (max-width: 639px) {
	
	.form, .form_field-group {
		gap: 8px;
	}	
	
	.form_field {
		font-size: 12px;
		padding: 15px 15px 15px 34px;
	}
	
	.form_field-select::before {
		top: 13px;
		width: 5px;
		height: 5px;
	}

	.form_input, .form_select {
		height: 36px;
	}	

	.form_label, .form_select {
		font-size: 12px;
	}	
	
	.form_select {
        padding: 0 15px 0 32px;
    }
	
    .form_icon {
        left: 12px;
        top: 12px;
        width: 12px;
    }
	
	.form_label {
		top: 12px;
		left: 25px;
	}	
	
}



/*****************************************
***************** NAV ********************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.nav {
	position: absolute;
	top: 0;
	background-color: var(--white-color);
	width: 100%;
	border-bottom: 1px solid var(--primary-250-color);
	padding: 12px 0;
	z-index: 998;
}

.nav.fixed {
	position: fixed;
	transform: translateY(-100%);
	animation: navFix .8s both; 
}

@keyframes navFix {
	to {
		transform: translateY(0);
	}
}

.nav_container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav_logo-link {
	display: block;
	width: 96px;
}

.menu-open {
	overflow: hidden;
}

.nav_menu {
	position: fixed;
	top: 44.2px;
	left: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	background-color: var(--white-color);
	transform-origin: top;
	transform: scaleY(0);
	padding: 0;
	margin: 0;
	transition: .5s ease;
}

.menu-open .nav_menu {
	transform: scaleY(1);
}

.nav_menu-item:not(:last-child) {
	border-bottom: 1px solid var(--neutral-550-color);
}

.nav_menu-link, .nav_btn {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .06em;
	transition: .6s ease;
}

.nav_menu-link {
	display: block;
	position: relative;
	color: var(--primary-100-color);
	max-width: 640px;
	font-size: 11px;
	padding: 10px 15px;
	margin: 0 auto;
}

.nav_menu-link.active,
.nav_menu-link.active:hover {
	color: var(--primary-150-color);
}

.nav_btn {
	display: none;
	color: var(--primary-150-color);
	font-size: 11px;
	border: 1.5px solid var(--primary-150-color);
	border-radius: 6px;
	padding: 8px 12px;
}

.nav_toggler {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 26px;
	height: 16px;
}

.nav_toggler span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--primary-150-color);
	transition: .5s ease;
}

.menu-open .nav_toggler span:nth-child(1) {
	transform: translate(1px, 8px) rotate(45deg);
}

.menu-open .nav_toggler span:nth-child(2) {
	opacity: 0;
}

.menu-open .nav_toggler span:nth-child(3) {
	transform: translate(0px, -6px) rotate(-45deg);
}


/*TABLET*/
@media (min-width: 768px) {

	.nav {
		padding: 14px 0;
	}

	.nav_logo-link {
		width: 108px;
	}

	.nav_menu {
		position: static;
		flex-direction: row;
		gap: 20px;
		width: auto;
		transform: none;
		padding: 0;
		margin: 0 0 0 8px;
	}

	.nav_menu-item:not(:last-child) {
		border-bottom: none;
	}

	.nav_menu-link {
		max-width: none;
		font-size: 11.5px;
		padding: 0;
		margin: 0;
	}

	.nav_toggler {
		display: none;
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.nav_logo-link {
		width: 116px;
	}

	.nav_menu {
		gap: 24px;
		margin: 0;
	}

	.nav_menu-link:hover {
		color: var(--primary-150-color);
	}

	.nav_menu-link::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0px;
		width: 100%;
		height: 1.5px;
		background-color: var(--primary-150-color);
		transform: scaleX(0);
		transition: .5s ease;
	}

	.nav_menu-link.active::before,
	.nav_menu-link.active:hover::before {
		transform: scaleX(1);
	}

	.nav_menu-link:hover::before {
		transform: scaleX(1);
	}

	.nav_btn {
		display: block;
		font-size: 10.5px;
	}

	.nav_btn:hover {
		background-color: var(--primary-150-color);
		color: var(--white-color);
	}

}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {

	.nav {
		padding: 16px 0;
	}

	.nav_logo-link {
		width: 128px;
	}

	.nav_menu {
		gap: 32px;
		margin: 0 0 0 8px;
	}

	.nav_menu-link {
		font-size: 12.5px;
	}

	.nav_btn {
		font-size: 11.5px;
		padding: 10px 15px;
	}

}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.nav {
		padding: 20px 0;
	}

	.nav_logo-link {
		width: 148px;
	}

	.nav_menu {
		gap: 40px;
		margin: 0 0 0 12px;
	}

	.nav_menu-link {
		font-size: 14px;
	}

	.nav_btn {
		font-size: 13.5px;
		padding: 12px 16px;
	}

}


/*****************************************
**************** HERO ********************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.hero {
	padding: 0;
}

.hero::before, .hero::after {
	display: none;
}

.hero_glow {
	display: none;
}

.hero_img-area {
	pointer-events: none;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hero_img-area::before {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #030d17b5 40%, transparent 100%);
	z-index: 1;
}

.hero_img {
	object-fit: cover;
	height: 100%;
}

.hero_container {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 540px;
	padding-bottom: 32px;
	z-index: 9;
}

.hero_content {
	text-align: center;
	width: 100%;
}

.hero_ttl {
	color: var(--white-color);
	text-transform: uppercase;
	font-size: 4.7vw;
	font-weight: 800;
	line-height: 1.24;
	letter-spacing: -.005em;
	text-shadow: 0 0 12px #00000056;
	text-align: center;
}

.hero_ttl br {
	display: none;
}

.hero_sub {
	color: var(--white-color);
	font-size: 3.4vw;
	text-shadow: 0 0 12px #00000056;
	text-align: center;
	margin: 8px 0 24px;
}

.hero_sub br {
	display: none;
}

.hero_btn {
	width: fit-content;
	display: flex;
	margin: 0 auto;
}


/*CELULAR PEQUENO*/
@media (min-width: 450px) {
	
	.hero_img {
		object-position: 92%;
	}
	
	.hero_ttl {
		font-size: 24px;
	}
	
	.hero_sub {
		font-size: 15px;
	}
	
}


/*TABLET*/
@media (min-width: 768px) {

	.hero::before, .hero::after {
		content: url(../svg/pattern-1.svg);
		display: block;
		position: absolute;
		left: 7%;
		bottom: -24%;
		width: 100%;
		max-width: 180px;
		transform: rotate(270deg);
		z-index: 4;
	}

	.hero::after {
		content: url(../svg/pattern-2.svg);
		top: -12%;
		left: unset;
		bottom: unset;
		right: 0;
	}

	.hero_glow {
		display: block;
		position: absolute;
		top: -24%;
		left: 84%;
		width: 200px;
		height: 200px;
		background-color: #74afea;
		border-radius: 50%;
		filter: blur(120px);
		opacity: .72;
		mix-blend-mode: plus-lighter;
		z-index: 3;
	}

	.hero_glow.bottom {
		top: unset;
		left: unset;
		bottom: -14%;
		right: 86%;
	}
	
	.hero_img-area::before {
		background: linear-gradient(to right, #030d17b0 8%, transparent 108%), linear-gradient(210deg, #041221b8 6%, transparent 28%);
	}
	
	.hero_img {
		object-position: 92%;
	}

	.hero_container {
		align-items: center;
		height: 480px;
		padding-bottom: 0;
	}

	.hero_content {
		text-align: left;
	}

	.hero_label {
		text-align: left;
	}

	.hero_ttl {
		font-size: 34px;
		text-align: left;
	}

	.hero_ttl br {
		display: block;
	}

	.hero_sub {
		font-size: 16.5px;
		text-align: left;
		margin: 10px 0 28px;
	}

	.hero_sub br {
		display: block;
	}
	
	.hero_btn {
		width: auto;
		display: inline-flex;
		margin: 0;
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.hero::before, .hero::after {
		max-width: 200px;
	}

	.hero_glow {
		width: 220px;
		height: 220px;
	}

	.hero_container {
		height: 540px;
	}

	.hero_ttl {
		font-size: 38px;
	}

	.hero_sub {
		font-size: 17.5px;
		margin: 10px 0 32px;
	}

}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {

	.hero::before, .hero::after {
		max-width: 220px;
	}

	.hero_glow {
		width: 250px;
		height: 250px;
	}

	.hero_container {
		height: 620px;
	}

	.hero_ttl {
		font-size: 41px;
	}

	.hero_sub {
		font-size: 18.5px;
		margin: 11px 0 36px;
	}

	.hero_img {
		object-position: 82%;
	}

}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.hero::before, .hero::after {
		max-width: 240px;
	}

	.hero_glow {
		width: 280px;
		height: 280px;
	}

	.hero_container {
		height: 736px;
	}

	.hero_ttl {
		font-size: 44px;
	}

	.hero_sub {
		font-size: 19.85px;
		margin: 12px 0 40px;
	}

}



/*****************************************
*************** SERVICES *****************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.serv_sec-ttl-area {
	align-items: center;
}

.serv_controls {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	margin: 20px 0 0;
}

.serv_progress {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 3px;
	background-color: var(--primary-250-color);
	border-radius: 99px;
}

.serv_progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--progress);
	background-color: var(--primary-150-color);
	transition: .5s ease;
}

.serv_navs {
	display: flex;
	gap: 4px;
}

.serv_prev, .serv_next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	fill: var(--primary-150-color);
	border: 1.5px solid var(--primary-150-color);
	border-radius: 50%;
	transition: .5s ease;
}

.serv_prev {
	padding: 0 3px 0 0;
}

.serv_next {
	padding: 0 0 0 3px;
}

.serv_nav-ic {
	width: 10px;
}

.serv_swiper {
	overflow: visible;
}

.serv_swiper .swiper-slide {
	width: min-content;
}

.serv_card {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    width: 255px;
    height: 320px;
    border: 1.5px solid var(--primary-250-color);
    border-radius: 12px;
    padding: 20px;
    transition: .5s ease;
}

.serv_img-area {
	position: absolute;
	inset: 0;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	transition: .5s ease;
}

.serv_img {
	object-fit: cover;
	height: 100%;
	filter: grayscale(1);
	transition: .88s ease .1s;
}

.serv_ic-area {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	fill: var(--primary-150-color);
	border: 1.5px solid var(--primary-150-color);
	border-radius: 50%;
	z-index: 9;
	transition: .5s ease;
}

.serv_ic-area::before {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white-color);
	border-radius: 50%;
	transform: scale(0);
	z-index: 8;
	transition: .6s ease;
}

.serv_ic {
	position: relative;
	width: 20px;
	z-index: 9;
}

.serv_txt-area {
	position: relative;
	z-index: 9;
}

.serv_ttl {
	border-bottom: 1.5px solid var(--primary-250-color);
	padding: 0 0 12px;
	margin: 0 0 12px;
	transition: .5s ease;
}

.serv_txt {
	line-height: 1.48;
	transition: .5s ease;
}

.serv_cta-area {
	width: fit-content;
	max-height: 0;
	visibility: hidden;
	opacity: 0;
	transition: .88s ease ;
}

.serv_cta {
	display: inline-block;
	background-color: var(--white-color);
	color: var(--primary-150-color);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .05em;
	border-radius: 4px;
	transform-origin: right;
	padding: 8px 12px;
	margin: 16px 0 0;
}

.serv_btn-cta {
    text-transform: none;
    margin: 0 0 16px;
}

/*TABLET*/
@media (min-width: 768px) {

	.serv_controls {
		gap: 18px;
		margin: 24px 0 0;
	}

	.serv_prev, .serv_next {
		width: 32px;
		height: 32px;
	}

	.serv_nav-ic {
		width: 11px;
	}

	.serv_card {
		width: 290px;
		height: 350px;
		padding: 32px;
	}

	.serv_ic-area {
		width: 54px;
		height: 54px;
	}

	.serv_ic {
		width: 22px;
	}

	.serv_ttl {
		padding: 0 0 14px;
		margin: 0 0 14px;
	}

	.serv_cta {
		font-size: 12px;
		padding: 8px 14px;
		margin: 18px 0 0;
	}
	
	.serv_btn-cta {
		margin: 0 0 20px;
	}
	
	.serv_btn {
		margin: 0 0 -44px;
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.serv_controls {
		margin: 32px 0 0;
	}

	.serv_prev, .serv_next {
		width: 36px;
		height: 36px;
	}

	.serv_prev {
		padding: 0 3px 0 0;
	}

	.serv_next {
		padding: 0 0 0 3px;
	}

	.serv_nav-ic {
		width: 12px;
	}

    .serv_card {
        width: 335px;
        height: 390px;
        padding: 40px;
    }

	.serv_ic-area {
		width: 56px;
		height: 56px;
	}

	.serv_ic {
		width: 22px;
	}

	.serv_ttl {
		padding: 0 0 16px;
		margin: 0 0 16px;
	}

	.serv_cta {
		font-size: 12px;
		padding: 8px 14px;
		margin: 20px 0 0;
	}

	.serv_prev:hover, .serv_next:hover {
		background-color: var(--primary-150-color);
		fill: var(--white-color);
	}

	.serv_card:hover {
		background-color: var(--primary-150-color);
		border-color: transparent;
	}

	.serv_card:hover .serv_img-area {
		visibility: visible;
		opacity: .2;
	}

	.serv_card:hover .serv_img {
		transform: scale(1.08);
	}

	.serv_card:hover .serv_ic-area {
		border-color: transparent;
	}

	.serv_card:hover .serv_ic-area::before {
		transform: scale(1);
	}

	.serv_card:hover .serv_ttl {
		color: var(--white-color);
		border-color: var(--white-color);
	}

	.serv_card:hover .serv_txt {
		color: var(--white-color);
	}

	.serv_card:hover .serv_cta-area {
		max-height: 68px;
		visibility: visible;
		opacity: 1;
	}

	.serv_card .serv_cta-area:hover {
		transform: scale(1.02);
		opacity: .72;
	}

}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
.serv_controls {
	gap: 18px;
	width: 52%;
	margin: 0;
}
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.serv_controls {
		gap: 22px;
	}

	.serv_prev, .serv_next {
		width: 42px;
		height: 42px;
	}

	.serv_prev {
		padding: 0 4px 0 0;
	}

	.serv_next {
		padding: 0 0 0 4px;
	}

	.serv_nav-ic {
		width: 14px;
	}

	.serv_card {
		width: 400px;
		height: 460px;
		padding: 48px;
	}

	.serv_ic-area {
		width: 72px;
		height: 72px;
	}

	.serv_ic {
		width: 30px;
	}

	.serv_ttl {
		padding: 0 0 18px;
		margin: 0 0 18px;
	}

	.serv_cta {
		font-size: 14px;
		padding: 10px 16px;
		margin: 24px 0 0;
	}
	
	.serv_btn-cta {
		margin: 0 0 24px;
	}

}



/*****************************************
************** SEGMENTS ******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.segm {
	background: linear-gradient(45deg, #061b30, #0a2138);
}

.segm_div {
	position: absolute;
	top: -2px;
	width: 100%;
	height: 16px;
}

.segm_div-shape {
	width: 100%;
	height: 100%;
	fill: var(--white-color);
}

.segm_segm-sec-ttl-area {
	margin-top: 0;
}

.segm_sec-ttl {
	color: var(--white-color);
}

.segm_sec-txt {
	color: var(--neutral-500-color);
}

.segm_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 20px;
}

.segm_card {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.segm_card::before, .segm_card::after{
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, var(--black-color), transparent 72%);
	opacity: .64;
	z-index: 2;
	transition: .5s ease;
}

.segm_card::after {
	background: var(--black-color);
	opacity: 0;
	z-index: 3;
	transition: .5s ease;
}

.segm_img {
	object-fit: cover;
	height: 100%;
	transition: .88s ease .1s;
}

.segm_txt-area {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 92%;
	border-top: 1.5px solid var(--white-color);
	padding: 12px 0;
	margin: 0 auto;
	z-index: 9;
	transition: .8s ease;
}

.segm_ttl {
	color: var(--white-color);
	text-shadow: 0 0 12px #00000056;
}

.segm_cta {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: var(--white-color);
	fill: var(--primary-150-color);
	border-radius: 8px;
	transition: .5s ease;
}

.segm_cta-ic {
	width: 12px;
	transform: rotate(-45deg);
	transition: .5s ease;
}


/*TABLET*/
@media (min-width: 768px) {

	.segm::before, .segm::after {
		content: url("../svg/pattern-1.svg");
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 240px;
	}

	.segm::after {
		content: url("../svg/pattern-2.svg");
		top: unset;
		left: unset;
		bottom: 0;
		right: 0;
	}

	.segm_glow {
		position: absolute;
		top: -14%;
		left: 76%;
		width: 280px;
		height: 280px;
		background-color: var(--primary-300-color);
		border-radius: 50%;
		filter: blur(120px);
		opacity: 0.72;
		mix-blend-mode: soft-light;
	}

	.segm_glow.bottom {
		top: unset;
		left: unset;
		bottom: -14%;
		right: 76%;
	}

	.segm_div {
		height: 44px;
	}
	
	.segm_div-shape {
		width: auto;
		height: auto;
	}

	.segm_grid {
		grid-gap: 32px;
	}

	.segm_txt-area {
		padding: 14px 0;
	}

	.segm_cta {
		width: 36px;
		height: 36px;
	}

	.segm_cta-ic {
		width: 13px;
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.segm::before, .segm::after {
		max-width: 280px;
	}

	.segm_glow {
		width: 340px;
		height: 340px;
	}
	
	.segm_segm-sec-ttl-area {
		margin-top: 22px;
	}

	.segm_grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px;
	}

	.segm_txt-area {
		padding: 15px 0;
	}

	.segm_cta {
		width: 38px;
		height: 38px;
	}

	.segm_cta-ic {
		width: 14px;
	}

	.segm_card:hover::before {
		opacity: 0;
	}

	.segm_card:hover::after {
		opacity: 0.56;
	}

	.segm_card:hover .segm_img {
		transform: scale(1.08);
	}

	.segm_card:hover .segm_txt-area {
		width: 88%;
	}

	.segm_card:hover .segm_cta {
		background-color: var(--primary-150-color);
		fill: var(--white-color);
	}

	.segm_card:hover .segm_cta-ic {
		transform: rotate(0);
	}

}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {

	.segm::before, .segm::after {
		max-width: 320px;
	}

	.segm_glow {
		width: 380px;
		height: 380px;
	}

	.segm_grid {
		grid-gap: 32px;
	}

	.segm_txt-area {
		padding: 17px 0;
	}

	.segm_cta {
		width: 42px;
		height: 42px;
	}

	.segm_cta-ic {
		width: 16px;
	}

}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.segm::before, .segm::after {
		max-width: 364px;
	}

	.segm_glow {
		width: 450px;
		height: 450px;
	}

	.segm_segm-sec-ttl-area {
		margin-top: 44px;
	}

	.segm_grid {
		grid-gap: 40px;
	}

	.segm_txt-area {
		padding: 20px 0;
	}

	.segm_cta {
		width: 48px;
		height: 48px;
	}

	.segm_cta-ic {
		width: 18px;
	}

}



/*****************************************
*************** ABOUT ********************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.about_container {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 16px;
}

.about_lf {
	text-align: center;
}

.about_label{
	color: var(--primary-150-color);
	letter-spacing: .1em;
}

.about_ttl {
	margin: 6px 0 64px;
}

.about_ttl br {
	display: none;
}

.about_ttl span {
	color: var(--primary-150-color);
}

.about_imgs {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-gap: 16px;
}

.about_img {
	border-radius: 12px;
}

.about_rt {
	display: block;
}

.about_txt-area {
    margin: 32px 0;
}

.about_txt + .about_txt {
	margin: 14px 0 0;
}

.about_btn {
    display: flex;
    width: fit-content;
    margin: 0 auto;
}


/*TABLET*/
@media (min-width: 768px) {

	.about_container {
		grid-gap: 40px;
	}
	
	.about_imgs {
		grid-gap: 40px;
	}

	.about_ttl {
		margin: 6px 0 72px;
	}
	
	.about_txt-area {
		margin: 44px 0;
	}

	.about_txt + .about_txt {
		margin: 16px 0 0;
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.about_container {
		grid-template-columns: 1.5fr 1fr;
		grid-gap: 44px;
	}
	
	.about_lf {
		text-align: left;
	}

	.about_ttl {
		margin: 7px 0 44px;
	}
	
	.about_ttl br {
		display: block;
	}
	
	.about_rt {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: baseline;
	}
	
	.about_imgs {
		display: none;
	}
	
	.about_txt-area {
		margin: 0;
	}

	.about_txt + .about_txt {
		margin: 17px 0 0;
	}
	
	.about_btn {
		display: inline-flex;
		width: auto;
		margin: 0;
	}

}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {

	.about_ttl {
		margin: 7px 0 48px;
	}

	.about_imgs {
		display: grid;
		grid-gap: 22px;
	}

	.about_txt + .about_txt {
		margin: 18px 0 0;
	}

}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.about_ttl {
		margin: 8px 0 56px;
	}

	.about_imgs {
		grid-gap: 24px;
	}

	.about_txt + .about_txt {
		margin: 20px 0 0;
	}

}

/*****************************************
**************** DIFS ********************
*****************************************/ 

/*BASE CSS E CELULAR PADRAO*/
.difs {
	padding: 0;
}

.difs_boxes {
	display: flex;
	flex-direction: column;
	gap: 32px;
	border: 1.5px solid var(--primary-250-color);
	border-radius: 12px;
	padding: 32px 24px;
}

.difs_box {
	display: flex;
	align-items: center;
	width: 100%;
}

.difs_ic {
	fill: var(--primary-150-color);
	width: 22px;
	margin: 0 12px 0 0;
}

.difs_txt-area {
	width: calc(100% - 28px - 12px);
}

.difs_txt {
	line-height: 1.32;
}

.divs_hr {
	display: none;
}


/*TABLET*/
@media (min-width: 768px) {

	.difs_boxes {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0;
		padding: 40px 32px;
	}

	.difs_box {
		width: 48%;
		margin-bottom: 32px;
	}

	.difs_box:nth-last-of-type(-n+2) {
		margin-bottom: 0;
	}

	.difs_ic {
		width: 30px;
		margin: 0 14px 0 0;
	}

	.difs_txt-area {
		width: calc(100% - 30px - 14px);
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.difs_boxes {
		flex-wrap: nowrap;
		padding: 48px 40px;
	}

	.difs_box {
		width: 19%;
		margin-bottom: 0;
	}

	.difs_box:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	.difs_ic {
		width: 32px;
		margin: 0 14px 0 0;
	}

	.difs_txt-area {
		width: calc(100% - 32px - 14px);
	}

	.divs_hr {
		display: block;
		width: 1.5px;
		background-color: var(--primary-250-color);
		border: none;
	}

}


/* NOTEBOOK E DESKTOP PADRAO */

@media (min-width: 1320px) {

	.difs_boxes {
		padding: 56px 48px;
	}

	.difs_ic {
		width: 34px;
		margin: 0 15px 0 0;
	}

	.difs_txt-area {
		width: calc(100% - 34px - 15px);
	}

}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.difs_boxes {
		padding: 64px 56px;
	}

	.difs_ic {
		width: 36px;
		margin: 0 16px 0 0;
	}

	.difs_txt-area {
		width: calc(100% - 36px - 16px);
	}

}



/*****************************************
************** CONTACT *******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.cont_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cont_info-area {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 32px auto 0;
}

.cont_info-box {
	display: flex;
	transition: .5s ease;
}

.cont_info-ic {
	fill: var(--primary-150-color);
	width: 26px;
	margin: 0 12px 0 0;
	transition: .5s ease;
}

.count_info-ttl {
	display: block;
	color: var(--primary-100-color);
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 3px;
	transition: .5s ease;
}

.count_info-txt {
	display: block;
	color: var(--neutral-200-color);
	font-size: 13px;
	line-height: 1.28;
	transition: .5s ease;
}

.cont_img-area {
	display: none;
}


/*TABLET*/
@media (min-width: 768px) {

	.cont_info-area {
		width: auto;
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
		margin: 40px 0 0;
	}

	.cont_info-ic {
		width: 28px;
		margin: 0 14px 0 0;
	}

	.count_info-ttl {
		font-size: 13px;
		margin: 0 0 3px;
	}

	.count_info-txt {
		font-size: 14px;
	}

}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {

	.cont_info-area {
		margin: 44px 0 0;
	}

	.cont_info-ic {
		width: 30px;
		margin: 0 14px 0 0;
	}

	.count_info-ttl {
		font-size: 13px;
		margin: 0 0 3px;
	}

	.count_info-txt {
		font-size: 14px;
	}

	a.cont_info-box:hover *, a.count_info-txt:hover {
		color: var(--primary-150-color);
	}

	.cont_info-box:hover .cont_info-ic {
		transform: scale(1.08);
	}

}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.cont_container {
		flex-direction: row;
	}

	.cont_info-area {
		margin: 50px 0 0;
	}

	.cont_info-ic {
		width: 32px;
		margin: 0 15px 0 0;
	}

	.count_info-ttl {
		font-size: 13px;
		margin: 0 0 4px;
	}

	.count_info-txt {
		font-size: 14px;
	}
	
	.cont_img-area {
		display: block;
	}
	
	.cont_img {
		position: relative;
    	bottom: -6px;
		margin: 0 0 -118px;
	}

}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {

	.cont_info-area {
		margin: 56px 0 0;
	}

	.cont_info-ic {
		width: 28px;
		margin: 0 12px 0 0;
	}

	.count_info-ttl {
		font-size: 13px;
		margin: 0 0 4px;
	}

	.count_info-txt {
		font-size: 15px;
	}
	
	.cont_img {
        bottom: -16px;
        margin: 0 0 -152px;
    }

}


/*****************************************
*************** FOOTER *******************
*****************************************/

/*BASE CSS E CELULAR PADRAO*/
.footer {
    background-color: var(--primary-100-color);
    padding: 18px 0;
}

.footer_container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.footer_lgpd-link, .footer_copyright-disclaimer, .footer_author-text {
    color: var(--white-color);
    font-size: 11px;
}

.footer_lgpd-list {
	display: flex;
	justify-content: center;
	gap: 12px;
}

.footer_lgpd-link {
	transition: .5s ease;
}

.footer_lgpd-link::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border: solid var(--white-color);
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    margin: 0 6px 1px 0;
}

.footer_copyright-area {
	text-align: center;
}

.footer_copyright-title {
	color: var(--white-color);
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 4px;
}

.footer_copyright-disclaimer {
	line-height: 1.4;
}

.footer_author-area {
	text-align: right;
}

.footer_author-link {
	transition: .5s ease;
}

.footer_author-logo {
	display: inline-block;
    width: 44px;
    margin: 0 0 -1px 5px;
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
				
	.footer_lgpd-link:hover, .footer_author-link:hover {
		opacity: .64;
	}
	
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.footer {
        padding: 24px 0;
    }
	
	.footer_container {
		flex-direction: row;
		gap: 0;
	}
	
	.footer_lgpd-area {
		order: 1;
	}
	
	.footer_copyright-area {
		order: 2;
	}
	
	.footer_author-area {
		order: 3;
	}

	.footer_copyright-area {
		width: 56%;
	}
	
	.footer_copyright-title {
		font-size: 14px;
		margin: 0 0 6px;
	}

	.footer_lgpd-link, .footer_copyright-disclaimer, .footer_author-text {
		font-size: 13px;
	}	
	
	.footer_lgpd-list {
		display: block;
	}
	
	.footer_lgpd-link::before {
		width: 4px;
		height: 4px;
		margin: 0 10px 1px 0;
	}
	
    .footer_author-logo {
        width: 48px;
    }	
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
    .footer {
        padding: 32px 0;
    }
	
	.footer_copyright-title {
		font-size: 16px;
		margin: 0 0 8px;
	}

	.footer_lgpd-link, .footer_copyright-disclaimer, .footer_author-text {
		font-size: 14px;
	}	
	
	.footer_lgpd-link::before {
		width: 5px;
		height: 5px;
		margin: 0 10px 1px 0;
	}
	
    .footer_author-logo {
        width: 60px;
    }
	
}



/*****************************************
************** LGPD POPUP ****************
*****************************************/

.warning {
    position: fixed;
    left: 0;
    bottom: 16px;
    right: 0;
    margin: 0 auto;
    z-index: 997;
}

.warning-wrapper {
    background-color: var(--white-color);
    border: 1px solid var(--neutral-550-color);
    border-radius: 8px;
    padding: 12px;
}

.warning_box {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
}

.warning_text {
	font-size: 11px;
	line-height: 1.4;
}

.warning_link {
    color: var(--primary-150-color);
    font-weight: 600;
    transition: .5s ease;
}

.warning_button {
    display: block;
    width: 100%;
    background-color: var(--primary-150-color);
    color: var(--white-color);
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    padding: 8px 32px;
	transition: .5s ease;
}


/*TABLET*/
@media (min-width: 768px) {
	
	.warning_box {
		gap: 12px;
	}	

	.warning_text, .warning_button {
		font-size: 13px;
	}		
	
}


/*NOTEBOOK PEQUENO*/
@media (min-width: 1024px) {
	
	.warning_link:hover, .warning_button:hover {
	   opacity: .64;
	}	
		
}


/* NOTEBOOK E DESKTOP PADRAO */
@media (min-width: 1320px) {
	
	.warning_box {
		flex-direction: row;
		gap: 0;
		text-align: left;
	}	

	.warning-wrapper {
		padding: 10px 14px;
	}	

	.warning_text-area {
		width: 92%;
	}	

	.warning_button-area {
		width: 8%;
	}			
	
}


/* DESKTOP GRANDE E RETINA */
@media (min-width: 1560px) {
	
	.warning_text, .warning_button {
		font-size: 14px;
	}	

}



/*****************************************
************** LGPD PAGE *****************
*****************************************/

.lgpd-header {
	background-color: var(--white-color);
	border-bottom: 1px solid var(--neutral-550-color);
	padding: 12px 0;
}

.lgpd-header_container {
	display: flex;
	justify-content: center;
}

.lgpd-header_link {
	display: block;
}

.lgpd_header-logo {
	width: 80px;
}

.lgpd {
	min-height: 100vh;
}

.lgpd_text-area p:not(:last-child) {
	margin: 0 0 16px;
}

.lgpd_text-area h3 {
	margin: 32px 0 12px;
}

@media (min-width: 1024px) {

.lgpd-header {
	padding: 16px 0;
}	
	
.lgpd_header-logo {
	width: 120px;
}	
	
.lgpd_text-area h3 {
	margin: 40px 0 16px;
}	
	
}