#corsi-loop {
     margin-top:25px;
     margin-bottom:25px;
}
 #corsi-loop .corso {
     background-color: #fff;
     border-radius: 15px;
     margin-bottom:15px;
     padding: 15px;
}
 #corsi-loop .corso-dettagli {
     display: flex;
     flex-direction: column;
     gap:10px;
     margin-top:15px;
}
 #corsi-loop .corso-dettagli strong {
     display: block;
     margin-bottom:-5px;
     font-weight: 700;
}
 #corsi-loop .corso .nectar-button {
     border-radius: 10px !important;
     width: 100%;
     text-transform: uppercase;
     margin-bottom: 0;
     cursor: pointer;
}
 @media (max-width: 999px){
     #corsi-loop .corso-img {
         display: none;
    }
    #corsi-loop .corso-info {
        display: flex;
       flex-direction: column;
       gap:8px;
    }
    /*per toggl*/
     h3.corso-title {
         padding-right: 40px;
         position: relative;
         margin-bottom: 0 !important;
        cursor: pointer;
    }
     h3.corso-title:after {
         content: var(--risorse-icona-select);
         position: absolute;
         width:20px;
         height: 20px;
         right: 0;
         top:50%;
         transform:translateY(-50%);
    }
     h3.corso-title.corso-aperto:after {
         transform: rotate(180deg);
    }
}
 @media (min-width: 1000px){
     #corsi-loop .corso {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 15px;
         margin-bottom:30px;
         border-radius: 25px;
        width:100%;
    }
     #corsi-loop .corso-img {
         width: 207px;
         height: 138px;
         flex-shrink: 0;
         overflow: hidden;
    }
     #corsi-loop .corso-img img {
         margin-bottom: 0;
         display: block;
         border-radius: 15px;
         width:100%;
         height: 100%;
         object-fit: cover;
        /*object-fit: contain;
         aspect-ratio: 3/2;
        */
    }
     #corsi-loop .corso-testi {
         flex-grow: 1;
    }
     #corsi-loop .corso-testi .corso-title {
         text-decoration: underline;
         font-weight: 700;
    }
     #corsi-loop .corso-dettagli {
         display: flex !important;
         gap:2px;
         flex-direction:row;
    }
    #corsi-loop .corso-info {
         flex-grow: 1;
    }
    #corsi-loop .corso-dettagli strong {
       display: inline-block;
       margin-bottom: initial;
    }
     #corsi-loop .corso .nectar-button {
         align-self: end;
         flex:0 0 auto;
        width: auto;
        margin-right: 10px;
        margin-bottom:5px;
    }
    
    #corsi-filtri {
       margin-top:15px;
       margin-bottom:45px;
       justify-content: space-evenly;
    }
    #corsi-filtri button {
       text-transform: none !important;
    }
}