.slides li:nth-of-type(2) .animated-text::after {
	content: "Our expertise, your success";
}

/* .slides li:nth-of-type(3) .animated-text::after {
	content: "Our expertise, your success.";
}

.slides li:nth-of-type(4) .animated-text::after {
	content: "frase per la pagina NEWS";
}

.slides li:nth-of-type(5) .animated-text::after {
	content: "frase per la pagina CONTATTI";
}

/* TOGLI QUESTI SIMBOLETTI / * * / PER DECOMMENTARE QUESTO BLOCCO CHE MOSTRERA LE SCRITTE NELLE PAGINE 2-3-4 (attività, news, contatti) 

.slides li:nth-of-type(3) .animated-text 
.slides li:nth-of-type(4) .animated-text,
.slides li:nth-of-type(5) .animated-text {
	display: block !important;
}*/



.slides li:nth-of-type(2) .animated-text {
	display: block !important;
}

.animated-text {
	position: absolute;
	top: 240px;
	left: +80px;
	 /* float: left; togliendo questo la scritta ritorna ad essere centrata (per toglierlo sposta / * all'inizio della riga cosi diventerà giallina) */
	color: #ffff; /* questo cambia il colore della scritta */
	font-family: Roboto !important; /* questo cambia il font, pero devi mettere un valore "accettato" (che esista nel tema).. non so bene quali font esistano in questo tema */
	letter-spacing: .15em; /* questo definisce lo spazio tra i caratteri 
	display: none;
	 /*text-decoration-line: underline;
	text-decoration-color: #30b0c2; */
	border-bottom: 4px solid #30b0c2;
	 /*display: inline-block;
	line-height: 1.5;*/
	opacity: 0;
	max-width: fit-content;
	font-size: 30px;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	/* border-right: .15em solid #fff;*/ /* The typwriter cursor */
	white-space: nowrap;
	/* Keeps the content on a single line */
	margin: 0 auto;
	/* Adjust as needed */
	animation: typing 3.5s steps(40, end) 2s 1 normal forwards; /* blink-caret .75s step-end infinite; */
}


/* The typing effect */

@keyframes typing {
	from {
		width: 0;
		opacity: 1;
	}
	to {
		width: 100%;
		opacity: 1
	}
}