.four-blocks {
    /* position: absolute; */
    background-color: #FF752B;
    padding: 50px 0px;
}
.four-blocks h1,
.four-blocks .content p {
    color: white;
    margin: 20px 100px;
}

.four-blocks .content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: space-between;
}

.four-blocks .content .block {
    flex: 0 0 calc(50% - 20px); /* twee naast elkaar */
    text-align: center;
}

.four-blocks .content .block .icon {
 color: #ffffff;
 font-size: 60px;
}

.icon-number {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: flex-end;
}

.number {
    /* background-color: black; */
    width: 15px;
    font-size: 20px;
    /* height: 25px; */
    /* border-radius: 5px; */
    color: white;
}

/* ==========================================================================
   BLOCKS SECTION - MOBILE (ONDER 992PX)
   ========================================================================== */

@media (max-width: 992px) {
    
    .four-blocks {
        padding: 40px 20px !important; /* Minder padding aan de zijkant */
        text-align: center !important;
    }

    /* Reset de enorme marges van desktop */
    .four-blocks h1,
    .four-blocks .content p {
        margin: 10px 0 !important; /* 100px marge moet weg! */
        width: 100% !important;
        padding: 0 10px !important;
    }

    .four-blocks h1 {
        font-size: 24px !important;
        margin-bottom: 30px !important;
    }

    .four-blocks .content {
        display: flex !important;
        flex-direction: column !important; /* Blokken onder elkaar */
        gap: 30px !important; /* Ruimte tussen de blokken */
        align-items: center !important;
    }

    .four-blocks .content .block {
        flex: 0 0 100% !important; /* Volledige breedte per blok */
        width: 100% !important;
        max-width: 320px !important; /* Zorg dat de tekst niet te breed uitloopt */
    }

    .four-blocks .content .block .icon {
        font-size: 50px !important; /* Iets kleiner icoon voor mobiel */
    }

    .icon-number {
        margin-bottom: 10px !important;
    }

    /* Specifieke tekst voor de blokken */
    .four-blocks .content p[class^="block-"] {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
}