.mega-menu .menu-links > li > a {
			padding: 15px!important;
			}
			
			.content-img-item {
			height: 75vh;
			background-size: cover;
			background-position: center center;
			}
			
			.testimonial-avatar img {
			border-color: #f2efef;
			}
			
			.img-career-insights {
			height: 205px;
			width: 100%;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat, repeat;
			}
			
			.img-career-learning {
			height: 185px;
			width: 100%;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat, repeat;
			}
			
			.img-career-shop {
			height: 185px;
			width: 100%;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat, repeat;
			}
			
			.img-career-coach {
			height: 248px;
			width: 100%;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat, repeat;
			}
			
			.testimonial-info:before {
			color: #15abbb;
			}
			
			
			.box-news {
			display: inline-block;
			background: #490696;
			padding: 2em;
			position: relative;
			color: white;
			width: 30vh;
			z-index: 1;
			/*  Coloca na frente do conteúdo principal */
			}
			
			.box-news::after {
			content: '';
			position: absolute;
			top: 0;
			right: -78px;
			/* Desloca um pouco para fora do box */
			width: 90px;
			/* Largura da extensão */
			height: 100%;
			/* Altura igual à do box */
			background: #490696;
			/* Cor da extensão, pode ser um tom mais escuro ou diferente */
			transform: skew(-27deg);
			/* Aplica o efeito de distorção */
			transform-origin: top right;
			/* Define a origem da distorção */
			border-radius: 0px 0px 15px 0px;
			z-index: -1;
			/*  Coloca atrás do conteúdo principal */
			}
			
			
			.box-news::before {
			content: '';
			position: absolute;
			/*top: 0;*/
			right: -370px;
			/* Ajuste a posição para ficar após o primeiro */
			width: 290px;
			/* Largura da área das listras */
			height: 55%;
			/* Altura igual à do box */
			background: repeating-linear-gradient(-91deg,
			/* Ângulo diagonal */
			#e7d3fc,
			/* Cor da listra */
			#e7d3fc 20px,
			/* Final da listra (grossura aumentada) */
			transparent 20px,
			/* Espaço entre as listras */
			transparent 37px
			/* Início da próxima listra (mais espaçado) */
			);
			transform: skew(330deg);
			/* Aplica a mesma distorção para alinhamento */
			transform-origin: top right;
			z-index: -2;
			/* Coloca ainda mais atrás */
			}
			
			
			.overlay-news {
			position: relative;
			background:
			url(images/bg/bg-news-home-min.png),
			/* A imagem de fundo */
			linear-gradient(to bottom, #ffffff, #efefef);
			/* Gradiente de cinza para cinza claro */
			background-size: auto;
			background-repeat: no-repeat;
			background-blend-mode: normal;
			/* Controla como a imagem e o gradiente se misturam */
			z-index: 1;
			}
			
			
			.overlay-career {
			position: relative;
			background:
			url(images/bg/bg-news-home.png),
			/* A imagem de fundo */
			linear-gradient(to bottom, #ffffff, #efefef);
			/* Gradiente de cinza para cinza claro */
			background-size: auto;
			background-repeat: no-repeat;
			background-blend-mode: normal;
			/* Controla como a imagem e o gradiente se misturam */
			z-index: 1;
			}
			
			.overlay-events {
			position: relative;
			background: url(images/bg/bg-events-home-w.png);
			/* A imagem de fundo */
			background-color: #D2BDFF;
			background-size: auto;
			background-repeat: no-repeat;
			background-blend-mode: normal;
			/* Controla como a imagem e o gradiente se misturam */
			z-index: 1;
			}
			
			.custom-box-dark {
			position: relative;
			width: 40%;
			height: 90px;
			align-content: center;
			border-radius: 0px 0px 10px 0px;
			z-index: 0;
			}
			
			.custom-box-dark::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #490696;
			transform: skewX(328deg);
			border-radius: 0px 0px 10px 0px;
			z-index: -1;
			translate: -30px;
			}
			
			
			.custom-box-light {
			position: relative;
			width: 40%;
			height: 90px;
			align-content: center;
			border-radius: 0px 0px 10px 0px;
			z-index: 0;
			font-size: 2rem;
			}
			
			.custom-box-light::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #8a3ae6;
			transform: skewX(328deg);
			border-radius: 0px 0px 10px 0px;
			z-index: -1;
			translate: -30px;
			}
			
			
			.listras {
			width: 290px;
			height: auto;
			min-height: 45px;
			background: repeating-linear-gradient(-91deg,
			/* Ângulo diagonal */
			#ac67fa4a,
			/* Cor da listra */
			#ac67fa4a 20px,
			/* Final da listra (grossura aumentada) */
			transparent 20px,
			/* Espaço entre as listras */
			transparent 37px
			/* Início da próxima listra (mais espaçado) */
			);
			transform: skew(326deg);
			transform-origin: top right;
			}
			
			.listras-dark {
			width: 290px;
			height: auto%;
			background: repeating-linear-gradient(-91deg,
			/* Ângulo diagonal */
			#490696,
			/* Cor da listra */
			#490696 20px,
			/* Final da listra (grossura aumentada) */
			transparent 20px,
			/* Espaço entre as listras */
			transparent 37px
			/* Início da próxima listra (mais espaçado) */
			);
			transform: skew(326deg);
			transform-origin: top right;
			}
			
			.overlay-we {
			position: relative;
			background: url("images/bg/waves.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			z-index: 1;
			}
			
			/*.button span {
				font-size: 15px!important;
				}*/
			
			
			/* Responsive adjustments */
			@media (max-width: 991px) {
			.diagonal-right::after {
			display: none;
			/* Remove diagonal on mobile */
			}
			}
			
			
			.purple:focus {
			background: #490696;
			color: #ffffff;
			border: 2px solid #490696;
			}
			
			.purple2 {
			background: #560c7b;
			color: #ffffff;
			border: 2px solid #560c7b;
			}
			
			.purple2:focus {
			background: #560c7b;
			color: #ffffff;
			border: 2px solid #560c7b;
			}
			
			.purple2:hover {
			background: #330865;
			color: #ffffff;
			border-color: #330865;
			}
			
			.purple3 {
			background: #600a8b;
			color: #ffffff;
			border: 2px solid #600a8b;
			}
			
			.purple3:focus {
			background: #330865;
			color: #ffffff;
			border-color: #330865;
			}
			
			.purple3:hover {
			background: #330865;
			color: #ffffff;
			border-color: #330865;
			}
			
			.purple4 {
			background: #7209a7;
			color: #ffffff;
			border: 2px solid #7209a7;
			}
			
			.purple4:focus {
			background: #330865;
			color: #ffffff;
			border-color: #330865;
			}
			
			.purple4:hover {
			background: #330865;
			color: #ffffff;
			border-color: #330865;
			}
			
			
			.custom-box-dark h2 {
			font-size: 2.5rem;
			font-weight: 400;
			color: #fff;
			}
			
			/* Ajuste opcional para mobile */
			@media (max-width: 576px) {
			.custom-box-dark h2 {
			font-size: 1.6rem;
			}
			}
			
			
			.custom-box-light h2 {
			font-size: 2.5rem;
			font-weight: 400;
			color: #fff;
			}
			
			
			.banner-size {
			height: 270px;
			}
			
			/* Ajuste de altura para dispositivos móveis */
			@media (max-width: 576px) {
			.banner-size {
			height: 160px;
			}
			}
			
			/* Ajuste de altura para dispositivos móveis */
			@media (max-width: 576px) {
			.listras {
			width: 131px;
			height: 30%;
			/* Diminui a altura em telas pequenas */
			min-height: 45px;
			/* Ajusta a altura mínima para dispositivos móveis */
			}
			}
			
			
			/* Ajuste opcional para mobile */
			@media (max-width: 576px) {
			.custom-box-light h2 {
			font-size: 1.6rem;
			}
			}
			
			.logo-img-container {
			max-width: 400px;
			/* Ajusta apenas o logo */
			}
			
			/* Ajuste específico para telas menores que 576px */
			@media (max-width: 576px) {
			.logo-img-container {
			max-width: 240px;
			/* Ajusta apenas o logo */
			}
			}
			
			
			/* Ajuste específico para telas menores que 576px */
			@media (max-width: 576px) {
			.custom-box-dark {
			width: 80%;
			/* Ajusta apenas o logo */
			}
			}
			
			/* Ajuste específico para telas menores que 576px */
			@media (max-width: 576px) {
			.custom-box-light {
			width: 80%;
			/* Ajusta apenas o logo */
			}
			}
			
			
			/* Definindo o fundo da coluna */
			.image-signup {
			background-image: url('images/indicador.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: left;
			/* Ajusta a esquerda */
			}
			
			/* Ajustes para o mobile */
			@media (max-width: 576px) {
			.image-signup {
			background-image: url('images/indicador-mobile.png');
			/* Imagem diferente para mobile */
			background-position: top;
			/* Ajusta a esquerda */
			}
			}
			
			/* Definindo o fundo da coluna */
			.image-signup2 {
			background-image: url('images/indicador2.png');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: left;
			/* Ajusta a esquerda */
			}
			
			/* Ajustes para o mobile */
			@media (max-width: 576px) {
			.image-signup2 {
			background-image: url('images/indicador-mobile2.png');
			/* Imagem diferente para mobile */
			background-position: top;
			/* Ajusta a esquerda */
			}
			}
			
			.flex-menu {
			display: flex;
			/* Habilita o Flexbox */
			align-items: center;
			/* Centraliza verticalmente os itens */
			gap: 10px;
			/* Espaçamento entre o ícone e o texto */
			}
			
			.flex-menu img {
			flex-shrink: 0;
			/* Garante que o ícone não seja reduzido */
			width: 32px;
			/* Define o tamanho do ícone */
			}
			
			.flex-menu span {
			flex: 1;
			/* Faz o texto ocupar o espaço restante */
			line-height: 1.4;
			/* Ajusta o espaçamento das linhas */
			}
			
			/* Ajustes para telas menores */
			@media (max-width: 768px) {
				.flex-menu {
				/*flex-direction: column; /* Empilha ícone e texto */
				*/ align-items: flex-start;
				/* Alinha texto à esquerda */
				}
				
				.flex-menu img {
				margin-bottom: 5px;
				/* Espaçamento entre ícone e texto */
				}
				
				/*.button span {
				font-size: 14px!important;
				}*/
			}
			
			
			
			
			@media (min-width: 992px) and (max-width: 1130px) {
			.mega-menu .menu-links > li > a {
			font-size: 12px;
			padding: 13px!important;
			}
			}
			
			
			@media (min-width: 992px) {
			
			.mega-menu .menu-links > li a {
			background-color: #490696;
			color: white !important;
			}
			
			.mega-menu .menu-links > li.active a {
			background-color: #490696;
			color: white !important;			
			}
			
			.button {
			border-radius: .3rem;
			}
			
			.mega-menu .menu-links > li:first-child a {
			border-top-left-radius: .3rem;
			border-bottom-left-radius: .3rem;
			}
			
			.mega-menu .menu-links > li:last-child a {
			border-top-right-radius: .3rem;
			border-bottom-right-radius: .3rem;
			}
			
			}