@charset "UTF-8";

h1
{
	margin-bottom: 1rem;
}
#div1 h1,
#div1 h3
{
	color: var(--cp-color-marrone1) !important;
}

.contenuto-testo
{
	width: 50%;
}
.contenuto-grafica
{
	width: 50%;
}

.contenuto-dettaglio
{
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
	background: #fff;;
	background: linear-gradient(180deg, rgb(255,255,255) 0%, rgb(232,235,237) 100%);
	box-shadow: 0 0.6rem 1rem rgba(0,0,0,0.1);
	
	margin: 1.5rem;
    border: 6px solid #fff;
    border-radius: 40px;
    padding: 2.5rem 2rem 3rem 2rem;
    
    flex-grow: 1;
}
.contenuto-dettaglio:first-child
{
	margin-left: 0;
}
.contenuto-dettaglio:last-child
{
	margin-right: 0;
}
.contenuto-dettaglio__numero
{
	color: var(--cp-color-blue1);
	font-size: 66px;
	font-weight: 500;
	margin-bottom: 0.66rem;
}
.contenuto-dettaglio__info
{
	text-transform: uppercase;
    font-size: 22px;
    font-size: min(calc(10px + 1.1vw), 22px);
    font-weight: 600;
    color: var(--cp-color-grigio3);
    text-align: center;
    margin-bottom: 1rem;
    line-height: 1.3;
    min-height: 6rem;
}
.contenuto-dettaglio__immagine
{
	max-width: 110px;
}



/* --------------------------------------------------------------------------------------------------------------- */
/* primo riquadro */
/* --------------------------------------------------------------------------------------------------------------- */

#div1
{
	padding-top: 90px;
    padding-bottom: 70px;
    overflow: hidden;
    min-height: 560px;
    box-sizing: content-box;
}
#div1_1
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
#div1_1_1
{
    position: relative;
    width: 100%;
}
#div1_1_1 > img
{
	position: absolute;
    right: -200px;
    top: -50px;
    width: 900px;
}
#div1_1_2
{
	z-index: +1;
}
#div1_1 h2,
#div1_1 h4
{
	color: var(--cp-color-marrone1);
}

/* --------------------------------------------------------------------------------------------------------------- */
/* secondo riquadro */
/* --------------------------------------------------------------------------------------------------------------- */

#div2
{
	padding-top: 90px;
    padding-bottom: 70px;
    overflow: hidden;
    min-height: 560px;
    box-sizing: content-box;
}
#div2_1
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
#div2_1_2
{
    position: relative;
}
#div2_1_2 > img
{
	position: absolute;
	left: 4rem;
    top: -1rem;
    width: 600px;
}
#div2_1_1
{
	z-index: +1;
}
#div2_1_1_1
{
	text-align: center;
	margin-top: 3rem;
}
#div2_1 h2
{
	color: var(--cp-color-bianco1);
}
#div2_1 h4
{
	color: var(--cp-color-nero1);
}

/* --------------------------------------------------------------------------------------------------------------- */
/* terzo riquadro */
/* --------------------------------------------------------------------------------------------------------------- */

#div3
{
	padding-top: 90px;
    padding-bottom: 70px;
    overflow: hidden;
    min-height: 640px;
    box-sizing: content-box;
}
#div3_1
{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
#div3_1_1
{
    position: relative;
}
#div3_1_1 > img
{
	position: absolute;
    right: 4rem;
    top: -40px;
    width: 600px;
}
#div3_1_2
{
	z-index: +1;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* quarto riquadro */
/* --------------------------------------------------------------------------------------------------------------- */

#div4
{
	background: #fff;
}

#div4_1
{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    
    margin-top: -80px;
    padding-bottom: 6rem;
}

#div4_2
{
	text-align: center;
	padding-bottom: 4rem;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* quinto riquadro */
/* --------------------------------------------------------------------------------------------------------------- */

#div5
{
	background-color: #fff;
}

#div5 img
{
	width: 100%;
}