.item::marker {
    content: "\1F60A"; /* Unicode para um emoji feliz */
    font-size: 18px; 
    color: blue;     
    margin-right: 5px;
  }




/* ===================== */
		/* begin countdown style */
		/* ===================== */
		#header-count {
			position: relative;
			width: 100%;
			padding: 30px 0;
		}

		#header-count .countdown {
			margin-bottom: 1px;
		}

		#header-count .countdown div {
			text-align: center;
			margin: 6px;
			width: 100px;
			/* barra inferior */
			padding: 11px 0;
			background: #AC28CF;
		}

		#header-count .countdown div h3 {
			/* números contador */
			font-family: 'Dosis', sans-serif;
			font-weight: 700;
			font-size: 44px;
			margin-bottom: 15px;
		}

		#header-count .countdown div h4 {
			/* dias,horas,minutos,segundos */
			font-size: 14px;
			font-weight: 600;
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: "Raleway", sans-serif;
		}

		.justify-content-center {
			justify-content: center !important;
		}

		.d-flex {
			display: flex !important;
		}

		.flex-column {
			flex-direction: column !important;
		}

		.align-items-center {
			align-items: center !important;
		}

		/* ===================== */
		/* end countdown style   */
		/* ===================== */



		.centralizar {
			max-width: 900px;
			margin: 0 auto;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
		}

		/* begin button effects */
		.fadeDownEffect {
			transition: transform 400ms;
			color: #FFF;
		}

		.fadeDownEffect:hover {
			transform: scale(0.8);
			color: #FFF;
		}

		.btn-purple {
			background-color: darkmagenta;
			color: #FFF;
		}

		.btn-lg2 {
			font-size: 1.3em;
			padding: 24px 40px;
			color: #FFF;
		}

		/* end button effects */

		/* begin message box */
		.fundo-blue {
			background-color: #375673;
			padding: 20px;
			color: #fff;
		}

		/* end message box */

		#premiacao-section {
			padding: 50px 0;
			background: #f8f8f8 url(./img/pat-bg.png) repeat;
		}

		#partners-section {
			padding: 50px 0;
		}

		/* begin button arrow down slider */
		#img-animate {
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: flex-end;
		}

		#img-animate>img {
			width: 60px;
			margin-bottom: 60px;
			animation: jumping 1s linear infinite;
			cursor: pointer;
		}

		@keyframes jumping {
			from {
				transform: translateY(-15px);
			}

			50% {
				transform: translateY(0);
			}

			to {
				transform: translateY(-15px);
			}
		}

		/* end button arrow down slider */

		.button-v002 {
			position: relative;
			padding: 24px 64px;
			border-radius: 100vw;
			background-color: transparent;
			font-family: 'Playfair Display', serif;
			color: yellow;
			border: solid 2px rgba($color: yellow, $alpha: 0.3);
			overflow: hidden;
			cursor: pointer;
			transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
			-webkit-mask-image: -webkit-radial-gradient(white, black);

			.button-v002-text {
				position: relative;
				z-index: 2;
			}

			.button-v002-fill-container {
				position: absolute;
				left: 0;
				top: 50%;
				width: 100%;
				padding-bottom: 100%;
				transform: translateY(-50%) rotate(180deg);


				&::after {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background-color: yellow;
					border-radius: 50%;
					transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
					transform: translateY(-100%);
				}
			}

			&:hover {
				border-color: yellow;
				color: purple;
				transform: translateY(-4px);

				.button-v002-fill-container {
					transform: translateY(-50%) rotate(0);

					&::after {
						transform: translateY(0);
					}
				}
			}
		}




		.button-v003 {
			-moz-appearance: none;
			-webkit-appearance: none;
			appearance: none;
			border: none;
			background: none;
			color: #0f1923;
			cursor: pointer;
			position: relative;
			padding: 8px;
			margin-bottom: 20px;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 22px;
			transition: all .15s ease;
		}

		.button-v003::before,
		.button-v003::after {
			content: '';
			display: block;
			position: absolute;
			right: 0;
			left: 0;
			height: calc(50% - 5px);
			border: 1px solid #40EBDD;
			transition: all .15s ease;
		}

		.button-v003::before {
			top: 0;
			border-bottom-width: 0;
		}

		.button-v003::after {
			bottom: 0;
			border-top-width: 0;
		}

		.button-v003:active,
		.button-v003:focus {
			outline: none;
		}

		.button-v003:active::before,
		.button-v003:active::after {
			right: 3px;
			left: 3px;
		}

		.button-v003:active::before {
			top: 3px;
		}

		.button-v003:active::after {
			bottom: 3px;
		}

		.button_lg-v003 {
			position: relative;
			display: block;
			padding: 25px 20px;
			color: #fff;
			background-color: #0f1923;
			overflow: hidden;
			box-shadow: inset 0px 0px 0px 1px transparent;
		}

		.button_lg-v003::before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 2px;
			height: 2px;
			background-color: #0f1923;
		}

		.button_lg-v003::after {
			content: '';
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 4px;
			height: 4px;
			background-color: #0f1923;
			transition: all .2s ease;
		}

		.button_sl-v003 {
			display: block;
			position: absolute;
			top: 0;
			bottom: -1px;
			left: -8px;
			width: 0;
			background-color: #40EBDD;
			transform: skew(-15deg);
			transition: all .2s ease;
		}

		.button_text-v003 {
			position: relative;
		}

		.button-v003:hover {
			color: #0f1923;
		}

		.button-v003:hover .button_sl-v003 {
			width: calc(100% + 15px);
		}

		.button-v003:hover .button_lg-v003::after {
			background-color: #fff;
		}


		.button-v004 {
			background: black;
			color: #fff;
			font-size: 17px;
			text-transform: uppercase;
			font-weight: 600;
			border: none;
			padding: 30px 90px;
			perspective: 30rem;
			border-radius: 10px;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.308);
		}

		.button-v004::before {
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			border-radius: 10px;
			background: linear-gradient(320deg, #40EBDD, rgba(128, 0, 128, 0.308));
			z-index: 1;
			transition: background 3s;
		}

		.button-v004:hover::before {
			animation: rotate 1s;
			transition: all .5s;
		}

		@keyframes rotate {
			0% {
				transform: rotateY(180deg);
			}

			100% {
				transform: rotateY(360deg);
			}
		}


		.button-v005 {
			padding: 1.3em 3em;
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 2.5px;
			font-weight: 500;
			color: #000;
			background-color: #fff;
			border: none;
			border-radius: 45px;
			box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
			transition: all 0.3s ease 0s;
			cursor: pointer;
			outline: none;
		}

		.button-v005:hover {
			background-color: #23c483;
			box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
			color: #fff;
			transform: translateY(-7px);
		}

		.button-v005:active {
			transform: translateY(-1px);
		}

		.button-v007 {
			position: relative;
			overflow: hidden;
			height: 3rem;
			padding: 0 2rem;
			border-radius: 1.5rem;
			background: #3d3a4e;
			background-size: 400%;
			color: #fff;
			border: none;
			cursor: pointer;
		}

		.button-v007:hover::before {
			transform: scaleX(1);
		}

		.button-content-v007 {
			position: relative;
			z-index: 1;
		}

		.button-v007::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			transform: scaleX(0);
			transform-origin: 0 50%;
			width: 100%;
			height: inherit;
			border-radius: inherit;
			background: linear-gradient(82.3deg,
					rgba(150, 93, 233, 1) 10.8%,
					rgba(99, 88, 238, 1) 94.3%);
			transition: all 0.475s;
		}

		.btn-53,
		.btn-53 *,
		.btn-53 :after,
		.btn-53 :before,
		.btn-53:after,
		.btn-53:before {
			border: 0 solid;
			box-sizing: border-box;
		}

		.btn-53 {
			-webkit-tap-highlight-color: transparent;
			-webkit-appearance: button;
			background-color: #000;
			background-image: none;
			color: #fff;
			cursor: pointer;
			font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
				Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
				Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
			font-size: 100%;
			line-height: 1.5;
			margin: 0;
			-webkit-mask-image: -webkit-radial-gradient(#000, #fff);
			padding: 0;
		}

		.btn-53:disabled {
			cursor: default;
		}

		.btn-53:-moz-focusring {
			outline: auto;
		}

		.btn-53 svg {
			display: block;
			vertical-align: middle;
		}

		.btn-53 [hidden] {
			display: none;
		}

		.btn-53 {
			border: 1px solid;
			border-radius: 999px;
			box-sizing: border-box;
			display: block;
			font-weight: 900;
			overflow: hidden;
			padding: 1.2rem 3rem;
			position: relative;
			text-transform: uppercase;
		}

		.btn-53 .original {
			background: #fff;
			color: #000;
			display: grid;
			inset: 0;
			place-content: center;
			position: absolute;
			transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1);
		}

		.btn-53:hover .original {
			transform: translateY(100%);
		}

		.btn-53 .letters {
			display: inline-flex;
		}

		.btn-53 span {
			opacity: 0;
			transform: translateY(-15px);
			transition: transform 0.2s cubic-bezier(0.87, 0, 0.13, 1), opacity 0.2s;
		}

		.btn-53 span:nth-child(2n) {
			transform: translateY(15px);
		}

		.btn-53:hover span {
			opacity: 1;
			transform: translateY(0);
		}

		.btn-53:hover span:nth-child(2) {
			transition-delay: 0.1s;
		}

		.btn-53:hover span:nth-child(3) {
			transition-delay: 0.2s;
		}

		.btn-53:hover span:nth-child(4) {
			transition-delay: 0.3s;
		}

		.btn-53:hover span:nth-child(5) {
			transition-delay: 0.4s;
		}

		.btn-53:hover span:nth-child(6) {
			transition-delay: 0.5s;
		}











		.btn-v008 {
			display: inline-block;
			padding: 1.9rem 2.8rem;
			font-size: 16px;
			font-weight: 700;
			color: white;
			border: 3px solid rgb(252, 70, 100);
			cursor: pointer;
			position: relative;
			background-color: transparent;
			text-decoration: none;
			overflow: hidden;
			z-index: 1;
			font-family: inherit;
		}

		.btn-v008::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgb(252, 70, 100);
			transform: translateX(-100%);
			transition: all .3s;
			z-index: -1;
		}

		.btn-v008:hover::before {
			transform: translateX(0);
		}





		/* begin marquee slider */
		.marquee {
			display: flex;
			overflow: hidden;
			height: 15vh;
			user-select: none;
			gap: 2rem;
			padding-top: 3rem;
			padding-bottom: 3rem;
			/*background-color: green;*/
			/*transform: skewY(-3deg); */
			/*transform: rotate(-5deg) translateY(-30px) translateX(50px);*/
		}

		.marquee:hover {
			-webkit-text-stroke: 1.5px #fff;
			text-stroke: 1.5px #fff;
			-webkit-text-fill-color: transparent;
			text-fill-color: transparent;
			color: transparent;
			transition: all 0.5s ease;
			-webkit-font-smoothing: antialiased;
			/*-moz-osx-font-smoothing: grayscale;*/
		}

		.marquee__group {
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 2rem;
			min-width: 100%;
			animation: scroll 15s linear infinite;
		}

		.marquee__group span {
			color: white;
			font-size: 3vw;
			font-weight: 700;
			white-space: nowrap;
			font-family: 'Syne', sans-serif !important;
			/*text-transform: uppercase;*/
		}

		@keyframes scroll {
			from {
				transform: translateX(0);
			}

			to {
				transform: translateX(calc(-100% - 2rem));
			}
		}

		@media only screen and (min-width: 360px) {
			.marquee__group span {
				font-size: 4.5vw;
			}
		}

		/* end marquee slider */


		/* begin change words */
		h99 {
			font-family: "Changa One", sans-serif;
			font-size: 3em;
			text-shadow: 0 2px 9px rgba(0, 0, 0, 0.5);
		}

		span99:before {
			content: 'apresentações técnicas';
			animation: animate infinite 8s;
		}

		@keyframes animate {
			0% {
				content: 'apresentações técnicas';
			}

			25% {
				content: 'oportunidades';
			}

			50% {
				content: 'disseminação de experiências';
			}

			75% {
				content: 'debates de ideias';
			}

			100% {
				content: 'temas relevantes';
			}
		}

		/* end change words */



		/* begin change words color */
		h98 {
			box-sizing: border-box;
			font-family: "Changa One", sans-serif;
			color: #fff;
			font-size: 3em;
			padding: 20px;
		}

		h98 span {
			position: relative;
			color: #fff;
			animation: displayText 9s infinite;
			animation-delay: calc(-3s * var(--i));
		}

		@keyframes displayText {
			0% {
				display: inline-block;
			}

			33.33%,
			100% {
				display: none;
			}
		}

		h98 span::before {
			content: attr(data-text);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			color: #AC28CF;
			border-right: 2px solid #AC28CF;
			filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 25px #AC28CF);
			animation: animate98 3s linear infinite;
		}

		@keyframes animate98 {

			0%,
			10%,
			100% {
				width: 0;
			}

			70%,
			90% {
				width: 100%;
			}
		}

		/* end change words color */


		.container_gallery_001 {
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10vmin;
			overflow: hidden;
			transform: skew(5deg);

			.card_gallery_001 {
				flex: 1;
				transition: all 1s ease-in-out;
				height: 75vmin;
				position: relative;

				.card__head_gallery_001 {
					color: black;
					background: #40EBDD;
					padding: 0.5em;
					transform: rotate(-90deg);
					transform-origin: 0% 0%;
					transition: all 0.5s ease-in-out;
					min-width: 100%;
					text-align: center;
					position: absolute;
					bottom: 0;
					left: 0;
					font-size: 1em;
					white-space: nowrap;
				}

				&:hover {
					flex-grow: 10;

					img {
						filter: grayscale(0);
					}

					.card__head_gallery_001 {
						text-align: center;
						top: calc(100% - 2em);
						color: white;
						background: rgba(0, 0, 0, 0.5);
						font-size: 2em;
						transform: rotate(0deg) skew(-5deg);
					}
				}

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					transition: all 1s ease-in-out;
					filter: grayscale(100%);
				}

				&:not(:nth-child(5)) {
					margin-right: 1em;
				}
			}
		}











		.wrapper_gallery_002 {
			position: relative;
			flex-grow: 1;
			margin: auto;
			max-width: 1200px;
			max-height: 1200px;

			display: grid;
			grid-template-columns: repeat(8, 1fr);
			grid-template-rows: repeat(4, 1fr);
			grid-gap: 2vmin;
			justify-items: center;
			align-items: center;
		}

		.img_002 {

			grid-column: span 2;
			max-width: 100%;
			margin-bottom: -52%;
			clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
			transform: scale(1);
			transition: all .25s;

			&:nth-child(7n + 1) {
				grid-column: 2 / span 2;
			}

			&:hover {
				z-index: 2;
				transform: scale(2);
			}
		}