@media screen 
and (max-width: 992px) {

.only-desktop {
    display: none !important;
}
.mobile.cover.esigenza.education img {
    width: 100%;
}
.small-ciclo {
    padding: 0 5px; 
    font-size: .9rem;
    font-weight: 200;
}

.absolute-center.education {
    top: 50%;
}

mark {
    background-color: transparent;
    color: white;
    padding: 0 0;
}
.absolute-center h1.esigenza.education {
    flex-direction: column;
    align-items: flex-start;
    font-size: 4rem !important;
    line-height: 3.6rem;
    font-weight: 400;
    top: 60%;
}

.absolute-center h1.esigenza.education .big {
    font-weight: bolder;
    font-size: 4.6rem;
}

h1.education .little {
    font-size: 3rem;
}



section.education {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 0;
    margin-bottom: 30px;;
    width: 100vw;
    height: auto;
}

section.education .text-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: column;
    padding: 10px 10px;
    color: #222;
}

section.education .text-container.no-padding {
    padding: 0 0;
}

section.education.green {
    background-color: var(--verde-medio);
    color: white;
}

section.education.verde-chiaro {
    background-color: var(--verde-chiaro);
    color: var(--nero);
}

section.education div.titolo {
    color: white;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 20px 0;
    color: var(--nero);
}
section.education.green div.titolo {
    color: var(--bianco);
}

section.education div {
    color: white;
    line-height: 2rem;
    font-size: 2.5rem;
}
section.education div .big {
    font-size: 2.8rem;
    line-height:  2.7rem;
    font-weight: bolder;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
    height: min-content;
}

section.education div .small {
    font-size: 1.8rem;
    font-weight: bolder;
    font-weight: 300;
    height: min-content;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    justify-items: flex-end;
    align-content: flex-end;
    padding: 0 0;
    margin: 0 0;
    flex-shrink: 0;
    line-height: 1.5rem;
}



section.education span.nuovo {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 300;
}

section.education p.grasseto {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.3rem;
}

section.education p {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 10px 0;
}

section.education p.column {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

section.education .list {
    width: 100%;
    height: auto;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    line-height: 1.5rem;
}

section.education .list.green {
    background-color: var(--verde-medio);
    color: white;
} 


section.education .list .title {
    font-size: 1.6rem;
    font-weight: 300;
} 

section.education .list .sub-title {
    font-size: 1.2rem;
    font-weight: 400;
}

section.education .list ul {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    list-style-type: circle !important;
    font-weight: 300;
}

section.education .list ul li {
    width: 100%;
    font-size: .9rem;
}

section.education .span-list {
    font-size: 1.2rem;
    font-weight: 300;
}

section.education .span-list.grasseto {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2rem;

}

section.education div.column-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--nero);
    gap: 0;
}

section.education div.column-div .little {
    font-size: .9rem;
    font-weight: 300;
    line-height: 1rem;
}

.margin-top-20 {
    margin-top: 20px;
}

.separator-education {
    width: 80%;
    height: 2px;
    padding: 0 0;
    color: var(--verde-medio);
    margin: 20px 10%;
}

    hr.solid {
        border-top: 1px solid var(--verde-medio);
      }

.separator-education.big {
        width: 80%;
        height: 2px;
        padding: 0 0;
        color: var(--verde-medio);
        margin: 50px 10%;
    }


section.education .list {
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.no-style-list ul {
    list-style-type: none;
}

section.education .list ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    gap: 20px;
}


section.education .list ul li {
    width: 100%;
    height: auto;
    color: var(--nero)
}

section.education .list ul .li-row {
    width: 100%;
    height: auto;
    color: var(--nero);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

section.education .li-row img {
    height: 30px;
    width: auto;
    padding: 0 10px;
}

section.education .li-row .column-div {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

section.education .li-row .column-div span {
    width: 100%;
    flex-shrink: 0;
    font-size: .8rem;
    font-weight: 300;
    color: #222;
    line-height: 1.1rem;
}

section.education .li-row .column-div .title {
    height: 30px;
    width: 100%;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.corso-level {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #222;
}

.corso-level img {
    height: 100%;
    width: auto;
    padding: 0 20px 0 0; 
}

.corso-level span {
    font-size: .9rem;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    
}

.corso-article {
    background-color: var(--verde-chiaro);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 10px;
    color: #222;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 300;
   
}

.corso-article.sfondo-bianco {
    background-color: white;
}

.corso-article .title {
    font-size: 1.1rem;
    font-weight: 600;
    width: 100%;
    line-height: 1.3rem;
    text-transform: uppercase;
}


.programma-wrp {
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    line-height: 1.2rem !important;
}

.programma-title {
    padding: 1px 3px;
    background-color: white;
    color: #222;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
}


.programma-nome {
    padding: 1px 5px;
    color: #222;
    font-size: .9rem;
    font-weight: 600;

}

.programma-descrizione {

    color: #222;
    font-size: .9rem;
    font-weight: 300;

}


.span-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 1.2rem;
}

section.education .img-container { 
    width: auto;
    height: auto;
    overflow: hidden;
}
section.education .img-container img {
    width: 100%;
    height: auto;

}

/*
.lista-location {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: .5s left ease-in-out;
}

.lista-location ul {
    padding: 30px 20px;
    list-style: none;
}

.lista-location ul li {
    height: 50px;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.1rem;
    font-weight: 400;
}

.lista-location.open {
    left: 0;
}
*/


.lista-corsi {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    padding: 10px 10px;
}

.lista-corsi h2 {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: var(--verde-scuro)

}


section.section-training {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 40px;
    height: auto;
    margin: 30px 0;
}

section.section-training h3 {

    font-size: 1.2rem;
    line-height: 1.2rem;
    color: var(--verde-scuro);
    font-weight: 400;
}
section.section-training .date-ctn {
    display: flex;
    flex-direction: column;
}

section.section-training .date-ctn .list-label {
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--verde-medio);
}

section.section-training .date-ctn span {
    color: #222;
    font-size: .9rem;
    font-weight: 300;
}

section.section-training .date-ctn ul li {
    height: auto;
    padding: 5px 0;
    display: flex;
    flex-direction: column;
}


.filter-action {
    width: 100%;
    height: 100px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
    background-color: var(--verde-chiaro);
}

.filter-action span {
    font-size: 1.1rem;
    font-weight: 500;
    color: #222;
    padding: 0 10px;
    color: var(--verde-scuro)
}
.filter-action img {
    height: 25px;
    width: auto;
}


.lista-location {
    display: none;
  
}


.scroll-location {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;  
}

.scroll-location::-webkit-scrollbar {
    display: none;
}

.scroll-location ul {
    width: auto;
    gap: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
    padding: 0 5px;
}

.scroll-location ul li {
    width: max-content;
    padding: 5px 10px;
    flex-shrink: 0;
    font-weight: 300;
    list-style: none;
}

.scroll-location ul li.active {
    font-weight: 600;
}

.lista-location ul li {
    padding: 10px 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1rem;
    font-weight: 400;
}

.lista-location ul li.attivo, .scroll-location ul li.attivo {
    font-weight: 600;
}
 
.action-corso {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.action-corso span {
    padding: 5px 20px;
    border-radius: 5px 5px;
    background-color: var(--verde-chiaro);
    font-size: 1rem;
    font-weight: 300 ;
    color: #222;
    text-decoration: none;
 
}


}

@media screen 
and (min-width: 992px) {

    .only-mobile {
        display: none !important;
    }

    .education-cover-big .absolute-center{
        width: 30%;
        height: 50%;
        position: absolute;
        top: 25%;
        left: 0;
        background-color: transparent;
        line-height: 100%;
        text-align: center;
        margin-left: 70%;
    }

    .absolute-center.education h1 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 3.5rem;
    }

    .absolute-center.education h1 .big {
        font-size: 5rem;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        line-height: 5rem;
    }

    .absolute-center.education h1 .little {
        font-size: 2rem;
        margin-left: 10px;
    }

    .desktop.cover.education-cover-big {
        height: 80% !important;
    }

.only-mobile {
    display: none !important;
}

    .desktop-reverse-row {
        flex-direction: row-reverse !important;
    }

    .desktop-reverse-column {
        flex-direction: column-reverse !important;
    }

    .half-section {
        width: 50vw !important;
        height: 100%;
    }

    .half-section .img-container, .half-section .text-container {
        height: 50vh !important;
        width: 100%;
        flex-shrink: 0;
    }

    .half-section .text-container {
        height: max-content !important;
    }

    .half-section .text-container.text-img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70vh !important;
        padding: 10px 10px;
    }

    .half-section .text-container img {
        height: 100%;
        width: auto;
    }

    .half-section .img-container img {
        width: 100%;
        height: auto;

    }

    .height-100 {
        height: 100vh !important;
    }

    .height-auto {
        height: max-content !important;
    }

    .no-margin {
        margin: 0 0 !important;
    }

    .title-map-absolute {
        position: absolute;
        height: 100px;
        top: -50px;
        left: 1vh;
        font-size: 2.3rem;
        font-weight: 600;
        line-height: 25px;
        color: #222 !important;
        font-size: 2rem !important;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .title-map-absolute span {
        height: 40px;

    }

    .desktop-mention-absolute {
        position: absolute;
        bottom: 5px;
        left: 2%;
        height: 100px;
        width: 96%;
        color: white;
    }

    section.education  .desktop-mention-absolute .li-row .column-div span {
        color: white !important;
    }


    .half-section .text-container.text-img {
        font-size: 1.1rem;
    }


.absolute-center.education {
    top: 50%;
}

.absolute-center h1.esigenza.education {
    flex-direction: column;
    align-items: flex-start;
    font-size: 4rem !important;
    line-height: 3.6rem;
    font-weight: 400;
    top: 60%;
}

.absolute-center h1.esigenza.education .big {
    font-weight: bolder;
    font-size: 4.6rem;
}

h1.education .little {
    font-size: 3rem;
}



section.education {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 0;
    margin-bottom: 30px;
    width: 100vw;
    height: auto;
}

section.education .text-container {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: column;
    padding: 10px 10px;
    color: #222;
}

section.education .text-container.no-padding {
    padding: 0 0;
}

section.education.green {
    background-color: var(--verde-medio);
    color: white;
}

section.education.verde-chiaro {
    background-color: var(--verde-chiaro);
    color: var(--nero);
}

section.education div.titolo {
    color: white;
    font-size: 2.5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 20px 0;
    color: var(--nero);
    line-height: 2.5rem;
}

section.education.green div.titolo .big {
    font-size: 3.5rem;
    line-height: 3.5rem;
}
section.education.green div.titolo {
    color: var(--bianco);
}

section.education div {
    color: white;
    line-height: 2rem;
    font-size: 2.5rem;
}
section.education div .big {
    font-size: 2.8rem;
    line-height: 2.7rem;
    font-weight: bolder;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
    height: min-content;
}

section.education div .small {
    font-size: 1.8rem;
    font-weight: bolder;
    font-weight: 300;
    height: min-content;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    justify-items: flex-end;
    align-content: flex-end;
    padding: 0 0;
    margin: 0 0;
    flex-shrink: 0;
    line-height: 3rem;
}



section.education span.nuovo {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 300;
}

section.education p.grasseto {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5rem;
}

section.education p {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 10px 0;
}

section.education p mark {
    background-color: transparent;
    color: white;
    padding: 0px 0px;
    line-height: 1.6rem;
}

section.education p.column {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

section.education .list {
    width: 100%;
    height: auto;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    line-height: 1.5rem;
}

section.education .list.green {
    background-color: var(--verde-medio);
    color: white;
} 


section.education .list .title {
    font-size: 1.6rem;
    font-weight: 300;
} 

section.education .list .sub-title {
    font-size: 1.2rem;
    font-weight: 400;
}

section.education .list ul {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    list-style-type: circle !important;
    font-weight: 300;
}

section.education .list ul li {
    width: 100%;
    font-size: 1.1rem;
    height: 1.5rem;
}

section.education .span-list {
    font-size: 1.2rem;
    font-weight: 300;
}

section.education .span-list.grasseto {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.3rem;
    padding: 10px 0 5px 0;
}

section.education div.column-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--nero);
    gap: 0;
}

section.education div.column-div .little {
    font-size: .9rem;
    font-weight: 300;
    line-height: 1rem;
}

.margin-top-20 {
    margin-top: 20px;
}

.separator-education {
    width: 80%;
    height: 2px;
    padding: 0 0;
    color: var(--verde-medio);
    margin: 20px 10%;
}

    hr.solid {
        border-top: 1px solid var(--verde-medio);
      }


section.education .list {
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.no-style-list ul {
    list-style-type: none;
}

section.education .list ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    gap: 10px;
    padding: 0 10px 10px 10px;
}


section.education .list ul li {
    width: 100%;
    height: auto;
    color: var(--nero);
    height: 15px;
    list-style-type: none;
}

section.education .list ul .li-row {
    width: 100%;
    height: auto;
    color: var(--nero);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

section.education .li-row img {
    height: 30px;
    width: auto;
    padding: 0 10px;
}

section.education .li-row .column-div {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

section.education .li-row .column-div span {
    width: 100%;
    flex-shrink: 0;
    font-size: .8rem;
    font-weight: 300;
    color: #222;
    line-height: 1.1rem;
}

section.education .li-row .column-div .title {
    height: 30px;
    width: 100%;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.corso-level {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #222;
}

.corso-level img {
    height: 100%;
    width: auto;
    padding: 0 20px 0 0; 
}

.corso-level span {
    font-size: .9rem;
    font-weight: 600;
    color: #222;
    text-transform: uppercase;
    
}

.corso-article {
    background-color: var(--verde-chiaro);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 20px;
    color: #222;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 300;
    width: 60%;
   
}

.corso-article.sfondo-bianco {
    background-color: white;
    width: 40%;
}

.corso-article .title {
    font-size: 1.1rem;
    font-weight: 600;
    width: 100%;
    line-height: 1.3rem;
    text-transform: uppercase;
}


.programma-wrp {
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    line-height: 1.2rem !important;
}

.programma-title {
    padding: 1px 3px;
    background-color: white;
    color: #222;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
}


.programma-nome {
    padding: 1px 5px;
    color: #222;
    font-size: .9rem;
    font-weight: 600;

}

.programma-descrizione {

    color: #222;
    font-size: .9rem;
    font-weight: 300;

}


.span-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 1.2rem;
}

section.education .img-container { 
    width: auto;
    height: auto;
    overflow: hidden;
}
section.education .img-container img {
    width: 100%;
    height: auto;

}

section.education {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 0;
    margin-bottom: 30px;;
    width: 100vw;
    height: 80vh;
    margin: 30px 0;
}

section.education.corso-wrp {
    padding: 10px 10px;
}

section.education .text-container {
    width: 50vw;
    height: max-content;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: column;
    padding: 2% 5%;
    color: #222;
    flex-shrink: 0;

}

.programma-formativo {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
}

section.education.demeral-education .text-container {
    gap: 10px;
}

section.education .text-container.color-white {
    color: white;
}

section.education .img-container { 
    width: 50vw;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


section.education.lista-seminari {
    height: 85vh !important;
}
section.education .img-container img {
  /*  height: auto;
    width: 100%; */
    height: auto;
    width: 100%;

}

section.education .img-container img.height-100 {
    height: 100% !important;
    width: auto;
} 

.corso-wrp .text-container {
    padding: 10px 10px;
    width: 60vw !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.corso-wrp .text-container .titolo {
    width: 70%;
}

.corso-wrp .text-container .corso-level {
    width: 30%;
}

.corso-wrp .img-container {
    width: 40% !important;
    overflow: hidden;
}


.corso-wrp .img-container img {
    max-height: 100% !important;
    height: auto !important;
    width: auto !important;
}


.page-training-map {
    width: 100vw;
    height: calc(100% - 100px);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
}

.lista-location {
    width: 33vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 10px;
    background-color: var(--verde-chiaro);
    height: 100%;
}

.lista-location h2, .lista-corsi h2 {
    width: 100%;
    height: 50px;
    font-size: 2rem;
    font-weight: 500;
}

.lista-location ul {
    gap: 20px;
}

.lista-location ul li {
    font-size: 1.1rem;
    width: 100%;
    font-weight: 300;
    border-bottom: 1px solid var(--verde-medio);
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 5px;
    cursor: pointer;
}

.lista-location ul li.attivo {
    font-weight: 600;
} 

.lista-location ul li:hover {
    text-decoration: underline;
}


.lista-corsi {
    width: 66vw;
    padding: 20px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: auto;
}

section.section-training {
    width: 100% !important;
    height: max-content;
    display: block flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-content: flex-start;
    margin-bottom: 40px;
    flex-shrink: 0;
    padding: 30px 0;
    gap: 30px;
}

section.section-training h3 {
    padding: 10px 0; 
    font-weight: 500;
    color: var(--verde-scuro);
}

.date-ctn {
    display: block flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

.date-ctn .list-label {
    width: 150px;
    height: 30px;
    font-weight: 500;
    font-size: 1.1rem;
    padding: 2px 0px;
    color: var(--verde-medio)
}

.date-ctn ul {
    list-style: none;
    font-size: 1rem;
    font-weight: 300;
    gap: 20px;
}


.date-ctn ul li {
    display: flex;
    flex-direction: column;
    padding: 5px 0;
    gap: 5px;
}

.date-ctn ul li .nome-corso {
    font-weight: 500;
}

.action-corso {
    width: 80%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 30px 0; 
}

.action-corso span {
    padding: 10px 30px;
    border-radius: 5px px;
    background-color: var(--verde-chiaro);
    font-size: 1.1rem;
    font-weight: 300 ;
    color: #222;
    text-decoration: none;
 
}

.separator-education.big {
    width: 80%;
    height: 2px;
    padding: 0 0;
    color: var(--verde-medio);
    margin: 50px 10%;
}

.li-row .column-div span:not(title) {
    cursor: pointer;
}

.li-row .column-div span:not(title):hover {
    font-weight: 500;
}


.small-ciclo {
    padding: 0 5px; 
    font-size: .9rem;
    font-weight: 200;
}

}