/* Normalize CSS ------------------------------------------------------ */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	background: red;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
	-webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type='checkbox'],
[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}
[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
template {
	display: none;
}
[hidden] {
	display: none;
}

/*----------------------Fonts------------------------*/
@font-face {
	src: url('../fonts/Graphik-Regular.woff2');
	font-family: Graphik;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../fonts/Graphik-Medium.woff2');
	font-family: Graphik;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	src: url('../../fonts/Gellix-Regular.otf');
	font-family: Gellix;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	src: url('../../fonts/Gellix-Medium.otf');
	font-family: Gellix;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	src: url('../../fonts/Gellix-SemiBold.otf');
	font-family: Gellix;
	font-weight: 700;
	font-display: swap;
}

/* ----------------------- How Section ---------------------- */

.how.tracked-section {
	border: 2px solid black;
	border-radius: 30px;
	padding-top: 50px;
	padding-bottom: 111px;
}

.how.tracked-section h2 {
	font-size: 40px;
}

.how .tabs {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}
.how .tab {
	width: calc(33% - 10px);
	padding-bottom: 5px;
	border-bottom: solid 2px #000;
	cursor: pointer;
}
.how .tab h3 {
	color: #000;
	margin-bottom: 0;
}

.how .tab.show {
	border-bottom: solid 2px #820ad1;
}
.how .tab.show h3 {
	color: #820ad1;
}

.how .content-tabs {
	max-width: 470px;
	padding-top: 50px;
}

.how .content-tab {
	display: none;
	opacity: 0;
}

.how .content-tab.show {
	display: block;
	opacity: 1;
}

.how .content-tab img {
	display: block;
	max-width: 70%;
	max-height: 200px;
	margin: 0 auto 30px;
}

.how .how-image {
	display: none;
}

.custom-link a {
	padding-top: 30px;
	font-size: 16px;
	color: #820bd1;
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

.content-tab-3 a strong {
	color: #000;
}

@media (min-width: 768px) {
	.how .how-showcase {
		display: inline-flex;
		width: 100%;
	}

	.how .how-showcase .how-content-text {
		width: 60%;
		display: inline-block;
	}

	.how .content-tab img {
		display: none;
	}

	.how .how-image {
		display: inline-flex;
		align-items: center;
		width: 40%;
	}

	.how .how-image img {
		position: absolute;
		opacity: 0;
		transition: opacity 0.6s ease-out;
		max-height: 350px; /* TIREI ESSE */
	}

	.how .how-image img.show {
		opacity: 1;
	}

	.how .how-image amp-img {
		max-height: 11rem;
	}
}

@media (min-width: 1200px) {
	.how .how-image amp-img {
		max-height: 16rem;
	}
}

/*----------------------Resets & Presets------------------------*/

html {
	font-size: 14px;
}
body {
	padding: 0;
	margin: 0;
	font-family: 'Gellix', normal, sans-serif;
	position: relative;
	background-color: #f4f4f4;
	color: #111111;
}

@media (min-width: 769px) {
	html {
		font-size: 18px;
	}
}

#px-20 {
	position: absolute;
	top: 20%;
}
#px-40 {
	position: absolute;
	top: 40%;
}
#px-60 {
	position: absolute;
	top: 60%;
}
#px-80 {
	position: absolute;
	top: 80%;
}
#px-100 {
	position: absolute;
	top: 100%;
}

/*----------------------General------------------------*/

p {
	font-size: 1rem;
}

/*----------------------Container------------------------*/

.container {
	margin: 0 28px;
}

@media (min-width: 768px) {
	.container {
		margin: 0 40px;
	}
	body {
		/* padding: 50px; */
	}
}

@media (min-width: 1280px) {
	.container {
		margin: 0 calc((100vw - 1155px) / 2);
	}
}

/*----------------------General------------------------*/

.custom-link {
	font-size: 1rem;
	color: #820bd1;
	font-weight: 600;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

.custom-link a {
	font-size: 1rem;
	color: #820bd1;
	font-weight: 600;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

.custom-link a:hover {
	text-decoration: underline;
}

.custom-link.mobile {
	margin: 0 20px 20px;
	color: #fff;
}

.custom-link.mobile a {
	text-decoration: underline;
	font-size: 1rem;
	color: #fff;
}

@media (min-width: 768px) {
	.custom-link.mobile {
		display: none;
	}
}

/*----------------------Header------------------------*/

header {
	position: fixed;
	top: 0;
	left: 0;
	background: #820ad1;
	color: #f5f5f5;
	width: 100%;
	align-items: center;
	z-index: 2;
	/* padding: 0 10px; */
	box-sizing: border-box;
}

header .menu-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .logos {
	display: flex;
	align-items: center;
	height: 100%;
}

header .logos svg {
	padding-right: 10px;
	width: 80px;
}

@media (min-width: 350px) {
	header .logos svg {
		width: 89px;
	}
}

@media (min-width: 370px) {
	header .logos svg {
		width: 97px;
	}
}

@media (min-width: 390px) {
	header .logos svg {
		width: 117px;
	}
}

@media (min-width: 400px) {
	header .logos svg {
		width: 99px;
	}
}

@media (min-width: 420px) {
	header .logos svg {
		width: 107px;
	}
}

@media (min-width: 440px) {
	header .logos svg {
		width: 115px;
	}
}

@media (min-width: 456px) {
	header .logos svg {
		width: 131px;
	}
}

header .logos span {
	padding-right: 10px;
	white-space: nowrap;
	line-height: 60px;
	font-weight: 600;
}

.pix-button {
	white-space: nowrap;
	padding: 10px 18px;
	font-size: 1rem;
	border-radius: 100px;
	text-decoration: none;
	color: #820ad1;
	background-color: #f5f5f5;
	cursor: pointer;
}

.pix-button.mobile {
	white-space: initial;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 0.8rem;
}

@media (min-width: 350px) {
	.pix-button.mobile {
		margin-left: 10px;
		margin-right: 10px;
		font-size: 0.9rem;
	}
}

@media (min-width: 350px) {
	.pix-button.mobile {
		font-size: 1rem;
	}
}

@media (min-width: 400px) {
	.pix-button.mobile {
		font-size: 0.8rem;
	}
}

@media (min-width: 420px) {
	.pix-button.mobile {
		font-size: 0.9rem;
	}
}

@media (min-width: 440px) {
	.pix-button.mobile {
		font-size: 1rem;
	}
}

@media (min-width: 1024px) {
	.pix-button.mobile {
		display: none;
	}
}

.pix-button-mobile {
	white-space: nowrap;
	padding: 10px 18px;
	font-size: 1rem;
	border-radius: 100px;
	text-decoration: none;
	color: #820ad1;
	background-color: #f5f5f5;
	cursor: pointer;
	margin-top: 50px;
	text-align: center;
	font-weight: 600;
}

header .mobile-nav-button {
	width: auto;
	display: block;
	color: #fafafa;
	text-decoration: none;
	white-space: nowrap;
}

header .mobile-nav-button p {
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	font-size: 17px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}

header .mobile-nav-button svg {
	fill: white;
	display: inline-block;
	margin-right: 3px;
}

header.open .mobile-nav-button svg {
	transform: rotateX(180deg);
}

@media (min-width: 1024px) {
	.pix-button-mobile {
		display: none;
	}
}

header .nav-desktop {
	display: none;
}

header label {
	position: relative;
	z-index: 5;
	margin-left: auto;
}

@media (min-width: 1024px) {
	header {
		padding: 0 40px;
	}

	header .mobile-nav-button {
		display: none;
	}

	header .nav-desktop {
		display: flex;
		width: 100%;
		margin: 0;
		padding: 0;
		align-items: center;
	}
	header .nav-desktop ul {
		width: 100%;
		display: flex;
		margin: 0;
		justify-content: center;
	}
	header .nav-desktop ul li {
		display: inline-flex;
		text-align: center;
		font-size: 0.8rem;
		padding: 0;
		list-style: none;
		margin-right: 12px;
	}

	header .nav-desktop ul li:last-child() {
		margin-right: 0;
	}

	header .nav-desktop ul a {
		text-decoration: none;
		color: #f5f5f5;
		font-size: 1rem;
		line-height: 1;
	}

	header .nav-desktop ul li:hover {
		cursor: pointer;
	}
}

@media (min-width: 1400px) {
	header {
		padding: 0 calc((100% - 1350px) / 2);
	}
	header .nav-desktop ul li {
		font-size: 1rem;
		margin-right: 24px;
	}
}

/*----------------------Navigation------------------------*/

.navigation {
	background-color: #820ad1;
	color: #f5f5f5;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 1;
}

.navigation .nav-mobile {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.navigation.open .nav-mobile {
	height: calc(100vh);
}

.navigation .nav-mobile ul {
	width: 100%;
	list-style: none;
	padding: 0;
	padding-top: 130px;
}

.navigation .nav-mobile ul li {
	width: 100%;
	padding: 10px 20px;
	line-height: 1;
	font-size: 1.5rem;
	text-decoration: none;
	color: #f5f5f5;
	box-sizing: border-box;
}

.navigation .nav-mobile ul a {
	text-decoration: none;
}

@media (min-width: 1024px) {
	.navigation {
		display: none;
	}
}

/*----------------------Sections------------------------*/
.nu-emergency {
	padding: 0 10px;
}

section {
	width: 100%;
	padding-top: 60px;
	padding-bottom: 50px;
	margin-bottom: 30px;
}
section .section-header {
	font-weight: 600;
	margin-bottom: 50px;
}

.hero .section-header {
	text-align: center;
}

section .section-header h2 {
	font-size: 34px;
	margin: 0;
}

section .security-tips-text.section-header p {
	font-size: 20px;
	color: #fff;
}

section h3 {
	font-size: 1.2rem;
}

@media (min-width: 1024px) {
	section {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	section .section-header h2 {
		font-size: 40px;
	}

	section .security-tips-text.section-header p {
		font-size: 22px;
	}
}

/*----------------------Footer------------------------*/

.footer__wrap {
	padding: 0;
}

@media (min-width: 1200px) {
	.footer {
		width: 95%;
		margin: 0 auto;
	}
}

/*.footer{
	padding:62px 0 48px;background-color:#f5f5f5
}

.footer.single{
	margin-bottom:60px
}

.footer .infos .logo{
	margin-bottom:47px
}

.footer .infos .content{
	margin-bottom:79px;
	font-size:16px;
	font-weight:600;
	color:#111
}

.footer .infos .content p{
	margin:0;
	line-height:1.5em
}

.footer .infos .content .id{
	margin-bottom:25px
}

.footer .social-networks{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-left:-13.5px
}

.footer .social-networks .social-network-icon{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:50%;
	-webkit-transition:background-color .1s linear;
	transition:background-color .1s linear
}

.footer .social-networks .social-network-icon:hover{
	background-color:#111
}

.footer .social-networks .social-network-icon:hover svg{
	fill:#fff
}

.footer .social-networks .social-network-icon svg{
	width:21px;
	height:21px;
	fill:#111;
	-webkit-transition:fill .1s linear;
	transition:fill .1s linear
}

.footer .menu-wrapper{
	display:block;
	padding: 0;
	margin: 0 25px
}

.footer-disclaimer{
	padding: 15px 25px 40px;
}

.footer-disclaimer p{
	font-size: 14px;
}

@media (min-width: 1024px) {
	.footer-disclaimer p{
		font-size: 18px;
	}
}


.footer .menu-wrapper ul.menu{
	padding:0;
	margin:0;
	list-style:none

}

.footer .menu-wrapper ul.menu .menu-item-has-children{
	margin-bottom:39px
}

.footer .menu-wrapper ul.menu .menu-item-has-children>a{
	display:block;
	text-decoration:none;
	font-size:18px;
	padding-bottom:6px;
	margin-bottom:24px;
	border-bottom:1px solid rgba(17,17,17,.2);color:#111
}


.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu{
	list-style:none;padding:0
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu a{
	display:block;
	margin-bottom:8px;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	color:#111;
	-webkit-transition:color 150ms linear;
	transition:color 150ms linear;
	text-decoration: none;
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu a:hover{
	color:#820ad1
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu .arrow a:after{
	content:"";
	position:relative;
	display:inline-block;
	width:12px;
	height:12px;
	margin-left:11px;
	background-size:contain;
	background-image:url(../images/arrow-footer-menu.svg);
	background-repeat:no-repeat;
	-webkit-transition:250ms ease-in-out;
	transition:250ms ease-in-out
}

.footer .menu-wrapper ul.menu .menu-item-has-children .sub-menu .arrow a:hover:after{background-image:url(../images/arrow-footer-menu-hover.svg);top:-2px;right:-2px}

.footer .footer-wrap{
	margin: 0 25px;
	padding-top: 20px;
	border-top: 1px solid rgba(17,17,17,.2);
}

@media(min-width:768px){
	.footer{padding:62px 0 59px}

	.footer .menu-wrapper{
		padding:63px 0 0;
		margin: 0 50px
	}
	
	.footer-disclaimer{
		padding: 15px 50px 40px;
	}

	.footer .footer-wrap,.footer .infos{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	.footer .footer-wrap{
		padding-top:40px;
		margin: 0 50px;
	}
	
	.footer .infos{margin-right:54px;}
	
	.footer .infos .content,.footer .infos .content .id,.footer .infos .logo{margin-bottom:0}
	
	.footer .infos .logo{margin-right:44px}
	
	.footer .social-networks{margin-top:-13.5px}
	
	.footer .menu-wrapper{padding-bottom:20px;border-bottom:1px solid rgba(17,17,17,.2)}
	
	.footer .menu-wrapper ul.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
	
	.footer .menu-wrapper ul.menu .menu-item-has-children{width:calc((100% - 32px)/ 2);margin-right:32px;margin-bottom:40px}
	
	.footer .menu-wrapper ul.menu .menu-item-has-children:nth-child(2n){margin-right:0}
}

@media(min-width:1200px){
	
	.footer{
		padding:0 0 63px;
	}
	
	.footer.single{margin-bottom:0}
	
	.footer .infos .logo{margin-right:47px}
	
	.footer .social-networks .social-network-icon{margin-left:5px}
	

	.footer .menu-wrapper ul.menu .menu-item-has-children{width:calc((100% - 96px)/ 4);margin-bottom:57px}


	.footer .menu-wrapper ul.menu .menu-item-has-children:nth-child(2){
		margin-right:32px
	}
}*/

.email-validation {
	display: none;
}

.email-validation.user-invalid {
	display: initial;
	color: red;
}

.selos {
	margin-left: auto;
}

.selos a {
	text-decoration: none;
}

.selos a img {
	cursor: pointer;
}

.header-cta a {
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
}

@media (min-width: 768px) {
	.main-header .header-cta {
		margin-left: 0;
		margin-right: initial;
	}
}
.main-header {
	background-color: #f4f4f4;
	height: auto;
	border-bottom: none;
}

.hero {
	background-color: #f4f4f4;
	text-align: left;
	padding-top: 100px;
}

.hero .hero-card {
	border: 2px solid #111111;
	border-radius: 10px;
	margin-bottom: 20px;
}

.hero-card-content {
	color: #111111;
}

.hero .hero-card .card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px 20px;
	border-bottom: 2px solid #111111;
}

.hero .hero-card .card-header .card-arrow svg {
	fill: #111111;
	border: 2px solid #111111;
	border-radius: 100px;
	padding: 5px 10px;
}

.hero .hero-card:hover .card-header .card-arrow svg {
	fill: #820ad1;
	border: 2px solid #111111;
	background-color: #fff;
}

.hero .hero-card .card-footer {
	padding: 24px 20px;
	border-top: 2px solid #111111;
}

.hero .hero-card p {
	margin: 0;
}

.hero .hero-card .card-title {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.3;
}

.hero .hero-card .card-description {
	font-size: 18px;
}

.hero-card .card-img-container {
	position: relative;
	height: 180px;
	width: 100%;
}

.hero-card:hover .card-img-container .card-img {
	opacity: 0;
}

.hero-card .card-img-container .card-img-hover {
	opacity: 0;
}
.hero-card:hover .card-img-container .card-img-hover {
	opacity: 1;
}

.hero-card .card-img-container .card-img-hover,
.hero-card .card-img-container .card-img {
	object-fit: cover;
}

.hero .hero-card:hover {
	background-color: #820ad1;
	color: #fff;
}

.hero .hero-card:hover .card-title,
.hero .hero-card:hover .card-description {
	color: #fff;
}

@media (min-width: 768px) {
	.hero {
		padding-top: 20px;
	}
	.hero .hero-cards {
		display: flex;
		justify-content: space-between;
	}

	.hero .hero-cards .hero-card {
		max-width: 390px;
	}
	.hero .hero-cards .hero-card:hover {
		box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
	}
}

@media (min-width: 1200px) {
	.hero-card .card-img-container {
		height: 210px;
	}
	.hero .hero-cards .hero-card {
		max-width: 480px;
	}
}

.security-tips {
	background-color: #111111;
	color: #ffffff;
	border-radius: 20px;
}

.category-grid-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.security-tips .category-grid-container .category-grid {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	transition: max-height 0.5s;
}

.security-tips .category-grid-container .category-grid.open {
	max-height: fit-content;
}

.security-tips .category-grid-container .category-grid .category-card {
	display: flex;
	flex-direction: column;
	border: 2px solid #ffffff;
	/* background: #F4F4F4; */
	border-radius: 10px;
	width: 100%;
	margin-bottom: 10px;
	padding: 21px 20px;
	max-width: 100%;
	overflow: hidden;
}

.security-tips .category-grid-container .category-grid .category-card p {
	color: #ffffff;
}

.security-tips .category-grid-container .category-grid .category-card:hover {
	background-color: #ffffff;
	color: #111111;
}

.security-tips .category-grid-container .category-grid .category-card:hover p {
	color: #111111;
}

.security-tips .category-grid-container .category-grid .category-card .category-class-link {
	color: #ffffff;
	max-width: 100%;
}
.security-tips .category-grid-container .category-grid .category-card:hover .category-class-link {
	color: #111111;
}

.security-tips .category-grid-container .category-grid .category-card .category-card-text .category-title {
	font-weight: 600;
	font-size: 20px;
	margin: 5px 0 10px 0;
	background-color: #820ad1;
	border-radius: 100px;
	padding: 6px 10px;
	text-align: center;
	width: fit-content;
	color: #fff;
	line-height: 1;
}

.security-tips .category-grid-container .category-grid .category-card .category-class-link .category-card-text .category-link {
	color: #820ad1;
	font-weight: 700;
	display: inline-block;
	margin: 0;
	font-size: 15px;
}

.security-tips
	.category-grid-container
	.category-grid
	.category-card
	.category-class-link
	.category-card-text
	.category-link
	svg {
	margin-left: 6px;
	vertical-align: middle;
}

.security-tips .category-grid-container .category-grid .category-card .category-description {
	font-weight: 500;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 8px;
	line-height: 1.25;
}

.security-tips .category-grid-container .category-grid .category-card .category-card-icon {
	position: absolute;
	margin-top: 10px;
}

.security-tips .category-grid-container .expand-category-grid-btn-container {
	width: 100%;
	text-align: center;
	padding: 5px 10px;
}

.security-tips .category-grid-container .expand-category-grid-btn-container .expand-category-grid-btn {
	background-color: transparent;
	color: #ffffff;
	text-transform: uppercase;
	border: 2px solid #ffffff;
	border-radius: 5px;
	padding: 10px;
	cursor: pointer;
	margin-top: 38px;
}

.security-tips .category-grid-container .expand-category-grid-btn-container .expand-category-grid-btn p {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
}

.security-tips .category-grid-container .expand-category-grid-btn-container .expand-category-grid-btn:hover {
	color: #111111;
	background-color: #b1cb13;
	border: 2px solid #b1cb13;
}

@media (min-width: 1024px) {
	.security-tips .category-grid-container .category-grid {
		/* justify-content: space-between; */
		gap: 30px;
	}
	.security-tips .category-grid-container .category-grid.open {
		max-height: fit-content;
	}
	.security-tips .category-grid-container .category-grid .category-card {
		width: 25%;
		/* margin: 20px 0; */
		margin: 0;
	}

	.security-tips .category-grid-container .category-grid .category-card .category-card-text p {
		margin-top: 12px;
		margin-bottom: 21px;
		text-align: left;
	}
	.security-tips .category-grid-container .category-grid .category-card .category-description {
		font-size: 18px;
	}
	/* .security-tips .category-grid .category-card .category-card-icon{
		position: absolute;
	} */
	.security-tips h1 {
		font-size: 48px;
		text-align: center;
	}
}

/* @media (min-width: 1200px){
	
	.security-tips .category-grid-container .category-grid{
		max-height: 420px;

	}
} */

.nubank-community {
	text-align: center;
	background: #4b0676;
	border-radius: 20px;
	color: #ffffff;
	width: initial;
}

.nubank-community .nubank-community-text {
	text-align: left;
}

.nubank-community .nubank-community-text p {
	font-weight: 600;
	font-size: 20px;
}

.nubank-community .topic-list-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.nubank-community .topic-list-container {
	max-width: 100%;
	background-color: #4b0676;
	border: 1px solid #ffffff;
	border-radius: 100px;
	margin: 5px 0px;
	text-transform: uppercase;
}

.nubank-community .topic-list-container pre {
	white-space: normal;
	/* display: flex; */
	margin: 10px 15px;
	font-family: 'Gellix', normal, sans-serif;
	text-align: left;
}

.nubank-community .topic-list-container a {
	color: #ffffff;
	font-size: 15px;
	max-width: 100%;
	text-align: left;
	font-weight: 600;
}

.nubank-community .topic-list-wrapper .topic-list-container.community-link {
	background-color: #820ad1;
	border: 1px solid #820ad1;
	padding: 10px 0;
}

.nubank-community .topic-list-wrapper .topic-list-container.community-link a {
	color: #111111;
	padding: 10px;
}

.nubank-community .topic-list-wrapper .topic-list-container.community-link:hover {
	background-color: #111111;
	border: 1px solid #111111;
}
.nubank-community .topic-list-wrapper .topic-list-container.community-link:hover a {
	color: #ffffff;
}

@media (min-width: 768px) {
	.nubank-community .topic-list-container {
		margin: 5px;
	}
	.nubank-community .topic-list-container:hover {
		background-color: #ffffff;
	}
	.nubank-community .topic-list-container:hover a {
		color: #111111;
	}
}

.blog-posts {
	background-color: #8209d1;
	color: #ffffff;
	border-radius: 20px;
	width: initial;
}
.blog-posts .carousel-posts {
	margin-bottom: 30px;
}
.blog-posts .carousel-posts .carousel-card {
	color: #ffffff;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 10px;
	padding: 20px;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #ffffff;
	display: block;
	position: relative;
}

.blog-posts .carousel-posts .carousel-card .title-link {
	color: #fff;
}

.blog-posts .carousel-posts .carousel-card .title {
	font-weight: 500;
	font-size: 20px;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.read-more-link {
	position: absolute;
	bottom: 20px;
	left: 35px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #b1cb13;
}

.posts-cards-wrapper {
	width: 100%;
	/* padding: 0 30px; */
}

.posts-card-wrapper {
	width: 300px;
	padding: 0 15px;
}

.blog-posts .carousel-dots div[class$='pagination-backdrop'],
.blog-posts .carousel-dots div[class$='pagination-background'],
.blog-posts .carousel-dots div[class$='pagination-frosting'] {
	display: none;
}

.blog-posts .carousel-dots div[class$='gallery-pagination-container'] {
	margin: 0;
	width: initial;
	padding: 0;
	height: 100%;
}
.blog-posts .carousel-dots {
	text-align: center;
	top: 100%;
	height: 40px;
}

.blog-posts .dots-container .carousel-dots div[class$='pagination-dot-container'] {
	margin-left: 10px;
	margin-right: 10px;
}

.blog-posts .dots-container .carousel-dots div[class$='pagination-dot-progress'],
.blog-posts .dots-container .carousel-dots div[class$='pagination-dot'] {
	border-radius: 40px;
	width: calc(16px - ((var(--percentage-falloff) - 0.2) * 100px));
	max-width: 16px;
	min-width: 8px;
}

.blog-posts .dots-container .carousel-dots div[class$='pagination-dot-progress'] {
	background-color: #ffffff;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

/* .blog-posts .dots-container .carousel-dots div[i-amphtml-inline-gallery-pagination-dot-active$=true] div[class$=pagination-dot] div[class$=pagination-dot-progress],
.blog-posts .dots-container .carousel-dots div[i-amphtml-inline-gallery-pagination-dot-active~="true"],
.blog-posts .dots-container div[i-amphtml-inline-gallery-pagination-dot-active~=true],
.blog-posts .dots-container div[i-amphtml-inline-gallery-pagination-dot-active$=true],
.blog-posts .dots-container div[i-amphtml-inline-gallery-pagination-dot-active*=true],
.blog-posts .dots-container div[i-amphtml-inline-gallery-pagination-dot-active|=true], */
div[i-amphtml-inline-gallery-pagination-dot-active='true'] div div,
div[i-amphtml-inline-gallery-pagination-dot-active='true'] div,
div[i-amphtml-inline-gallery-pagination-dot-active='true'] div[class$='pagination-dot-progress'] {
	background-color: #b1cb13 !important;
}

.blog-posts .carousel-dots div[class$='gallery-pagination-container'] {
	margin-left: -20px;
	padding-top: 20px;
}

@media (min-width: 768px) {
	.blog-posts .carousel-posts .carousel-card:hover {
		background-color: #ffffff;
		color: #111111;
	}
}

/* header menor */

/*


.main-header{
	transform: translateY(-150px);
}


.header-title-link .click-logo-ga{
	transform: translateY(77px);
}

.header-cta{
	transform: translateY(75px);
}

*/

.header-anim {
	position: absolute;
	top: 50px;
}
.main-header {
	overflow: hidden;
	top: 0;
}
.header-container {
	flex-wrap: wrap;
	padding-left: var(--header-container-2-size);
	padding-right: var(--header-container-2-size);
	margin: 0;
	background-color: #f4f4f4;
}

.header-emergency-wrapper {
	opacity: 1;
	/* transform: translateY(-150px); */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
	margin-left: 30px;
}

.header-emergency-wrapper h1 {
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #8209d1;
}
.header-emergency-wrapper .header-menu-list {
	display: none;
}
.header-cta,
.open-search-modal {
	display: none;
}

.header-emergency-dummy .logo-sos-nu {
	max-width: 200px;
	margin: 0 auto;
}

.header-emergency-dummy {
	margin: 65px 20px 50px 20px;
	text-align: center;
	border-bottom: 2px solid #111111;
	padding-top: 22px;
}

.header-emergency-dummy p {
	font-size: 45px;
	color: #8209d1;
	font-weight: 700;
	margin: 0;
	padding-bottom: 20px;
	/* border-bottom: 2px solid #111111; */
}

.header-emergency-dummy .header-menu-list {
	display: none;
}

.menu-modal {
	background-color: #4b0676;
}

.menu-modal .modal-header {
	height: auto;
	padding-top: 10px;
}

.modal-title {
	font-size: 14px;
}

.menu-modal .modal-title,
.search-emergency-container-modal .modal-title {
	display: flex;
	align-items: center;
}

.menu-modal .modal-title p,
.search-emergency-container-modal .modal-title p {
	font-size: 16px;
	font-weight: 600;
	color: #8209d1;
	margin: 0.67em;
	margin-left: 30px;
}

.menu-modal .modal-title svg,
.search-emergency-container-modal .modal-title svg {
	max-width: 40px;
}

.menu-modal .menu-modal-list .menu-item {
	margin-bottom: 10px;
}

.menu-modal .menu-modal-list .menu-item a {
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 100px;
	font-weight: 500;
	font-size: 20px;
	padding: 10px 20px;
}

.menu-modal .menu-modal-list .menu-item.menu-item-contact a {
	background-color: #8209d1;
}

.modal-close-button svg {
	background-color: #4b0676;
	border-radius: 50%;
	padding: 5px;
}

.menu-modal .menu-modal-list-wrapper {
	padding: 0 30px;
}

.header-container .header-logos {
	margin-bottom: 10px;
}

.page-template-emergency-page-template .main-header .header-container {
	justify-content: center;
	margin-bottom: 12px;
}

.page-template-emergency-page-template .main-header .open-search-modal {
	margin: 0;
}

@media (min-width: 520px) {
	.header-container .header-logos .click-logo-ga {
		margin-right: 20px;
	}

	.page-template-emergency-page-template .main-header .header-container {
		justify-content: space-between;
	}

	.page-template-emergency-page-template .main-header .open-search-modal {
		margin-right: 24px;
	}
}

@media (min-width: 768px) {
	.header-emergency-dummy .logo-sos-nu {
		max-width: 330px;
	}

	.main-content {
		min-height: initial;
	}

	.header-emergency-dummy {
		/* display: none; */
		margin-bottom: 100px;
		padding-top: 0;
	}
	.header-emergency-dummy p {
		font-size: 60px;
		padding-bottom: 0;
	}
	.header-emergency-wrapper {
		/* opacity: 1; */
	}
	.header-emergency-wrapper .header-menu-list {
		display: flex;
	}

	.header-emergency-wrapper h1 {
		font-size: 18px;
		text-align: center;
	}
	.header-emergency-dummy .header-menu-list {
		display: flex;
		justify-content: center;
		padding: 0;
	}

	.header-cta,
	.open-search-modal {
		display: block;
	}

	.open-menu-modal {
		display: none;
	}

	.main-header .header-menu-list {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: var(--header-height);
	}

	.main-header .header-menu-list > .menu-item,
	.header-emergency-dummy .header-menu-list > .menu-item {
		display: flex;
		align-items: center;
		height: 100%;
		margin: 0 9px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1em;
		box-sizing: border-box;
		padding: calc((var(--header-height) - 1em) / 2) 0;
	}
	.main-header .header-menu-list .sub-menu > .menu-item > a,
	.main-header .header-menu-list > .menu-item > a,
	.header-emergency-dummy .header-menu-list .sub-menu > .menu-item > a,
	.header-emergency-dummy .header-menu-list > .menu-item > a {
		color: #111;
		-webkit-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
		font-size: 14px;
	}

	.header-emergency-dummy .header-menu-list > .menu-item:hover > a {
		color: #820ad1;
	}

	.blog-posts .carousel-posts .carousel-card .title {
		font-size: 17px;
	}
	.blog-posts .carousel-posts .carousel-card {
		width: 165px;
	}

	.posts-card-wrapper {
		position: relative;
		left: 22px;
	}
}

@media (min-width: 910px) {
	.blog-posts .carousel-posts .carousel-card {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.main-header .header-menu-list .sub-menu > .menu-item > a,
	.main-header .header-menu-list > .menu-item > a,
	.header-emergency-dummy .header-menu-list .sub-menu > .menu-item > a,
	.header-emergency-dummy .header-menu-list > .menu-item > a {
		font-size: 16px;
	}
}

@media (min-width: 1300px) {
	.blog-posts .carousel-posts .carousel-card .title {
		font-size: 20px;
	}
}

.search-emergency-form {
	display: flex;
}

.search-emergency-container {
	display: none;
}

.search-emergency-container-modal {
	background-color: #b1cb13;
	display: none;
}

.search-emergency-container-modal.open {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	max-height: 100%;
	display: block;
}

.search-emergency-container-modal .search-modal-icon {
	display: block;
}

.search-emergency-container-modal .search-modal-icon svg {
	background-color: #b1cb13;
	border-radius: 50%;
	padding: 5px;
}

.search-emergency-container-modal .search-emergency-form {
	padding: 25px;
	flex-direction: column;
	height: 80%;
}

.search-emergency-container-modal .search-emergency-form .search-emergency-input {
	height: 70%;
}

.search-emergency-container-modal .search-emergency-submit-label {
	width: fit-content;
}

.search-emergency-input {
	background-color: transparent;
	border: none;
	color: #111111;
	font-weight: 500;
	width: 80%;
	font-size: 32px;
}
.search-emergency-input:focus-visible {
	border: none;
	outline: none;
}

.search-emergency-input::placeholder {
	color: #ffffff;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	display: none;
	color: #111111;
}

.search-emergency-submit-label {
	background-color: transparent;
	border: 1px solid #ffffff;
	border-radius: 8px;
	padding: 10px;
}

.search-emergency-submit-label svg {
	vertical-align: middle;
	margin-bottom: 4px;
}

.search-emergency-submit-label input {
	background-color: transparent;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
}

.search-emergency-submit-label:hover {
	background-color: black;
}

.main-header .open-search-modal {
	text-align: end;
	display: block;
}

.search-emergency-bar {
	display: none;
}

.amp-form-dirty .search-emergency-submit-label {
	background-color: #111111;
	border: none;
}

.close-search.hide {
	display: none;
}
.close-search.show {
	display: block;
}

/* Contact */

.nu-emergency .contact {
	border-radius: 30px;
	padding: 0 0 30px 0;
	background-color: #8209d1;
	color: #fff;
}

.nu-emergency .contact hr {
	height: 1px;
	background-color: #fff;
	margin: 0;
}

/*.nu-emergency .green-text {
	color: #b1cb13;
}
*/

.nu-emergency .contact .contact-heading {
	font-size: 34px;
	padding: 40px 0;
}

.nu-emergency .contact .contact-info h4 {
	font-size: 20px;
}

.nu-emergency .contact .contact-info {
	padding: 30px 0;
}

.nu-emergency .contact .contact-info p {
	color: #ffffff;
}

.nu-emergency .contact .contact-info div {
	padding-right: 25px;
}

.nu-emergency .contact .contact-info div:nth-child(2) {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

@media (min-width: 1024px) {
	.main-content {
		min-height: 100vh;
	}

	.open-search-icon {
		border-radius: 50%;
		padding: 5px;
		margin-left: auto;
		width: 30px;
		height: 30px;
	}
	.open-search-icon:hover {
		background-color: #b1cb13;
	}

	.open-search.show {
		display: block;
	}

	.open-search.hide {
		display: none;
	}

	.search-emergency-form {
		justify-content: space-between;
	}
	.search-emergency-modal {
		display: none;
	}
	.search-emergency-bar {
		display: flex;
	}
	.search-emergency-container-modal,
	.search-emergency-container-modal.open {
		display: none;
	}
	.search-emergency-container {
		background-color: #b1cb13;
		display: block;
		padding: 0px 40px;
		border-radius: 30px;
		max-height: 0;
		overflow: hidden;
		transition: all 0.1s;
	}
	.search-emergency-input {
		display: block;
	}
	.search-emergency-container.open {
		padding: 40px;
		max-height: 200px;
	}

	.blog-posts .carousel-posts .carousel-card {
		padding: 28px;
	}

	.read-more-link {
		bottom: 28px;
		left: 43px;
	}

	.posts-card-wrapper:nth-child(1) .read-more-link {
		left: 28px;
	}

	.header-emergency-dummy svg {
		width: 329px;
		height: 144px;
	}

	.search-emergency-submit-label:hover {
		cursor: pointer;
	}

	.posts-card-wrapper:nth-child(1) {
		padding-left: 0;
	}

	.posts-card-wrapper {
		left: 40px;
	}

	/* Contact */
	.nu-emergency .contact .contact-heading {
		font-size: 40px;
		padding: 50px 0;
	}
	.nu-emergency .contact .contact-info {
		display: flex;
		padding: 30px 0;
	}
	.nu-emergency .contact .contact-info div {
		width: 30%;
	}
	.nu-emergency .contact .contact-info h4 {
		font-size: 22px;
	}
	.nu-emergency .contact .contact-info div:nth-child(2) {
		border: none;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		padding-left: 30px;
	}
	.nu-emergency .contact .contact-info div:last-child {
		padding-left: 30px;
	}
}

@media (min-width: 1280px) {
	.posts-card-wrapper {
		left: calc((100vw - 1155px) / 2);
	}
}

/* Sazonal Sections */
.summer-desktop {
	display: none;
}

.summer-mobile {
	padding: 45px 18px 15px;
}

.summer-section {
	background-image: url(../assets/summer-border-video.jpg);
	background-size: cover;
	background-repeat: round;
	padding: 16px;
	border-radius: 20px;
	width: unset;
}

.summer-section > div {
	background-color: #f4f4f4;
	border-radius: 12px;
	position: relative;
	z-index: 1;
}

.summer {
	display: none;
}

.summer-active section {
	display: block;
}

.summer-mobile .summer-tab {
	display: block;
	border-radius: 20px;
	border: 1px solid #000;
	color: #000;
	background-color: #f4f4f4;
	text-transform: uppercase;
	padding: 8px 14px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
}
.summer-mobile .summer-tab::after {
	content: url('../assets/open-summer.svg');
	float: right;
}

.summer-mobile .summer-tab-active {
	background-color: #000;
	color: #fff;
}

.summer-mobile .summer-tab-active::after {
	content: url('../assets/close-summer.svg');
	position: relative;
	bottom: 5px;
}

.summer.how {
	border: none;
}

section.summer,
.summer.how {
	padding: 0;
}

.summer.how.tracked-section h2 {
	font-size: 34px;
}

.summer .how-wrapper > h2 {
	margin-top: 0;
}

.summer.how h3 {
	font-size: 1.1rem;
}

.summer.how .content-tabs {
	padding-top: 24px;
	min-height: 455px;
}

.summer.how .content-tabs p {
	font-size: 16px;
}

.summer .video-player amp-img,
.video-player amp-youtube {
	border-color: #000;
}

.summer-mobile::before {
	content: url(../assets/icon-nuverao.svg);
	position: relative;
	bottom: 15px;
}

.summer.blog-posts,
.summer.nubank-community.knowledge-wrapper {
	background-color: transparent;
	color: #000;
}

.summer.blog-posts .carousel-posts .carousel-card {
	color: #000;
	border-color: #000;
}

.summer.blog-posts .read-more-link {
	color: #8209d1;
}

.summer #blog-posts-cards div div div button div {
	background-color: #d9d9d9;
}

.summer-mobile .summer .container {
	margin: 0 7px;
}

.summer.blog-posts > div > h2 {
	margin-bottom: 26px;
}

@media (min-width: 425px) {
	.summer.how h3 {
		font-size: 1.2rem;
	}
}

@media (min-width: 768px) {
	.summer.how .content-tabs {
		min-height: unset;
	}
}

@media (min-width: 1024px) {
	.summer.how .how-image amp-img {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	/* .summer.how .how-image {
		-webkit-box-align: unset;
		-ms-flex-align: unset;
		align-items: unset;
	} */
	.summer-mobile {
		display: none;
	}
	.summer-desktop {
		display: block;
	}
	.summer-section > div {
		height: 562px;
	}
	.summer-tabs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		bottom: 28px;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.summer-tab {
		cursor: pointer;
		height: 4px;
		width: 50px;
		background-color: #d9d9d9;
		margin-right: 15px;
		border-radius: 40px;
	}
	.summer-tab-active {
		background-color: #8209d1;
	}
	.summer > div::before {
		content: url(../assets/icon-nuverao-desktop.svg);
		position: relative;
		bottom: 15px;
	}
	section.summer,
	.summer.how {
		padding: 80px 0 35px 0;
	}
	/* .summer.how .how-image amp-img.show {
		margin-left: 115px;
	} */
	.summer.how.tracked-section h2 {
		font-size: 40px;
	}
	.summer.how .content-tabs p {
		font-size: 18px;
	}
	.summer.blog-posts .carousel-posts .carousel-card:hover {
		background-color: #000;
		color: #fff;
	}
	.summer #blog-posts-cards div div div button:hover div {
		background-color: #8209d1;
	}
	.summer #blog-posts-cards div div div button svg {
		stroke: #fff;
	}
}

.hero .section-header p {
	line-height: 1.5em;
	font-weight: 500;
}

.how-content-text .content-tab-2 {
	line-height: 1.5em;
}

/* Top Banner */

.sos-banner {
	margin-bottom: 15px;
	height: 60px;
	background-color: #820ad1;
	width: 100%;
	text-align: center;
	color: #fff;
	width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);
	align-content: center;
	line-height: 1.5em;
	padding: 8px 0;
}

.sos-banner p {
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}

.sos-banner a {
	color: #fff;
}

.sos-banner a:hover {
	text-decoration: underline;
}

@media (min-width: 1024px) {
	.sos-banner p {
		font-size: 20px;
	}

	.sos-banner {
		padding: 0;
	}
}

.emergency-footer .footer__columns__column__itens__item,
.emergency-footer .footer__columns__column__title {
	font-family: 'Graphik', sans-serif;
}