<style>
    .wcmmq-6539 .wcmmq-element.wcmmq-element-56ceac07>.wcmmq-widget-container-flued {
        padding: 20px 0px 35px 0px;
    }

    .wcmmq-column.wcmmq-col-100,
    .wcmmq-column[data-col="100"] {
        width: 100%;
    }

    .wcmmq-widget-wrap>.wcmmq-element {
        width: 100%;
    }

    .wcmmq-element {
        --widgets-spacing: 20px;
    }

    .wcmmq-widget {
        position: relative;
    }

    .wcmmq-column-gap-default>.wcmmq-column>.wcmmq-element-populated {
        padding: 10px;
    }

    .wcmmq-6539 .wcmmq-element.wcmmq-element-727a4d7a {
        text-align: center;
    }

    .elementor *,
    .elementor :after,
    .elementor :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .home-docs .col-md-4 {
        display: flex;
        transition: transform 0.3s ease;
    }
    .home-docs .col-md-4:hover {
        transform: scale(1.01);
    }

    .home-docs .categories_guide_item {
        width: 100%;
    }

    .wcmmq-element .wcmmq-widget-container-flued {
        -webkit-transition: background .3s, border .3s, border-radius .3s, -webkit-box-shadow .3s;
        transition: background .3s, border .3s, border-radius .3s, -webkit-box-shadow .3s;
        -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
        transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-box-shadow .3s;
    }

    .wcmmq-widget-container-flued .tuts-box-wrapper {
        display: flex;
        gap: 25px;
        flex-wrap: wrap;
    }

    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 380px;
    }

    .fadeInUp {
        animation-name: fadeInUp;
        animation-duration: 0.6s !important;
    }

    .categories_guide_item {
        border-radius: 0;
        background: #fff;
        box-shadow: 0 50px 120px 0 rgba(4, 73, 89, 0.08);
        padding: 25px 25px 35px 25px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    /* .categories_guide_item .doc_tag_title {
        margin-bottom: 24px;
    } */

    .categories_guide_item .tag_list {
        margin-bottom: 42px;
        margin-top: 22px;
    }

    .tag_list li {
        margin-top: 15px;
    }

    .tag_list li a {
        font-size: 16px;
        color: var(--p_color);
        line-height: 22px;
        transition: color 0.2s linear;
        display: flex;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }


    .categories_guide_item img {
        margin-bottom: 10px;
        height: 34px !important;
    }

    .categories_guide_item .doc_tag_title h4 {
        margin-bottom: 0;
    }

    .doc_tag_title h4 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    /*! elementor - v3.7.2 - 21-08-2022 */
    .wcmmq-widget-text-editor.wcmmq-drop-cap-view-stacked .wcmmq-drop-cap {
        background-color: #818a91;
        color: #fff
    }

    .wcmmq-widget-text-editor.wcmmq-drop-cap-view-framed .wcmmq-drop-cap {
        color: #818a91;
        border: 3px solid;
        background-color: transparent
    }

    .wcmmq-widget-text-editor:not(.wcmmq-drop-cap-view-default) .wcmmq-drop-cap {
        margin-top: 8px
    }

    .wcmmq-widget-text-editor:not(.wcmmq-drop-cap-view-default) .wcmmq-drop-cap-letter {
        width: 1em;
        height: 1em
    }

    .wcmmq-widget-text-editor .wcmmq-drop-cap {
        float: left;
        text-align: center;
        line-height: 1;
        font-size: 50px
    }

    .wcmmq-widget-text-editor .wcmmq-drop-cap-letter {
        display: inline-block
    }

    .home-docs .container-flued>.row {
        display: flex;
        align-items: stretch;
        gap: 25px;
    }

    .home-docs .col-md-4 a {
        text-decoration: none;
        margin-top: auto;
    }

    .home-docs .col-md-4 a.wcmmq-button.reset {
        text-decoration: none;
        margin-top: auto;
        padding: 5px 10px;
        text-align: center;
        text-transform: none;
    }

    h2.wcmmq-heading-title.wcmmq-size-default {
        font-size: 3em;
    }

    a.get-addons-btn {
        width: fit-content;
    }
    .wcmmq-addons-desc p {
        font-size: 16px;
        line-height: 1.6;
    }

</style>

<div class="wrap wcmmq_wrap wcmmq-content">
    <h1 class="wp-heading "></h1>
    <div class="fieldwrap">
        <div class="wcmmq-section-panel no-background wcmmq-clearfix">
            <div class="wcmmq-element wcmmq-element-119e904b home-docs wcmmq-widget wcmmq-widget-Docly_single_doc" data-id="119e904b" data-element_type="widget" data-widget_type="Docly_single_doc.default">
                <div class="wcmmq-widget-container-flued">
                    <div class="container-flued">
                        <div class="tuts-box-wrapper">
                            <div class="col-md-4">
                                <div class="categories_guide_item wow fadeInUp">
                                <img width="34" height="32" src="#" class="attachment-full size-full wp-post-image" alt="" >
                                    <div class="doc_tag_title">
                                        <h4>Low Stock Email Notify</h4>
                                    </div>
                                    <div class="wcmmq-addons-desc">
                                        <p>
                                        When a product goes below the minimum stock quantity, than an input box will appear in the single product page where customers can submit there email address.
                                        </p>
                                    </div>
                                    <a class="wcmmq-btn wcmmq-has-icon get-addons-btn wcmmq-btn-tiny" href="https://codeastrology.com/downloads/mmq-low-stock-email-notify/" title="Addon of Min Man Control Free version" target="_blank">
                                        <span><i class="wcmmq_icon-github-circled"></i></span>    
                                        Get it now                      
                                    </a>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="categories_guide_item wow fadeInUp">
                                    <img width="34" height="32" src="#" class="attachment-full size-full wp-post-image" alt="" loading="lazy" >
                                    <div class="doc_tag_title">
                                        <h4>Comming Soon <i class="wcmmq_icon-spin6 animate-spin"></i></h4>
                                    </div>
                                    <div class="wcmmq-addons-desc">
                                        <p>More add-ons for <b>Woo Product Table</b> have been coming...<i class="wcmmq_icon-spin5 animate-spin"></i></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>