.grid-all-cards {
    margin-bottom: 5rem;

    @media(min-width: $tabletP1) {
        margin-bottom: 10rem;
    }

    &:has(+ .gallery) {
        + .gallery {
            padding-top: 0rem;
            @media(min-width: $tabletSmallP1) {
                padding-top: 4rem;
            }
        }
    }


    // .grid-all-cards__container

    &__container {
    }

    // .grid-all-cards__content

    &__content {
    }

    // .grid-all-cards__cards

    &__cards {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4rem;
        padding: 2rem 0 3rem;

        @media(min-width: $tabletSmallP1) {
            gap: 2rem;
        }

        @media(min-width: $tabletLargeP1) {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}