.titolo-banner h1{
    color: var(--app-color-light);
}



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

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

.sotto_titolo
{

}
.text{
    font: normal normal 26px/30px 'Figtree';
    color: var(--app-color-light-7);
    padding-bottom: 125px;
    padding-top: 50px;
        max-width: 900px
}


.redTitle-white{
    color: var(--app-color-light) !important;
}








/*************************************************************************
|||||||||||||||||||||||||||||SETTING BANNER 1||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/


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

}
#bannerLavoraConNoi1
{
	position: relative;
}

.overlay{
        background: transparent linear-gradient(76deg, #000000B3 0%, #00000080 32%, #0000001A 67%, #00000000 100%) 0% 0% no-repeat padding-box;
}


#banner_Background{
}



#bannerLavoraConNoi1 .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;
}



/*************************************************************************
|||||||||||||||||||||||||||||Sezione 1|||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/

#ic1{
    background-image: url("../../img/webp/Symbol_JobOffer_Dark.webp");
}

#ic1:hover{
    background-image: url("../../img/webp/Symbol_JobOffer_Light.webp");
}

#ic2{
    background-image: url("../../img/webp/Symbol_JobApplication_Dark.webp");
}

#ic2:hover{
    background-image: url("../../img/webp/Symbol_JobApplication_Light.webp");
}


.contatti-icon-row {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 110px;
    margin-top: 75px;
}

/*************************************************************************
|||||||||||||||||||||||||||||Sezione 2|||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/




#sezione_posizioni_background{
    background: transparent linear-gradient(0deg, #0B0C0D 0%, #4A5255 100%) 0% 0% no-repeat padding-box;
}








/*************************************************************************
|||||||||||||||||||||||||||||Moduli di contatto 1||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/

.intestazione-posizioni p{
    color: var(--app-color-light);
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 60px;
}



.posizione{
    display: flex;
    flex-direction: column;
    border-radius: 0px 100px 100px 100px;
}


.card-nessuna-posizione{
    padding: 62px;
    display: flex;
    flex-direction: row;
    align-items: left;
    justify-content: center;
    max-width: 1130px;
    min-height: 311px;
    background: #AA242C 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 20px #00000067;
    border: 8px solid #AA252C;
    border-radius: 0px 100px 100px 100px;
}

.card-nessuna-posizione h2{
    font-weight: 800;
    font-size: 48px;
    margin-top: 0;
}

.card-nessuna-posizione p{
    border-top: 1px solid var(--app-color-light-5);
    font-size: 26px;
    text-transform: uppercase;
    color: var(--app-color-light-5);

}

.posizione-header-closed{
    align-items: center;
    background: transparent linear-gradient(180deg, #2C3133 0%, #0B0C0D 100%) 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 20px #00000067;
    border: 8px solid var(--app-color-brand);
    border-radius: 0px 100px 100px 100px;
    max-width: 1130px;
    min-height: 311px;
    padding: 60px;
}


.posizione-header-closed h2{
    color: var(--app-color-brand);
    font-weight: 800;
    font-size: 48px;
    margin-top: 0;
}


.posizione-header-closed p{
    border-top: 1px solid var(--app-color-dark-7);
    font-size: 26px;
    text-transform: uppercase;
    color: var(--app-color-dark-7);
}


.toggle-icon{
    align-self: flex-start;
    min-width: 60px;
    height: 60px;
}



.toggle-icon-close{
    align-self: flex-start;
    min-width: 60px;
    height: 60px;
}




.posizione-content-expanded{
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%) 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 20px #00000067;
    border: 8px solid #AA252C;
    border-radius: 0px 100px 100px 100px;
    padding: 60px;
}



.posizione-info h2{
    text-align: left;
    letter-spacing: 0px;
    color: var(--app-color-brand);
    text-transform: uppercase;
    font-weight: 800;
    font-size: 48px;
    margin-top: 0;
}

.posizione-info p{
    border-top: 2px solid var(--app-color-dark-7);
    padding-top: 8px;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--app-color-dark-7);
    margin-bottom: 35px;
}

.sezione-dettaglio{
        border-top: 2px solid var(--app-color-brand);
        padding: 8px;
}
.sezione-dettaglio h3{
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: var(--app-color-brand);
    text-transform: uppercase;
    margin-top: 0;
}
.sezione-dettaglio p{

    color: var(--app-color-dark-7);
    text-align: left;
    font-size: 18px;
    margin-top: 0;
}


.drop-area {
    max-width: 1004px;
    min-height: 79px;
    text-align: left;
    font-weight: medium;
    font-size: 20px;
    border: 2px dashed var(--app-color-light-5);
    color:  var(--app-color-light-5);
    border-radius: 8px;
    padding: 24px;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s, border-color 0.3s;
    border-radius: 20px;
    text-transform: uppercase;
}

.drop-area.dragover {
    background: #ffeaea;
}

/* Stato errore */
.drop-area.error {
    border-color: var(--app-color-alert);
}

.drop-area.error .filename-label {
    color: var(--app-color-alert);
}


#fileElem{
    width: 100%;
    height: 100%;
}

.sezioneContattiForm{
    border: 8px solid var(--darkcolor_07);
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%) 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 20px #98999B;
    border: 8px solid var(--app-color-dark-7);
    border-radius: 0px 100px 100px 100px;
    opacity: 1;
}










/*************************************************************************
|||||||||||||||||||||||||||||Sezione 3|||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/

.formSubheading{
    color: var(--app-color-dark-7);
    text-align: left;
    font-weight: bold;
    font-size: 26px;
}


.scritta-piccolo{
    color: var(--app-color-light-5);
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}





.section3_FormTitle{
color: var(--app-color-dark-7);
text-align: left;
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
}
/*************************************************************************
|||||||||||||||||||||||||||||Sezione Autocandidatura|||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
**************************************************************************/




.checkboxForm p{
    text-align: left;
    font-size: 20px;
    font-weight: medium;
    letter-spacing: 0px;
    color: var(--app-color-dark);
    text-transform: uppercase;
    margin-top: 0;
}


.checkboxForm a{
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    color: var(--app-color-brand);
}

input[type="checkbox"]:checked {
    background-image: url('../../img/svg/Check-Dark_Form_Contacts.svg') !important;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70% 70%;
}


input[type="checkbox"] {
    background-color: rgb(255, 255, 255);

}

.checkboxForm a:hover{
    margin-top: 0;
    color: var(--app-color-brand);
}


/* Input valido - nero */
input.valid,
textarea.input.valid {
  color: var(--app-color-dark);
  border-color: var(--app-color-dark) !important;
}

/* Input invalido - rosso */
input.input.invalid,
textarea.input.invalid {
  color: var(--app-color-alert);
  border-color: var(--app-color-alert);
}

/* Checkbox errore */
.checkbox-obbligatorio.error {
  border-color: var(--app-color-alert);
}

.checkboxForm p.error,
.checkboxForm a.error {
  color: var(--app-color-alert);
}


input:focus:valid,
textarea:focus:valid {
    border-color: var(--app-color-dark)!important;
    color: var(--app-color-dark);
}

.posizioneFooter{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    margin-top:24px;
    gap: 20px;
}

.posizioneFooter button{
    align-self: flex-end;
}



.lista-posizione{
    display: flex;
    flex-direction: row;
    gap: 10px;
}



@media only screen and  (max-width: 993px)
{
    .toggle-icon-close,
    .toggle-icon{
        min-width: 40px;
        height: 40px;
    }
    .posizioneFooter button{
    align-self: center;
    }
}

@media (max-width: 500px) {
    .card-nessuna-posizione,
    .posizione-header-closed,
    .posizione-content-expanded{
        border-width: 8px;
        border-radius: 0px 40px 40px 40px;
    }
    .lista-posizione{
        flex-direction: column;
        gap: 0px;
    }
    .posizione-content-expanded{
    padding: 35px;
}
    .card-nessuna-posizione,
    .posizione-header-closed{
        padding: 35px;
    }
    .contatti-icon-row{
        align-items: center;
        flex-direction: column;
        gap: 80px;
    }
    #bannerLavoraConNoi1 .full-width-height {
        height: 500px;
    }
    button {
        margin-top: 30px !important;
		margin-bottom: 50px;
    }
    .drop-area {
        font-size: 16px !important;
    }
    .posizione-dettagli h3{
        font-size: 20px !important;
    }
    .toggle-icon-close,
    .toggle-icon{
        min-width: 30px;
        height: 30px;
    }
    .posizione-info h2{
        font-size: 22px !important;
    }
    .posizione-info p{
        font-size: 15px !important;
    }
}

@media only screen and (min-width:501px) and  (max-width: 993px)
{
.contatti-icon-row{
    gap: 10vw !important;
}
.posizione-info h2{
    font-size: 30px !important;
}
.posizione-info p{
    font-size: 25px !important;
}
}