[data-op3-element-type="counter"] {
    display: flex;
    justify-content: center;
    align-items: center;

    [data-op3-element-container] {
        width: 100%;

        .wrapper {
            display: flex;
            flex-direction: column;
            width: 100%;

            .op3-html,
            .counter-wrapper,
            .op3-html4 {
                position: relative;
                z-index: 10;
            }

            .op3-html,
            .op3-html2,
            .op3-html3,
            .op3-html4 {
                p {
                    color: inherit !important;      // color property targeted to parent
                }
            }

            .counter-wrapper {
                display: flex;
                align-items: center;
            }

            .op3-counter {
                white-space: nowrap;
                margin-top: 0em !important;
                margin-bottom: 0em !important;
            }

            p {
                margin-bottom: 0;
            }
        }
    }
}