/* Desktop layout */
    .container {
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: center;
        align-items: flex-start;
    }

    /* Common box styling */
    .service-box {
        height: 235px;
        width: 300px;
        flex-shrink: 0;
        background-color: white;
        border-radius: 12px;
        border: 3px solid #EDEDED;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.22);

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;

        padding: 10px;
        box-sizing: border-box;
    }

    /* Icon styling */
    .service-box img {
        width: 50px;
        height: 50px;
        max-width: 100%;
        object-fit: contain;
        margin-bottom: 8px;
    }

    /* Mobile responsive design */
    @media screen and (max-width: 768px) {
        .container {
            flex-direction: column;
            align-items: center;
        }

        .service-box {
            width: 90%;
            max-width: 300px;
            flex-shrink: 1;
        }
    }