.grid-modules {
    margin-bottom: 40px;

    @include bp (sm) {
        margin-bottom: 72px;
    }

    .wrap {
        @include bp (sd) {
            display: grid;
        }

        display: block;
        grid-column: span var(--columns);
        grid-template-columns: 1fr 40%;
        grid-column-gap: clamp(32px, 2.5vw, 48px);
        padding: 0;

        @include bp (sm) {
            grid-column: 2 / span 22;
        }

        & > *:first-child {
            @include bp (sd, max) {
                margin-bottom: 20px;
            }
            @include bp (sd) {
                margin-bottom: 0;
            }
        }
        &:last-child {
            margin-bottom: 0;
        }
    }
}