/* ==========================================================
   HERO
========================================================== */

#hero{
    position:relative;
}

#herofeatures{
    position:relative;
}

#heroricerca{
    position:relative;
}

#herocta{
    position:relative;
}


/* ==========================================================
   STATO DEL PROGETTO
========================================================== */

#heroproject-status{

    position:relative;

    padding:100px 0;

    background:#f8fafc;

}

#heroproject-status h2{

    text-align:center;

    margin-bottom:25px;

}

#heroproject-status > .container > p{

    max-width:850px;

    margin:0 auto 60px;

    text-align:center;

    line-height:1.8;

    

}


/* ==========================================================
   NUMERI
========================================================== */

.heroproject-numbers{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:25px;

    margin-bottom:70px;

}

.number-card{

    padding:30px 20px;

    text-align:center;

    background:#fff;

    border-radius:18px;

    box-shadow:0 10px 28px rgba(0,0,0,.08);

    transition:.25s;

}

.number-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 36px rgba(0,0,0,.12);

}

.number-card .number{

    display:block;

    margin-bottom:12px;

    font-size:3rem;

    line-height:1;

    font-weight:700;

    color:var(--primary-color);

}

.number-card span:last-child{

    display:block;

    line-height:1.4;

    font-weight:600;

    

}


/* ==========================================================
   CARD GRID
========================================================== */

.heroprojectstatus-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}


/* ==========================================================
   CARD
========================================================== */

.heroprojectstatus-grid article{

    padding:30px;

    background:#fff;

    border-radius:20px;

    box-shadow:0 10px 28px rgba(0,0,0,.08);

    transition:.25s;

}

.heroprojectstatus-grid article:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 38px rgba(0,0,0,.12);

}

.heroprojectstatus-grid h3{

    margin-bottom:20px;

    color:var(--primary-color);

}

.heroprojectstatus-grid ul{

    padding-left:20px;

}

.heroprojectstatus-grid li{

    margin-bottom:18px;

    line-height:1.6;

}

.heroprojectstatus-grid li:last-child{

    margin-bottom:0;

}

.heroprojectstatus-grid strong{

    

}

.heroprojectstatus-grid ul ul{

    margin-top:10px;

    padding-left:18px;

}

.heroprojectstatus-grid ul ul li{

    margin-bottom:8px;

}

/*------------CTA----------*/
.herocta .container {
    text-align: center;
}

.herocta .container h2{
    color:var(--primary-title);
}