.op3-element[data-op3-element-type="formsection"] {

    max-width: 100%;

    // Grid-gap property
    // ...grid wrapper
    > [data-op3-element-container] {
        // Zvonko commented this out as it was breaking countries select2 implementation
        // overflow: hidden;
        box-sizing: border-box;

        * {
            box-sizing: inherit;
        }
    }

    // ...grid
    > [data-op3-element-container] > [data-op3-children] {
        display: flex;
        flex-wrap: wrap;
        margin: -1em;                   // grid negative gap
        padding: 1em 0 0 1em;           // grid gap
    }

    // ...grid-cell
    > [data-op3-element-container] > [data-op3-children] > .op3-element {
        width: 100%;                    // grid columns count (100% or 50% or 33% or 25%)
        margin: 0;
        border: 0 solid transparent;
        border-width: 0 1em 1em 0;      // grid gap

        // do not allow element gap click (border)
        pointer-events: none;
        > * {
            pointer-events: all;
        }
    }

}