.card-2 h2{
}

h6{
    font: normal normal bold 32px/36px 'Figtree';
    color: var(--app-color-dark-5);
}
h3{
    color: var(--app-color-dark-5);
}

.titolo_parte1
{
    color: var(--app-color-brand);
}

.sotto_titolo{
    margin-top: 5px !important;
    max-width: 900px;
}

.text{
    font-size: 26px;
    color: var(--app-color-dark-7);
    padding-bottom: 125px;
    padding-top: 50px;
    max-width: 900px
}

/*************************************************************************
|||||||||||||||||||||||||||||SETTING BANNER 1||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/
#bannerImpresa1 .full-width-height {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 800px;
    margin: 0 auto;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    overflow: hidden;
}

#bannerImpresa1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#bannerImpresa1 .overlay {
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
.banner_item{
    position: relative;

}
#bannerImpresa1
{
	position: relative;
}

.overlay{
        background: var(--app-gradient-white-fade, rgba(0,0,0,0.4));
}


#banner_Background{
}

/*************************************************************************
|||||||||||||||||||||||||||||SETTING SEZIONE 1|||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/
#sezioneImpresa1_1 h6{

    text-align: left;
    padding-top: 25px;
    padding-bottom: 40px;
    max-width: 1310px;
    min-height: 110px;
}


#sezioneImpresa1_1 img{
    border-radius: 80px;
}

#sezioneImpresa1_1 label{
    border-radius: 80px;
    margin-left: 15px;
}

.quadrato{
    min-width: 325px;
    height: 325px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        border-radius: 40px;
}

.rettangolo{
    width: 100%;
    max-width: 670px;
    min-width: 325px;
    height: 325px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 40px;
}

.sezione1item1
{
    background-image: url("../../img/webp/operatori-edili-cantiere-torre-castello-compiano-indovino-impresa-14.webp");
}

.sezione1item2
{
    background-image: url("../../img/webp/trasporto-materiale-elicottero-cantiere-isola-elba-indovino-impresa-08.webp");
}
.sezione1item3
{
    background-image: url("../../img/webp/operatore-edile-gru-cantiere-liceo-petrocchi-pistoia-indovino-impresa-04.webp");
}
.sezione1item4
{
    background-image: url("../../img/webp/tecnico-cantiere-torre-castello-compiano-indovino-impresa-05.webp");
}
.sezione1item5
{
    background-image: url("../../img/webp/trasporto-materiale-elicottero-cantiere-isola-elba-indovino-impresa-15.webp");
}
.sezione1item6
{
    background-image: url("../../img/webp/ruspa-demolizione-villa-serena-livorno-indovino-impresa-06.webp");
}



/* Sezione impresa 3 */
.sezione1item7
{
    background-image: url("../../img/webp/ingresso-sede-indovino-impresa-01.webp");
}
.sezione1item8
{
    background-image: url("../../img/webp/insegna-sede-indovino-impresa-02.webp");
}
.sezione1item9
{
    background-image: url("../../img/webp/ndv-lab-interno-kerakoll-indovino-impresa-03.webp");
}
.boxCardS1{
    display: flex;
    flex-direction: row;
    gap:20px;
}







.boxCard{
        display: flex;
    flex-direction: column;
    gap:20px;
}




.boxRow{
      gap:0px ;
}

/*************************************************************************
|||||||||||||||||||||||||||||SETTING SEZIONE 2|||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/
/*
colori delle card specifici , il layout si trova in common css card-2
*/
#sezioneImpresa2_2 h2,
#sezioneImpresa2_3 h2{
    color: var(--app-color-brand);
    padding: 40px;
    margin-top: 0;
}

#sezioneImpresa2_2 h5,
#sezioneImpresa2_3 h5{
    color: var(--app-color-light-7);
    font-weight: 600px;
    font-size: 28px;
    text-transform: uppercase;
}

#sezioneImpresa2_2 p,
#sezioneImpresa2_3 p{
    text-align: left;
    letter-spacing: var(--app-letter-spacing-0);
    text-transform: uppercase;
}
#sezioneImpresa2_2 p{
    color: var(--app-color-light-7);
}
#sezioneImpresa2_3 p{
    color: var(--app-color-light-7);
}


.card-s2{
    display: flex;
     flex-direction: column;
     padding: 40px;
}

.impresa-colonna-dx,
.impresa-colonna-sx{
    display: flex; flex-direction: column;
    gap: 20px
}


#sezioneImpresa2_3 > :first-child{
  margin-top: 37px;
}

/*************************************************************************
|||||||||||||||||||||||||||||SETTING SEZIONE 3|||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/




#sezioneImpresa3 .titolo_parte1{
}
#sezioneImpresa3 .sotto_titolo{

}
#sezioneImpresa3 .text{
font-size: 22px;

}


#sezioneImpresa3_1 {
    width: 100%;
}


#sezioneImpresa3_1_1 {
    align-self: flex-end;
    display: flex ;
    flex-direction: column;
    justify-content: flex-end;
}
#sezione_3_Background{
    background-image: url("../../img/webp/Impresa_Background_Img02.webp");
    background-repeat: no-repeat;
    background-position: left top;
      background-size: contain;
}



/*************************************************************************
|||||||||||||||||||||||||||||SETTING SEZIONE 4|||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/
#sezioneImpresa4 .full-width-height{
    overflow: hidden;
    position: relative;
    height: 600px;
    width: auto;
}
#sezioneImpresa4 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left top ;
}



#sezione_4_Background{
    min-height: 600px;
    background-image: url("../../img/webp/Impresa_Background_Img01.webp");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}


.didascalia-card{
    margin-top: 30px;
    color: var(--app-color-light-7);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;

}


.divisore-verticale{
    background-color: var(--app-color-brand);
}



.card-bianca{
    background-color: var(--app-color-light);
    border: 4px solid #FFFFFF;
}
.card-nera{
    background-color: var(--app-color-dark-5);
    border: 4px solid #606A6F;
}




#sezione5{
}





.taglioTitolo{
    overflow:hidden;
}



/*************************************************************************
|||||||||||||||||||||SETTING DI COLONNA DELLA SEZIONE 5|||||||||||||||||||
|||||||||||||||||||||||TITOLI TAGLIATI E ALTRO CSS||||||||||||||||||||||||
**************************************************************************/

.colonna{
 max-width: 1015;

}
.colonna p{
 margin-top: 20px;
}
.colonna h1{

    position: relative;
    overflow: hidden;
    font-weight: 800;
    font-size: 180px;
    color: var(--app-color-light);
}

.colonna p{
    max-width: 900px;
    font-weight: medium;
    font-size: 22px;
    color: var(--app-color-light-3);
}

#colonna1{

}

#colonna1 h1{
    font-size: 180px;
}
#colonna2{

}
#colonna2 h1{
    font-size: 210px;
}
#colonna3{

}
#colonna3 h1{
    font-size: 240px;
}
/*************************************************************************
|||||||||||||||||||||GRANDEZZA TAGLIO DEL TITOLO||||||||||||||||||||||||||
||||||||||||||||||||| MODIFICARE PER TAGLIARE PIU O MENO||||||||||||||||||
**************************************************************************/

#colonna1 .taglioTitolo{
    height: 150px;
}

#colonna2 .taglioTitolo{
    height: 170px;
}

#colonna3 .taglioTitolo{
    height: 190px;
}



#sezione5_1 .sezioneParte1{

}

#sezione5_2{
margin-left: 120px;
}
#sezione5_3{
margin-left: 160px;
}
.bg-image{
    background-image: url("../../img/webp/Impresa_Background_Img03.webp");
    background-repeat: no-repeat;
    background-size: contain;
}

#sezione5 .divisoreTitolo{
    height: 3px;
    color: var(--app-color-light);
}


/*************************************************************************
|||||||||||||||||||||||||||||SETTING SEZIONE 6|||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/


.oneTeamDivisore{
    width: 100%;
    border-top: solid 3px var(--app-color-brand);
}
#sezione6_2{
    display: flex;
    flex-direction:row;
    gap:50px;
}


#sezione6 h1{
    margin-top: 0px;
}
.oneTeamInfo{
    max-width: 420px;
    display:flex;
    flex-direction: column;
    margin: 0 auto;
    gap:60px;

    
}

.oneTeamInfo_1{
    background: var(--app-gradient-white-fade-small);
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display:flex;
    flex-direction:
    column;
    gap:15px;
}

.oneTeamInfo_1 p{
    margin: 0;
    color: var(--app-color-dark-7);
    text-transform: uppercase;
    font-weight: 800;
    font-size: 24px;
}
.testo{
    font-weight: 600 !important;
}

.pxReduction{

    font-size: 16px;

}

.oneTeamInfo_1  .list-title{
color: var(--app-color-brand);

}
.oneTeamInfo_1 .list-subheading{
    font-weight: 600;
    font-size: 16px;
    color: var(--app-color-brand);
}

.list-title a{
    background-image: url("../../img/svg/ArrowDx_LightColour_Default-07.svg");
    width: 15px;
    height: 15px;
    background-size: cover;
}




/*************************************************************************
||||||||||||||||||||||||||||||CALL TO ACTION||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/

.ctaBox p{
    font-size: 26px;
    font-weight: 600;
}

.ctaBox{
    border-color:var(--app-color-brand);
}


@media only screen and (max-width: 993px){
    .card-2 h2{
        overflow-wrap: normal;
    }

    #sezioneImpresa2_2 .boxCard1:last-child{
        margin-bottom: 20px;
    }
    .titolo-banner h1{
        font-size: 90px;
    }
    #sezione6_2{
    flex-direction:column;
    }
    .card-nera{
        padding: 10px;
    }
    .impresa-colonna-sx>:first-child,
    .impresa-colonna-dx>:first-child{
        margin-top: 0px !important;
    }

    .card-s2 h5{
        font-size: 20px !important;
    }

}



@media only screen and (max-width:500px){
    #bannerImpresa1 .full-width-height {
        height: 500px;
    }
    /* SEZIONE 5_1 gestione Taglio Titoli */
    #colonna1 .taglioTitolo{
    height: 85px;
    }
    #colonna2 .taglioTitolo{
        height: 92px;
    }
    #colonna3 .taglioTitolo{
        height: 100px;
    }
    #colonna1 h1{
        font-size: 72px;
    }
    #colonna2{
    }
    #colonna2 h1{
        font-size: 84px;
    }
    #colonna3{
    }
    #colonna3 h1{
    font-size: 96px;
    }

    .card-s2{
    padding: 15px;
    align-self: center;
    }
    .card-2 h2{
        padding: 15px !important;
    }
    .boxCardS1{
        flex-direction: column;
        align-items: center;
    }
    .rettangolo{
        width: 325px;
        height: 325px;
    }
}


@media only screen and (min-width:501px) and  (max-width: 993px)
{
    /* SEZIONE 5_1 gestione Taglio Titoli */
    #colonna1 .taglioTitolo{
    height: 105px;
    }
    #colonna2 .taglioTitolo{
        height: 120px;
    }
    #colonna3 .taglioTitolo{
        height: 130px;
    }
    #colonna1 h1{
        font-size: 108px;
    }
    #colonna2{
    }
    #colonna2 h1{
        font-size: 126px;
    }
    #colonna3{
    }
    #colonna3 h1{
    font-size: 144px;
    }

    .oneTeamInfo{
        flex-direction: column;
    }
    .quadrato{
        width: 100%;
        min-width: 100px;
        min-height: 100px;
        max-height: 200px;
    }
    .rettangolo{
        width: 100%;
        max-width: 200px;
        min-height: 100px;
        min-width: 100px;
        max-height: 200px;
    }
        #sezione6_2{
            gap: 20px;
}
    .list-subheading{
        font-size: 15px !important;
    }
    .list-title{
        font-size: 20px !important;
    }
    .boxCardS1{
        flex-direction: row;
        align-items: center;
    }
}