<?php
/**
 * @package     pass-max
 * @author      productiveminds.com
 * @copyright   productiveminds.com
 * 
 */

function productiveminds_section_get_pro() {
    ?>
    <div class="productive-global-admin-content-container">
        <div class="productiveminds_double_grid column_60_40 free-vs-pro-admin">
            <div class="productiveminds_double_grid_content">
                <div class="get-pro-features-box-list">
                    
                    <?php // start ?>
                    <div class="productiveminds_section grided productive_toggler_free_vs_pro" id="section_unique_id_696787805_1208119693">
                            <div class="productiveminds_section_uno">

                                <div class="productiveminds_section-header-container productiveminds-alignable-container">
                                    <div class="productiveminds_section-header-container_uno productiveminds-alignable-container_uno">

                                        <h2 class="section-title">Free &amp; Pro Compared</h2>                                        <div class="section-intro">
                                            Outlined below are the key features that distinguish the Pro and Free versions, presented side by side for easy comparison.                </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Theme Fundamental Features                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Responsive across desktops, tablets, and mobile devices.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Cross-browser compatibility confirmed.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Lightweight, tested for speed.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Versatile 404 page.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Content Creation and Publishing Features                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Banner slider Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                FAQs page and section Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Team members Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Content elements Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Compact elements (clients, brands, etc.) Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Product categories Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Testimonials Gutenberg block.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Display a ‘Countdown to Deals’ banner above website header.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Typography Branding Options                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                A default full-site color scheme is implemented.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Full-site scalable font control.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Switch full-site font family with over 15 locally hosted Google fonts.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Customize your website’s body color, fonts, and backgrounds.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Manually add custom full site colour palette
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Switch full site colour scheme, selecting from a choice of over 500 accessible colour combinations.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Adaptable Full Site Breadcrumb                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Utilize Optional full-site breadcrumb.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Typography branding options for breadcrumb.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Design and Layout Branding Options                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Set posts per row and excerpt count.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Adjust homepage elements and content.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Adjust website logo and header icon dimensions.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Configurable blog archive options.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Choose site layouts: single column, sidebars, or three columns.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Intuitive off-canvas overlay.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Customize the page top banner.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Typography control for header and footer menu items.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Configure homepage banner, slider and sections preferences.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Allocate layout templates to specific posts and pages.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Multiple site headers: select from over 10 prebuilt header designs.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Multiple site footers: select from over 10 prebuilt footer designs.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Set page width fluidity with exact dimensions in px or set to full-width.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Page Builder Support                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Optimized for Gutenberg (editor styles, alignwide, full, left, right, center)
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Works well with page builders, including Elementor
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Gutenberg blocks and patterns delivered
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Theme Contact Us and User Engagement Features                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Insert social media buttons on pages and widget spaces.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Embed newsletter opt-in forms with shortcodes and widgets.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Above-header contact bar with social media icons, phone number, and a link to the Contact Us page.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Utilize the prebuilt ‘Contact Us’ page.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Integrate prebuilt contact forms using shortcodes and widgets.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Theme WooCommerce Enhancement Features                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Versatile mini-cart feature.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Website users can create, manage, and share wishlists.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Enable product comparisons for website users.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Dedicated WooCommerce sidebar.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Persistent sidebar option for catalog and product pages.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Variety of product page layouts options.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Configurable product archive options.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                limited                                </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Customizable subcategories section.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Adaptable ‘Guarantee’ section in the product page
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Configurable ‘Countdown to Deals’ banner in the product page.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Multi-currency ready with styled currency switcher for recommended plugins
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Performance &amp; Compliance                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                No jQuery, only vanilla JavaScript implemented.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                CSS and JS files minified.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                SEO optimization implemented
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Optimized for WooCommerce integration.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Ready for plugin and page builder integration.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Google Fonts, SVGs, and Font Awesome hosted locally.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Theme Globalization &amp; Internationalization                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Translation-ready (.pot file provided for straightforward translation into any language supported by WordPress).
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Right-To-Left (RTL) Language Support ensures compatibility with RTL languages.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Multi-language support through WPML.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Multi-lingual ready with styled language switcher for recommended plugins
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_free_vs_pro_unit clickable_container_css_class">
                                    <div class="product_free_vs_pro_header toggle_symbol_container_css_class">
                                        <div class="toggle_symbol_container_css_class_content right_button">
                                            <div class="toggle_symbol_container_css_class_content_text">
                                                Customer Support                        </div>
                                            <div class="toggle_symbol_container_css_class_content_button"></div>
                                        </div>
                                    </div>

                                    <div class="product_free_vs_pro_content free-or-pro toggleable_content_css_class">
                                        <div class="productiveminds_section-container-free-vs-pro tabled-container">
                                            <div class="free-or-pro-header free-or-pro-name">
                                            </div>
                                            <div class="free-or-pro-header free-or-pro-value free">
                                                FREE                            </div>
                                            <div class="free-or-pro-header free-or-pro-value pro">
                                                PRO                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                User Guides and Documentation provided for easy navigation and utilization.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Complimentary support available on WordPress.org for basic inquiries.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Regular updates available to ensure optimal performance and feature enhancement.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-name">
                                                Prompt Premium Support accessible through support ticket submission for speedy tailored assistance.
                                                <div style="margin: 1rem 0 0;"></div>

                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value free">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/close-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                            <div class="free-or-pro-body free-or-pro-value pro">
                                                <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI; ?>/assets/images/productivemedia/icons/check-circle.png" alt="" width="20px" height="20px">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clear_min"></div>
                            </div><!-- productiveminds_section_uno -->
                        </div>
                    <?php // end ?>

                    <div class="get-pro">
                        <a target="_blank" class="page-wrapper-body-get-pro" href="<?php echo PRODUCTIVE_PASSMAX_THEME_FEATURES_OR_BUY_URL; ?>#pricing">
                            <?php echo esc_html__( 'Download the Pro Version', 'pass-max' ); ?>
                        </a>
                    </div>
                </div>
            </div>
            <div class="productiveminds_double_grid_content">
                <div class="get-pro-features-box-screenshots">
                    <div class="productive_video_player_admin_yt_container">
                        <a target="_blank" href="<?php echo PRODUCTIVE_PASSMAX_THEME_FEATURES_OR_BUY_URL; ?>">
                            <img src="<?php echo PRODUCTIVE_PASSMAX_THEME_BASE_URI . '/assets/images/productivemedia/' . PRODUCTIVE_PASSMAX_CURRENT_THEME_TEXT_DOMAIN . '.webp' ?>" alt="" />
                        </a>
                    </div>
                    <div class="productive-global-get-pro-media-container righted">
                        <a target="_blank" class="page-wrapper-body-get-pro" href="<?php echo PRODUCTIVE_PASSMAX_THEME_FEATURES_OR_BUY_URL; ?>">
                            <?php echo esc_html__( 'More about Pro', 'pass-max' ); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>    
        <div class="clear_min"></div>
    </div>
    <?php
}
