.city-elementor-widget-formationscz ul{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-wrap: wrap;
    margin:-5px
}
.city-elementor-widget-formationscz ul li{
    flex: 0 0 25%;
    padding: 5px;
}
.city-elementor-widget-formationscz ul a{
    background:#f6f6f6;
    display:flex;
    flex-direction: column;
    position:relative;
    height:100%;
    width:100%;
    padding:2.5rem;  
    text-align:center;
}
.city-elementor-widget-formationscz ul a:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-color: #dee3eb;
    border-width: 1.5rem;
    border-style: solid;
    border-left-color: transparent; 
    border-top-color: transparent;
    transition:all 0.2s;
}
.city-elementor-widget-formationscz ul a:hover:after {
    border-color: #82bc00;
    border-width: 3rem;
    border-left-color: transparent; 
    border-top-color: transparent;
}
.city-elementor-widget-formationscz-image{
    width: auto;
    display:inline-block;
    max-height:12rem;
    margin-bottom:3rem;
    margin-top:auto;
    margin-bottom:auto;    
    align-self: center;
}
.city-elementor-widget-formationscz-title{    
    padding: 0;
    margin-top:3rem;
    color: #606362;
    font-family: "Spartan", Sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {    
    .city-elementor-widget-formationscz ul li{
        flex: 0 0 calc(100% / 3);
    }
}

@media screen and (max-width: 620px) {    
    .city-elementor-widget-formationscz ul li{
        flex: 0 0 50%;
    }
    .city-elementor-widget-formationscz-title {
        font-size: 1.2rem;
    }
    .city-elementor-widget-formationscz ul a {
        padding: 1.5rem;
    }
}