<?php require_once "head-reports.php";?>

<main class="layout">
    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-cover">
        <span class="ss-br-cover-shape-top">
            <img src="images/ss-br-cover-shape-top.png" alt="">
        </span>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <a href="#" class="ss-br-cover-logo">
                    <img src="images/ssl-logo.png" alt="">
                </a>
                <div class="ss-br-cover-head">
                    <h2 class="h3 text-uppercase">BASIC SURVEY REPORT</h2>
                    <div class="ss-br-cover-bars">
                        <span class="bg-primary"></span>
                        <span class="bg-primary"></span>
                        <span class="bg-primary"></span>
                        <span class="bg-primary"></span>
                    </div>
                    <h2 class="h1">Leadership and Engagement with a Fully Remote Workforce </h2>
                    <h3 class="h3 text-uppercase text-primary fw-bold">Leader Report</h3>
                </div>
            </div>
            <div class="ss-br-cover-footer">
                <div class="ss-br-cover-footer-p">
                    <h3 class="h3">Company Tech, Inc.</h3>
                    <strong>Sarah Conrad</strong>
                    <small>Date: 9/23/2020</small>
                </div>
                <span class="ss-br-cover-footer-sep"></span>
                <div class="ss-br-cover-footer-s">
                    <strong>Powered by EDASurveys</strong>
                    <small>Copyright © 2021 EDA, Inc</small>
                </div>
            </div>
        </div>
        <span class="ss-br-cover-shape-bottom">
            <img src="images/ss-br-cover-shape-bottom.png" alt="">
        </span>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-toc">
        <header class="ss-pdf-header">
            <!--<div class="ss-pdf-header-l">
                <p>Table of Contents header </p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">TOC</strong>
            </div>-->
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-title">
                    <h3 class="h3">Table of Contents</h3>
                </div>
                <div class="ss-pdf-toc-table">

                    <div class="ss-pdf-toc-row">
                        <div class="ss-pdf-toc-no">
                            <strong>1</strong>
                        </div>
                        <div class="ss-pdf-toc-head">
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-title">
                                    <p>SUMMARY</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                        </div>
                    </div>
                    <div class="ss-pdf-toc-row">
                        <div class="ss-pdf-toc-no">
                            <strong>2</strong>
                        </div>
                        <div class="ss-pdf-toc-head">
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-title">
                                    <p>RESULTS</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                        </div>
                    </div>
                    <div class="ss-pdf-toc-row">
                        <div class="ss-pdf-toc-no">
                            <strong>3</strong>
                        </div>
                        <div class="ss-pdf-toc-head">
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-title">
                                    <p>APPENDIX</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                            <div class="ss-pdf-toc-head-row">
                                <div class="ss-pdf-toc-subtitle">
                                    <p>User Section Title</p>
                                </div>
                                <span class="ss-pdf-toc-dashes"></span>
                                <div class="ss-pdf-toc-pno">##</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">           
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">Basic Survey</strong>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-title">
                    <h3 class="h3">Results</h3>
                </div>
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>12</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">a.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light-100" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange" style="width: 25%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-yellow" style="width: 20%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange-dark" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-red-orange" style="width: 80%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-brown" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-black" style="width: 70%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light-100"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-yellow"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-red-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-brown"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-black"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">a.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light-100" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange" style="width: 25%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-yellow" style="width: 20%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange-dark" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-red-orange" style="width: 80%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-brown" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-black" style="width: 70%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light-100"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-yellow"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-red-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-brown"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-black"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">a.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light-100" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange" style="width: 25%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-yellow" style="width: 20%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange-dark" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-red-orange" style="width: 80%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-brown" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-black" style="width: 70%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light-100"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-yellow"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-red-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-brown"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-black"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>14</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>Weigthed Avg.</strong>
                            <span>100%</span>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-legends reversed">
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">1</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et </p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">2</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et iusto odio dignissimos</p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">3</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et </p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">4</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et iusto odio dignissimos</p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">5</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et </p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">6</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et </p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">7</div>
                                <div class="ss-legend-r">
                                    <p>Vero eos et accusamus et iusto odio dignissimos</p>
                                </div>
                            </div>
    
                            <div class="ss-legend-row">
                                <div class="ss-legend-l">N/A</div>
                                <div class="ss-legend-r">
                                    <p>Not Applicable </p>
                                </div>
                            </div>
                        </div>
                        <div class="ss-chart-v-wrapper">
                            <div class="ss-chart-v mb-5 sm">
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>1</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 9%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>2</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 22%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>3</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>4</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 84%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>5</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 51%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>6</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 60%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>7</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-dark-gray" style="height: 20%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>N/A</strong></span>
                                    </div>
                                </div>
                            </div>
                            <div class="ss-chart-v-y-axixlbl">
                                <span>0</span>
                                <span>50</span>
                                <span>100</span>
                                <span>150</span>
                                <span>200</span>
                            </div>
                        </div>
                        <div class="ss-chart-h-a-info-note">*Not Applicable reposnses are not included in the weighted average</div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>14</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-result-noresponse">There are no response data to this question.</div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>15</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>Weigthed Avg.</strong>
                            <span>100%</span>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row">
                            <div class="ss-pdf-chart-h-l">
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-light-100" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange" style="width: 25%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-yellow" style="width: 20%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-orange-dark" style="width: 40%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-red-orange" style="width: 80%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-brown" style="width: 60%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-black" style="width: 70%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-light-100"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-yellow"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-orange-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-red-orange"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-brown"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-black"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>16</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">
                        <div class="ss-result-sntmts sntmts-type-b">
                            <div class="ss-result-sntmts-l">
                                <h3 class="h5">Overall Sentiment</h3>
                                <div class="ss-result-sntmts-bar-row">
                                    <div class="ss-result-sntmts-bar-lbls">
                                        <span>Negative</span>
                                        <span>Neutral</span>
                                        <span>Positive</span>
                                    </div>
                                    <div class="ss-result-sntmts-bar">
                                        <div class="ss-result-sntmts-bar-p bg-pink-purple" style="width: 75%;">
                                            <div class="ss-result-sntmts-bar-d bg-pink-purple">
                                                <span class="ss-result-sntmts-bar-lbl">Positive</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-result-sntmts-box">
                                    <strong class="text-pink-purple">7</strong>
                                    <span>Positive</span>
                                </div>
                            </div>
                            <div class="ss-result-sntmts-r">
                                <h3 class="h5">Top 5 Keywords/Phrases</h3>
                                <div class="ss-chart-h-b-wrapper">
                                    <div class="ss-chart-h-c">
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-pink-purple" style="width: 40%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-pink-purple" style="width: 60%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-pink-purple" style="width: 80%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-pink-purple" style="width: 60%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-pink-purple" style="width: 50%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ss-result-cmnts">
                        <div class="ss-result-cmnts-g">
                            <div class="ss-result-cmnts-head">
                                <h4 class="h5">Top 3 Positive Comments <i>(top 3 keywords/phrases)</i></h4>
                            </div>
                            <div class="ss-result-cmnts-body">
                                <div class="ss-result-cmnts-table">
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Comment</h5>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Comment</h5>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Comment</h5>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ss-result-cmnts-g">
                            <div class="ss-result-cmnts-head">
                                <h4 class="h5">Top 3 Negative Comments</h4>
                            </div>
                            <div class="ss-result-cmnts-body">
                                <div class="ss-result-cmnts-table">
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Comment</h5>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Comment</h5>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Comment</h5>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>16</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>

                    <h3 class="ss-result-g-subtitle mb-0 text-end">Snapshot</h3>

                    <!-- Start [Snapshot row ] -->
                    <div class="ss-result-snpst-row">
                        <div class="ss-result-snpst-l">
                            <div class="ss-result-snpst-l-head">
                                <strong>67.2</strong>
                                <span>/ out of 100</span>
                            </div>
                            <div class="d-flex">
                                <span class="ss-result-snpst-point">a.</span>
                                <div class="p4">
                                    <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                </div>
                            </div>
                        </div>
                        <div class="ss-result-snpst-r">
                            <div class="ss-chart-h-b-wrapper">
                                <div class="ss-chart-h-b five-cols">
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col">&nbsp;</div>
                                        <div class="ss-chart-h-b-col flex-grow-1 mw-100">
                                            <h4 class="h5 ss-chart-h-b-title">Title of the Chart</h4>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">&nbsp;</div>
                                        <div class="ss-chart-h-b-col d-flex justify-content-between">
                                            <span>0</span>
                                            <span>50</span>
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <strong class="text-uppercase">AVG.</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">LO</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">HI</strong>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End   [Snapshot row ] -->

                    <!-- Start [Snapshot row ] -->
                    <div class="ss-result-snpst-row">
                        <div class="ss-result-snpst-l">
                            <div class="ss-result-snpst-l-head">
                                <strong>15.2</strong>
                                <span>/ out of 100</span>
                            </div>
                            <div class="d-flex">
                                <span class="ss-result-snpst-point">b.</span>
                                <div class="p4">
                                    <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                </div>
                            </div>
                        </div>
                        <div class="ss-result-snpst-r">
                            <div class="ss-chart-h-b-wrapper">
                                <div class="ss-chart-h-b five-cols">
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col">&nbsp;</div>
                                        <div class="ss-chart-h-b-col flex-grow-1 mw-100">
                                            <h4 class="h5 ss-chart-h-b-title">Title of the Chart</h4>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">&nbsp;</div>
                                        <div class="ss-chart-h-b-col d-flex justify-content-between">
                                            <span>0</span>
                                            <span>50</span>
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <strong class="text-uppercase">AVG.</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">LO</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">HI</strong>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-orange-light" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End   [Snapshot row ] -->

                    <h3 class="ss-result-g-subtitle text-end mt-5 pt-5">Overall Responses</h3>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">a.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio eos et accusamus</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">b.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio eos et accusamus</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <h3 class="ss-result-g-subtitle text-end mt-5 pt-5">Marketing Group</h3>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">a.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio eos et accusamus</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-pdf-chart-h-row with-pt-bdr">
                            <div class="ss-pdf-chart-h-l">
                                <div class="d-flex ss-pdf-chart-g-desc">
                                    <span class="ss-result-snpst-point">b.</span>
                                    <div class="p2">
                                        <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui</p>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a">
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-pink" style="width: 15%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-danger-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-purple-dark" style="width: 35%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-light" style="width: 85%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-dark" style="width: 30%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-blue-green" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-sea-green-dark" style="width: 90%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-a-row">
                                        <div class="ss-chart-h-a-bar bg-green-dark" style="width: 50%;">
                                            <span class="ss-chart-h-a-bar-lbl-r">135</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-chart-h-a-x-axixlbl">
                                    <span>0</span>
                                    <span>25</span>
                                    <span>50</span>
                                    <span>75</span>
                                    <span>100</span>
                                </div>
                            </div>
                            <div class="ss-pdf-chart-h-r">
                                <div class="ss-chart-h-a-info-g">
                                    <div class="ss-chart-h-a-info">
                                        <strong>Weighted Avg.</strong>
                                        <span>100%</span>
                                    </div>
                                </div>
                                <div class="ss-pdf-chart-h-r-twocolumn">
                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-pink"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-danger-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-purple-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-light"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio eos et accusamus</p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-blue-green"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-sea-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et </p>
                                        </div>
                                    </div>

                                    <div class="ss-legend-row">
                                        <div class="ss-legend-l">
                                            <span class="ss-legend-squer bg-green-dark"></span>
                                        </div>
                                        <div class="ss-legend-r">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui </p>
                                        </div>
                                    </div>

                                </div>
                                <div class="p2 fst-italic ms-5 mt-3">
                                    <p>* Not Applicable reponses are not included in the weighted average</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>16</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>

                    <h3 class="ss-result-g-subtitle mb-0 text-end">Snapshot</h3>

                    <!-- Start [Snapshot row ] -->
                    <div class="ss-result-snpst-row">
                        <div class="ss-result-snpst-l">
                            <div class="ss-result-snpst-l-head">
                                <strong>80.2</strong>
                                <span>/ out of 100</span>
                            </div>
                        </div>
                        <div class="ss-result-snpst-r">
                            <div class="ss-chart-h-b-wrapper">
                                <div class="ss-chart-h-b five-cols">
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col">&nbsp;</div>
                                        <div class="ss-chart-h-b-col flex-grow-1 mw-100">
                                            <h4 class="h5 ss-chart-h-b-title">Title of the Chart</h4>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">&nbsp;</div>
                                        <div class="ss-chart-h-b-col d-flex justify-content-between">
                                            <span>0</span>
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <strong class="text-uppercase">AVG.</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">LO</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">HI</strong>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End   [Snapshot row ] -->

                    <!-- Start [Snapshot row ] -->
                    <div class="ss-result-snpst-row">
                        <div class="ss-result-snpst-l">
                            <div class="ss-result-snpst-l-head">
                                <strong>60.5</strong>
                                <span>/ out of 100</span>
                            </div>
                        </div>
                        <div class="ss-result-snpst-r">
                            <div class="ss-chart-h-b-wrapper">
                                <div class="ss-chart-h-b five-cols">
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col">&nbsp;</div>
                                        <div class="ss-chart-h-b-col flex-grow-1 mw-100">
                                            <h4 class="h5 ss-chart-h-b-title">Title of the Chart</h4>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">&nbsp;</div>
                                        <div class="ss-chart-h-b-col d-flex justify-content-between">
                                            <span>0</span>
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <strong class="text-uppercase">AVG.</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">LO</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">HI</strong>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End   [Snapshot row ] -->

                    <!-- Start [Snapshot row ] -->
                    <div class="ss-result-snpst-row">
                        <div class="ss-result-snpst-l">
                            <div class="ss-result-snpst-l-head">
                                <strong>30.5</strong>
                                <span>/ out of 100</span>
                            </div>
                        </div>
                        <div class="ss-result-snpst-r">
                            <div class="ss-chart-h-b-wrapper">
                                <div class="ss-chart-h-b five-cols">
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col">&nbsp;</div>
                                        <div class="ss-chart-h-b-col flex-grow-1 mw-100">
                                            <h4 class="h5 ss-chart-h-b-title">Title of the Chart</h4>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">&nbsp;</div>
                                        <div class="ss-chart-h-b-col d-flex justify-content-between">
                                            <span>0</span>
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <strong class="text-uppercase">AVG.</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">LO</strong>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <strong class="text-uppercase">HI</strong>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 80%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Group Item</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 70%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                    <div class="ss-chart-h-b-row">
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>Marketing Group</span>
                                        </div>
                                        <div class="ss-chart-h-b-col">
                                            <div class="ss-chart-h-b-bar-w">
                                                <div class="ss-chart-h-b-bar bg-hot-pink" style="width: 50%;"></div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-b-col text-end">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                        <div class="ss-chart-h-b-col text-center">
                                            <span>100</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End   [Snapshot row ] -->

                    <div class="ss-pdf-chart-legends reversed">
                        <div class="ss-legend-row">
                            <div class="ss-legend-l">1</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et </p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">2</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et iusto odio dignissimos</p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">3</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et </p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">4</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et iusto odio dignissimos</p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">5</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et </p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">6</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et </p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">7</div>
                            <div class="ss-legend-r">
                                <p>Vero eos et accusamus et iusto odio dignissimos</p>
                            </div>
                        </div>

                        <div class="ss-legend-row">
                            <div class="ss-legend-l">N/A</div>
                            <div class="ss-legend-r">
                                <p>Not Applicable </p>
                            </div>
                        </div>
                    </div>

                    <h3 class="ss-result-g-subtitle text-end mt-5 mb-5 pt-5">Overall</h3>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-chart-v-wrapper">
                            <div class="ss-chart-v mb-5 sm">
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>1</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 9%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>2</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 22%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>3</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>4</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 84%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>5</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 51%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>6</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 60%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>7</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-dark-gray" style="height: 20%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>N/A</strong></span>
                                    </div>
                                </div>
                            </div>
                            <div class="ss-chart-v-y-axixlbl">
                                <span>0</span>
                                <span>50</span>
                                <span>100</span>
                                <span>150</span>
                                <span>200</span>
                            </div>
                        </div>
                        <div class="ss-chart-h-a-info-note">*Not Applicable reposnses are not included in the weighted average</div>
                    </div>

                    <h3 class="ss-result-g-subtitle text-end mt-5 mb-5 pt-5">Marketing Group</h3>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-chart-v-wrapper">
                            <div class="ss-chart-v mb-5 sm">
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>1</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 9%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>2</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 22%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>3</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>4</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 84%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>5</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 51%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>6</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 60%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>7</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-dark-gray" style="height: 20%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>N/A</strong></span>
                                    </div>
                                </div>
                            </div>
                            <div class="ss-chart-v-y-axixlbl">
                                <span>0</span>
                                <span>50</span>
                                <span>100</span>
                                <span>150</span>
                                <span>200</span>
                            </div>
                        </div>
                        <div class="ss-chart-h-a-info-note">*Not Applicable reposnses are not included in the weighted average</div>
                    </div>

                    <h3 class="ss-result-g-subtitle text-end mt-5 mb-5 pt-5">Engineering Group</h3>
                    <div class="ss-chart-h-a-info-g">
                        <div class="ss-chart-h-a-info">
                            <strong>Correct</strong>
                            <span>15/32</span>
                        </div>
                        <div class="ss-chart-h-a-info">
                            <strong>On-Time</strong>
                            <span>27/32</span>
                        </div>
                    </div>

                    <div class="ss-pdf-chart">
                        <div class="ss-chart-v-wrapper">
                            <div class="ss-chart-v mb-5 sm">
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>1</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 9%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>2</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 22%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>3</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 37%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>4</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 84%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>5</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 51%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>6</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-hot-pink" style="height: 60%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>7</strong></span>
                                    </div>
                                </div>
                                <div class="ss-chart-v-col">
                                    <div class="ss-chart-v-bar bg-dark-gray" style="height: 20%;">
                                        <span class="ss-chart-v-bar-lbl-t">135</span>
                                        <span class="ss-chart-v-bar-lbl-b"><strong>N/A</strong></span>
                                    </div>
                                </div>
                            </div>
                            <div class="ss-chart-v-y-axixlbl">
                                <span>0</span>
                                <span>50</span>
                                <span>100</span>
                                <span>150</span>
                                <span>200</span>
                            </div>
                        </div>
                        <div class="ss-chart-h-a-info-note">*Not Applicable reposnses are not included in the weighted average</div>
                    </div>

                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>16</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-pdf-chart">

                        <div class="ss-result-sntmts sntmts-type-b">

                            <div class="ss-result-sntmts-r">
                                <h3 class="h5">Top 5 Keywords/Phrases</h3>
                                <div class="ss-chart-h-b-wrapper">
                                    <div class="ss-chart-h-c">
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-orange" style="width: 40%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-orange" style="width: 60%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-orange" style="width: 80%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-orange" style="width: 60%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-chart-h-c-row">
                                            <div class="ss-chart-h-c-col ps-0 text-end">
                                                <span>Vero eos et accusamus et iusto odio dignissimos ducimus </span>
                                            </div>
                                            <div class="ss-chart-h-c-col">
                                                <div class="ss-chart-h-c-bar-w">
                                                    <div class="ss-chart-h-c-bar bg-orange" style="width: 50%;">
                                                        <span class="ss-chart-h-c-bar-lbl-r">135</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="ss-result-sntmts-l d-flex flex-column">

                                <h3 class="h5">Short-Answer Responses</h3>
                                <div class="flex-grow-1 d-flex flex-column justify-content-center">
                                    <div class="ss-result-noresponse text-start">See Appendix for full list.</div>
                                </div>

                                <?php /*<h3 class="h4">Overall Sentiment</h3>
                                <div class="ss-result-sntmts-bar-row">
                                    <div class="ss-result-sntmts-bar-lbls">
                                        <span>Negative</span>
                                        <span>Neutral</span>
                                        <span>Positive</span>
                                    </div>
                                    <div class="ss-result-sntmts-bar">
                                        <div class="ss-result-sntmts-bar-p bg-pink-purple" style="width: 75%;">
                                            <div class="ss-result-sntmts-bar-d bg-pink-purple">
                                                <span class="ss-result-sntmts-bar-lbl">Positive</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-result-sntmts-box">
                                    <strong class="text-pink-purple">7</strong>
                                    <span>Positive</span>
                                </div> */ ?>

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

    <!-- Start [ page ] -->
    <div class="ss-pdf-page ss-br-result">
        <header class="ss-pdf-header">
            <div class="ss-pdf-header-l">
                <p>Leadership and Engagement with a Fully Remote Workforce</p>
            </div>
            <div class="ss-pdf-header-r">
                <strong class="text-uppercase">RESULTS</strong>
            </div>
        </header>
        <div class="ss-pdf-inner">
            <div class="ss-pdf-container">
                <div class="ss-pdf-title">
                    <h3 class="h3">Appendix</h3>
                </div>
                <div class="ss-pdf-q-g">
                    <div class="ss-pdf-q-head">
                        <div class="ss-pdf-q-head-l">
                            <strong>16</strong>
                        </div>
                        <div class="ss-pdf-q-head-r">
                            <span class="form-control-required-star">*</span>
                            <h4 class="h4">How is remote work affecting engagement with your team?</h4>
                            <span class="ss-pdf-q-head-res"><strong>17/34</strong>  Responded to Question</span>
                        </div>
                    </div>
                    <div class="ss-result-cmnts">
                        <div class="ss-result-cmnts-g">
                            <div class="ss-result-cmnts-body">
                                <div class="ss-result-cmnts-table">
                                    <div class="ss-result-cmnts-row">
                                        <h5 class="h5">Other Responses</h5>
                                    </div>
                                    <div class="ss-result-cmnts-row">
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                        <div class="p2">
                                            <p>Vero eos et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto odio dignissimos ducimus qui dignissimos ducimus qui et accusamus et iusto </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="ss-pdf-footer">
            <div class="ss-pdf-footer-l">
                <img src="images/ssl-logo.png" alt="">
            </div>
            <div class="ss-pdf-footer-m">
                <strong>Copyright © 2021 EDA, Inc</strong>
                <span>Powered by EDASurveys</span>
            </div>
            <div class="ss-pdf-footer-r">
                <strong class="text-uppercase">HR & LD SURVEY</strong>
                <span>01</span>
            </div>
        </footer>
    </div>
    <!-- End   [ page ] -->

</main>

<!-- Start [ pdf download] -->
<div class="ss-pdf-download">
    <a class="btn btn-light" onclick="var button = this;navigator.clipboard.writeText(button.getAttribute('data-url'));button.innerHTML='Copied!';setTimeout(function() {button.innerHTML = 'Share Link';}, 1500);" data-url="https://surveysaurus.theswarm.io/basic-reports.php">Share Link</a>
    <a class="btn btn-dark" target="_blank" href="https://surveysaurus.theswarm.io/basic-reports.php">Download</a>
</div>
<!-- End   [ pdf download] -->


<?php require_once "footer-reports.php";?>
