/* Disposition oblique/diagonale pour 2 service cards */

/* Quand il y a exactement 2 services, créer un décalage vertical */
.mxd-stats-cards .row.has-two-services {
    align-items: flex-start;
}

/* Première carte - position normale */
.mxd-stats-cards .row.has-two-services .mxd-stats-cards__item:first-child {
    margin-top: 0;
}

/* Deuxième carte - décalée vers le bas pour créer l'effet oblique */
.mxd-stats-cards .row.has-two-services .mxd-stats-cards__item:last-child {
    margin-top: 8rem;
}

/* Responsive - réduire le décalage sur tablette */
@media only screen and (max-width: 1199px) {
    .mxd-stats-cards .row.has-two-services .mxd-stats-cards__item:last-child {
        margin-top: 4rem;
    }
}

/* Mobile - pas de décalage */
@media only screen and (max-width: 767px) {
    .mxd-stats-cards .row.has-two-services .mxd-stats-cards__item:last-child {
        margin-top: 0;
    }
}