.card-2 h2 {}

.card-2 p {
    margin-top: 20px;
}

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 {
    max-width: 900px;
}

.text {
    font-size: 19px;
    color: var(--app-color-dark-7);
    padding-bottom: 70px;
    padding-top: 30px;
    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;
}

#bannerImpresa1 h1 {
    font-size: 80px;
}

.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 .w3-container.l12.m12.s12.text-align-center.margin-auto1170 h2 {
    margin-bottom: 0px;
}

#sezioneImpresa1_1 h5 {

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


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

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

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

.rettangolo {
    width: 100%;
    max-width: 670px;
    min-width: 325px;
    height: 300px;
    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");
}

#sezioneImpresa2 {
    padding-top: 70px;
}

.sezione h3 #sezioneImpresa2 {
    padding-top: 70px;
}

.sezione h3.sotto_titolo {
    margin-bottom: 0px;
}

/* 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 {
    padding-top: 90px;
    padding-bottom: 130px;
}

#sezioneImpresa3 .titolo_parte1 {
    margin-top: 0;
    margin-bottom: 4px;
}

#sezioneImpresa3 .sotto_titolo {}

#sezioneImpresa3 .text {
    font-size: 19px;

}


#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: cover;
}



/*************************************************************************
|||||||||||||||||||||||||||||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 {
    padding-top: 90px;
    padding-bottom: 90px;
}





.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: 19px;
    color: var(--app-color-light-3);
}

#colonna1 {}

#colonna1 h1 {
    font-size: 160px;
}

#colonna2 {}

#colonna2 h1 {
    font-size: 190px;
}

#colonna3 {}

#colonna3 h1 {
    font-size: 220px;
}

/*************************************************************************
|||||||||||||||||||||GRANDEZZA TAGLIO DEL TITOLO||||||||||||||||||||||||||
||||||||||||||||||||| MODIFICARE PER TAGLIARE PIU O MENO||||||||||||||||||
**************************************************************************/

#colonna1 .taglioTitolo {
    height: 150px;
}

#colonna2 .taglioTitolo {
    height: 170px;
}

#colonna3 .taglioTitolo {
    height: 190px;
}



#sezione5_1 h5.sotto_titolo.color-light {
    margin-bottom: 20px;
}

#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|||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/
#callToActionSostenibilita {
    padding-top: 70px;
}

.oneTeamDivisore {
    width: 100%;
    border-top: solid 3px var(--app-color-brand);
}

#sezione6 {
    padding-top: 90px;
}

#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: 900;
    font-size: 22px;
    white-space: nowrap;
}

.testo {
    font-weight: 600 !important;
}

.pxReduction {

    font-size: 14px;

}

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

}

.oneTeamInfo_1 .list-subheading {
    font-weight: bold;
    font-size: 15px;
    color: var(--app-color-brand);
    white-space: wrap;
    margin-top: 10px;
}

.oneTeamInfo_1 .role-label {
    font-size: 14px;
    line-height: 0.8;
    margin-bottom: 10px;
}

.role-divider {
    padding-top: 5px;
}

.role-divider .role-label {
    border-bottom: 1px solid var(--app-color-dark-7);
    padding-bottom: 10px;
}

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



.linkFreccia {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
}

.iconaFreccia {
    align-self: flex-start;
    min-width: 30px;
    background-repeat: no-repeat;
    min-height: 30px;
    background-image: url('../../img/svg/ArrowDx_LightColour_Default-07.svg');
    position: relative;
}

/* Preload hover/active images to prevent flash on first hover */
.iconaFreccia::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    visibility: hidden;
    content: 
        url('../../img/svg/ArrowDx_LightColour_Default-08.svg')
        url('../../img/svg/ArrowSx_LightColour_Active.svg');
}

.iconaFreccia:hover {
    background-image: url('../../img/svg/ArrowDx_LightColour_Default-08.svg');
}

.iconaFreccia:active {
    background-image: url('../../img/svg/ArrowSx_LightColour_Active.svg');
}

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


.ctaBox {
    border-color: var(--app-color-dark-5);
    gap: 0;
}

#callToActionBox1 p,
#callToActionBox2 p {
    color: var(--app-color-dark-7);
    text-align: center;
    font: normal normal 500 22px Figtree;
}

h2.titolo_parte1 {
	font-weight: 300;
}

@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: 60px;
    }

    #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 h1 {
    font-size: 60px;
}
    #bannerImpresa1 .full-width-height, #bannerImpresa1 .overlay {
        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;
    }

    h3.sotto_titolo {
        font-size: 32px !important;
    }
}


@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;
    }
}