.custom-services-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    & .grid {
        gap: 0;
        display: grid;
        margin: -1px;
        grid-template-columns: repeat(auto-fill, minmax(max(min(150px, 40vw), 25%), 1fr));
        & .cardJ {
            position: relative;
            display: flex;
            text-align: center;
            align-items: center;
            flex-direction: column;
            padding: calc(min(2em,3vw));
            border-top: 1px solid hsl(from currentColor h s l/.3);
            border-right: 1px solid hsl(from currentColor h s l/.3);
            & picture {
                position: relative;
                height: auto;
                display: flex;
                aspect-ratio: 1/1;
                align-items: center;
                justify-content: center;
                margin-bottom: min(1.5em,5vw);
                width: calc(min(70px,30vw),3vw,100px);
                & img {
                    scale: .6;
                    object-fit: contain;
                }
                & .frame-tl {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20%;
                    aspect-ratio: 1/1;
                    border-top: 1.5px solid #2892d0;
                    border-left: 1.5px solid #2892d0;
                    border-top-left-radius: 12px;
                }
                & .frame-br {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 25%;
                    aspect-ratio: 1/1;
                    border-bottom: 1.5px solid #2892d0;
                    border-right: 1.5px solid #2892d0;
                }
            }
            & .text-center {row-gap: min(1em,4vw);}
        }

    }
}

/* Angle décoratif Haut-Gauche */