@charset "UTF-8";
/* ==== SEE ALSO - "ti potrebbero interessare anche" ==== */

.see-also-container {
	margin: 30px auto 30px auto;
	box-sizing: border-box;
}
/* stessa larghezza del box .container di videoreel_testimonianze, schede a filo */
.see-also-container.container {
	padding-left: 0px;
	padding-right: 0px;
}
@media (max-width: 767px) {
	.see-also-container.container {
		max-width: none;
		padding-left: 15px;
		padding-right: 15px;
	}
}

#see-also-title {
	background-color: #36CBD4;
	border: 2px solid #9eefef;
	border-radius: 40px;
	margin: 15px auto 15px auto;
	padding: 15px 25px 15px 25px;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 600;
	text-align: center;
}

.wrappler-see-also {
	max-width: none;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

.see-also-flex {
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

.see-also-flex > a {
	flex: 1 1 0;
	display: flex;
	max-width: 33.333%;
	text-decoration: none;
}

.flex-inside-link a:link,
.flex-inside-link a:visited,
.flex-inside-link a:active {
	color: #1B9AA3;
	text-decoration: none;
}
.flex-inside-link a:hover {
	color: #36CBD4;
	text-decoration: none;
}

.flex-inside {
	flex: 1;
	padding: 0px 0px 15px 0px;
	margin: 10px 0px 10px 0px;
	border-radius: 20px;
	background-color: transparent;
	text-align: center;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
}
.flex-inside:hover {
	background-color: #DFF7F9;
}

.internal-flex-inside-pic {
	line-height: 0;
	display: block;
	overflow: hidden;
	border-radius: 20px;
	border-bottom: solid #36CBD4 10px;
	background-color: #36CBD4;
}

.reduce {
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
}
.flex-inside:hover .reduce {
	opacity: 0.85;
}

.internal-see-also-flex-title {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.4;
	text-transform: uppercase;
	text-align: center;
}

/* TABLET */
@media (max-width: 1144px) and (min-width: 700px) {
	.internal-see-also-flex-title {
		font-size: 14px;
	}
}

/* MOBILE */
@media (max-width: 699px) {
	#see-also-title {
		padding: 20px 25px 20px 25px;
		font-size: 24px !important;
		line-height: 1.3;
	}
	.see-also-flex {
		flex-direction: column;
		align-items: center;
		gap: 0px;
	}
	.see-also-flex > a {
		max-width: none;
		width: 100%;
	}
	.flex-inside {
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 15px 0px;
	}
	.internal-see-also-flex-title {
		font-size: 15px;
	}
}
/* ==== END SEE ALSO ==== */