/* Descripció */

.cont-descripcio{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	max-width: 1440px;
	gap: 20px;
}

.descripcio-img{
	margin-left: 50px;
}

	.descripcio-img .descripcio-img-1{
		display: block;
		border-radius: 20px;
	}

	.descripcio-img .descripcio-img-2{
		display: none;
	}

	.descripcio-img .descripcio-img-3{
		display: none;
	}


	.descripcio-text{
		margin-right: 50px;
		max-width: 660px;
		color: #124944;
	}

		.descripcio-text h2{
			margin-bottom: 30px;
		}

		.descripcio-text p{
			margin-bottom: 20px;
		}

			.descripcio-text ul{
				margin-bottom: 20px;
				margin-left: 20px;
			}

		.descripcio-text h5{
			margin-bottom: 20px;
			font-family: Poppins;
			font-size: 16px;
			font-style: normal;
			font-weight: 600;
			line-height: 20px;
		}

/* Propostes per actuar */

.cont-propostes{
	width: 1440px;
	margin-top: 52px;
}

	.propostes-text{
		color: #124944;
		align-items: flex-start;
		text-align: left;
		margin-left: 50px;
	}

	.propostes-noticies{
		display: flex;
		max-width: 1440px;
		width: 100%;
		height: auto;
		margin:30px 0px 50px 0px;
		gap: 20px;
		position: relative;
		justify-content: center;
		flex-wrap: wrap;
	}

/* Testimonis */

.cont-testimonis{
	max-width: 1440px;
}

	.testimonis-text{
		color: #124944;
		text-align: left;
		margin-left: 50px;
		margin-bottom: 77px;
	}

	.testimonis-users{
		display: flex;
		justify-content: center;
		margin-right: 50px;
	}

		.testimonis-users .experiencia-ressenya{
			position: relative;
			max-width: 320px;
			width: 100%;
			height: auto;
			background-color: #FCF8ED;
			border-radius: 20px;
			padding: 67px 20px 40px 20px;
			z-index: 2;
		}

		.testimonis-users .experiencia-ressenya .ressenya-img-1,
		.testimonis-users .experiencia-ressenya .ressenya-img-2,
		.testimonis-users .experiencia-ressenya .ressenya-img-3,
		.testimonis-users .experiencia-ressenya .ressenya-img-4{
			position: absolute;
			top: -47px;
			left: 113px;
			right: 113px;
		}

		.testimonis-users .experiencia-ressenya .ressenya-usuaris{
			text-align: center;
		}

/* Media query (768p) */

@media (max-width: 768px){

	/* Descripció */

	.cont-descripcio{
		flex-direction: column;
		max-width: 718px;
		gap: 20px;
		margin-left: 50px;
	}

	.descripcio-img{
		margin-left: 0px;
	}

		.descripcio-img .descripcio-img-1{
			display: none;
		}

		.descripcio-img .descripcio-img-2{
			display: block;
		}

		.descripcio-img .descripcio-img-3{
			display: none;
		}

		.descripcio-text{
			margin-right: 50px;
			max-width: 668px;
			color: #124944;
		}

			.descripcio-text h2{
				margin-bottom: 20px;
			}

			.descripcio-text p{
				margin-bottom: 10px;
			}

				.descripcio-text ul{
					margin-bottom: 10px;
					margin-left: 20px;
				}

			.descripcio-text h5{
				margin-bottom: 10px;
				font-family: Poppins;
				font-size: 16px;
				font-style: normal;
				font-weight: 600;
				line-height: 20px;
			}

	/* Propostes per actuar */

	.cont-propostes{
		width: 768px;
		margin-top: 20px;
	}

		.propostes-text{
			color: #124944;
			align-items: flex-start;
			text-align: left;
			margin-left: 50px;
		}

		.propostes-noticies{
			display: flex;
			max-width: 768px;
			width: 100%;
			height: auto;
			margin:20px 0px 20px 0px;
			gap: 20px;
			position: relative;
			justify-content: center;
			flex-wrap: wrap;
		}

	/* Testimonis */

	.cont-testimonis{
		max-width: 768px;
	}

		.testimonis-text{
			color: #124944;
			text-align: left;
			margin-left: 30px;
			margin-bottom: 53px;
		}

		.testimonis-users{
			max-width: 668px;
			display: flex;
			justify-content: center;
			margin-right: 50px;
			gap: 20px;
		}

			.testimonis-users .experiencia-ressenya{
				max-width: 209px;
				width: 100%;
				border-radius: 15px;
				padding: 36px 15px 20px 15px;
			}

			.testimonis-users .experiencia-ressenya .ressenya-img-1,
			.testimonis-users .experiencia-ressenya .ressenya-img-2,
			.testimonis-users .experiencia-ressenya .ressenya-img-3,
			.testimonis-users .experiencia-ressenya .ressenya-img-4{
				top: -27px;
				left: 80px;
				right: 80px;
			}

		.experiencia-no-2{
			display: none;
		}
}

/* Media query (480p) */

@media (max-width: 480px){

	/* Descripció */

	.cont-descripcio{
		flex-direction: column;
		max-width: 480px;
		gap: 15px;
		margin-left: 30px;
	}

	.descripcio-img{
		margin-left: 0px;
	}

		.descripcio-img .descripcio-img-1{
			display: none;
		}

		.descripcio-img .descripcio-img-2{
			display: none;
		}

		.descripcio-img .descripcio-img-3{
			display: block;
		}

		.descripcio-text{
			margin-right: 30px;
			max-width: 420px;
		}

			.descripcio-text h2{
				margin-bottom: 10px;
			}

			.descripcio-text p{
				margin-bottom: 10px;
			}

				.descripcio-text ul{
					margin-bottom: 10px;
					margin-left: 15px;
				}

			.descripcio-text h5{
				margin-bottom: 10px;
				font-family: Poppins;
				font-size: 11px;
				font-style: normal;
				font-weight: 600;
				line-height: 13px;
			}

	/* Propostes per actuar */

	.cont-propostes{
		width: 420px;
		margin-top: 15px;
	}

		.propostes-text{
			color: #124944;
			align-items: flex-start;
			text-align: left;
			margin-left: 0px;
		}

		.propostes-noticies{
			display: flex;
			max-width: 420px;
			width: 100%;
			height: auto;
			margin:15px 0px 15px 0px;
			gap: 10px;
			position: relative;
			justify-content: center;
			flex-wrap: wrap;
		}

	/* Testimonis */

	.cont-testimonis{
		max-width: 768px;
	}

		.testimonis-text{
			color: #124944;
			text-align: left;
			margin-left: 30px;
			margin-bottom: 53px;
		}

		.testimonis-users{
			display: flex;
			justify-content: center;
			margin-right: 30px;
			gap: 20px;
		}

			.testimonis-users .experiencia-no-0,.testimonis-users .experiencia-no-1,.testimonis-users .experiencia-no-2,{
			}


		.testimonis-users .experiencia-ressenya{
			max-width: 200px;
			padding: 40px 10px 15px 10px;
			border-radius: 10px;
			height: 200px;
		}

			.testimonis-users .experiencia-ressenya .ressenya-img-1,
			.testimonis-users .experiencia-ressenya .ressenya-img-2,
			.testimonis-users .experiencia-ressenya .ressenya-img-3,
			.testimonis-users .experiencia-ressenya .ressenya-img-4{
				top: -20px;
				left: 80px;
				right: 80px;
			}

		.experiencia-no-1{
			display: none;
		}

		.experiencia-no-2{
			display: none;
		}
}