<div id="dpwap_modal" class="modal fade" tabindex="-1">
        <div class="dpwap_modal-ovalay"></div>
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="dpwap_section_first-slide dpwap_section_content current" id="1">
    		    <div class="modal-head">
				    <button class="dpwap-close" type="button" data-dismiss="modal">&#10005;</button>
				    <div class="img_block dpwap-head">
                        <div class="dpwap-head-left">
                            <!--<div class="dpwap-head-title">Download Plugin  </div>
                            <span class="dpwap-version-info"><span>NEW</span> V1.5</span>-->
                        </div>
                        <div class="dpwap-head-right">
                            <img src="<?php echo esc_url(DPWAP_URL . '/assets/images/head-bg.png'); ?>">
                        </div>
				    </div>
                </div>
			    <div class="modal-body">
			        <div class="row">
                        <div class="dpwap-section-head dpwap-section-col">
                            <?php esc_html_e('Thank you for installing Download Plugin!', 'download-plugin');?>
                        </div>
		            </div>
		            <div class="row">
                        <div class="dpwap-section-col">
                            <?php esc_html_e('It is now super easy to download any plugin from your website dashboard with a single click!', 'download-plugin');?>
                        </div>
		            </div>
		            <div class="modal-footer">
			            <button class="btn btn-default next-tab" id="second-slide-button" type="button"><?php esc_html_e('Next');?></button>
				    </div>
                </div>
            </div>
            <div class="dpwap_section_second-slide dpwap_section_content" id="2">
    		    <div class="modal-head">
				    <button class="dpwap-close" type="button" data-dismiss="modal">&#10005;</button>
				    <div class="img_block dpwap-head">
                        <div class="dpwap-head-left">
                            <!--<div class="dpwap-head-title">Download Plugin  </div>
                            <span class="dpwap-version-info"><span>NEW</span> V1.5</span>-->
                        </div>
                        <div class="dpwap-head-right">
                            <img src="<?php echo esc_url(DPWAP_URL . '/assets/images/slide-2.png'); ?>">
                        </div>
				    </div>
			    </div>
			    <div class="modal-body">
    				<!-- body start -->
                    <div class="row">
                        <div class="dpwap-section-head dpwap-section-col">
                            <?php esc_html_e('Download multiple plugins together!', 'download-plugin');?>
                        </div>
                    </div>
                    <div class="row">
                        <div class="dpwap-section-col">
                            <?php esc_html_e('Check multiple plugins and select Download option in Bulk Actions dropdown.', 'download-plugin');?>
                        </div>
                    </div>
		            <div class="modal-footer">
			            <button class="btn btn-default next-tab" id="third-slide-button" type="button"><?php esc_html_e('Next', 'download-plugin');?></button>
				    </div>
                </div>
            </div>
            <div class="dpwap_section_third-slide dpwap_section_content" id="3">
			    <div class="modal-head">
    				<button class="dpwap-close" type="button" data-dismiss="modal">&#10005;</button>
				    <div class="img_block dpwap-head">
                        <div class="dpwap-head-right">
                            <img src="<?php echo esc_url(DPWAP_URL . '/assets/images/slide-3.png'); ?>">
                        </div>
				    </div>
			    </div>
			    <div class="modal-body">
                    <div class="row">
                        <div class="dpwap-section-head dpwap-section-col">
                            <?php esc_html_e('Upload and install multiple plugins!', 'download-plugin');?>
                        </div>
                    </div>
                    <div class="row">
                        <div class="dpwap-section-col">
                            <?php esc_html_e("Use the new button named <strong> Install Multiple Plugins</strong>, on Add New Plugin page. You can multi-select more than one plugin zip from your computer and start the installation process.", 'download-plugin');?>
                        </div>
                    </div>
	                <div class="modal-footer">
		                <button class="btn btn-default next-tab" id="fourth-slide-button" type="button"><?php esc_html_e('Next', 'download-plugin');?></button>
			        </div>
                </div>
            </div>
		    <div class="dpwap_section_fourth-slide dpwap_section_content" id="3">
		        <div class="modal-head">
			        <button class="dpwap-close" type="button" data-dismiss="modal">&#10005;</button>
                    <div class="img_block dpwap-head">
                        <div class="dpwap-head-fourth-slide">
                            <img src="<?php echo esc_url(DPWAP_URL . '/assets/images/slide-4.png'); ?>">
                        </div>
                    </div>
		        </div>
		        <div class="modal-body">
	                <div class="row">
                        <div class="dpwap-section-col">
                            <?php esc_html_e('If you wish to know more about how to use these new feature, please', 'download-plugin');?>
                            <a href="<?php echo esc_url(DPWAP_FREE_GUIDE_URL);?>" target="blank"><?php esc_html_e('read our guide.', 'download-plugin');?></a></div>
	                </div>
	                <div class="modal-footer">
		                <button class="btn btn-default prev-tab" id="last-slide-button" type="button"><?php esc_html_e('Prev', 'download-plugin');?></button>
			        </div>
                </div>
            </div>	
            <div class="dpwap-navigator">
                <svg>
                    <g data-dive="1" class="map-marker current">
                        <circle cx="20" cy="16" r="6" fill="blue"></circle>
                        <text x="15" y="30" fill="white">1</text>
                    </g>
                    <g data-dive="2" class="map-marker">
                        <circle cx="50" cy="16" r="6" fill="blue"></circle>
                        <text x="50" y="30" fill="white">2</text>
                    </g>
                    <g data-dive="3" class="map-marker">
                        <circle cx="80" cy="16" r="6" fill="blue"></circle>
                        <text x="70" y="30" fill="white">3</text>
                    </g>
                    <g data-dive="3" class="map-marker">
                        <circle cx="110" cy="16" r="6" fill="blue"></circle>
                        <text x="70" y="30" fill="white">3</text>
                    </g>
                </svg>
            </div>
            <div class="dpwap-arrow-wrap">
                <div class="dpwap-arrow-btn dpwap-prev-tab prev-tab"><span class="dashicons dashicons-arrow-left-alt2"></span></div>
                <div class="dpwap-arrow-btn dpwap-next-tab next-tab"><span class="dashicons dashicons-arrow-right-alt2"></span></div>
            </div>
        </div>
	</div>
</div>
