.pixelio-step-section {
    text-align: center;
}

.pixelio-step-section h2 {
    font-size: 3rem;
    text-align: start;
    margin-bottom: 10px;
}

.pixelio-step-section .step-desc {
    font-size: 1.7rem;
    text-align: start;
    color:black;
    margin-bottom: 60px;
}

.pixelio-step-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1500px;
    margin: auto;
    justify-items: center;
}
.pixelio-step-card{
    max-width: 300px;
}


.pixelio-step-card .step-number{
    font-size: 4rem;
    text-align: start;
    font-weight: bold;
    color: #0A246A; /* Bleu Pixelio */
}

.pixelio-step-card .step-title {
    text-align: start;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.pixelio-step-card .step-description {
    font-size: 1.7rem;
    text-align: start;
}



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

    .pixelio-step-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 1000px) {
    .pixelio-step-grid{
        display: block;
        columns:1 auto;
    }
}
@media screen and (max-width: 992px) {
    .pixelio-step-section h2,.pixelio-step-card .step-number{
        font-size: 2rem;
    }
    .pixelio-step-section .step-desc,.pixelio-step-card .step-description{
        font-size:  1.3rem;
    }
}


.pixelio-step-card:hover h3 {
    transform: scale(1.1) !important;
}