<?php require_once "head.php";?>

<?php require_once "header-analytics-dashboard.php";?>

<main class="layout bg-primary-100">
    <div class="ss-section">
        <div class="ss-section-inner">

            <div class="ss-adb-head">
                <div class="ss-section fixed-width-center">
                    <div class="ss-section-inner">
                        <div class="ss-db-head mb-0">
                            <div class="ss-db-head-left">
                                <h1 class="h3 fw-bold mb-0">Topic Analysis</h1>
                                <div class="d-flex flex-wrap">
                                    <div class="ss-dropdown dropdown d-block mt-4 me-4 js-multi-select">
                                        <button type="button" class="ss-dropdown-toggle" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Location" data-placeholder="All Locations">
                                            <span class="ss-dropdown-toggle-txt">All Locations</span>
                                            <span class="ss-dropdown-arrow">
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </span>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-start">
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option one</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option two</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option three</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ss-dropdown dropdown d-block mt-4 me-4 js-multi-select">
                                        <button type="button" class="ss-dropdown-toggle" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Department" data-placeholder="All Departments">
                                            <span class="ss-dropdown-toggle-txt">All Departments</span>
                                            <span class="ss-dropdown-arrow">
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </span>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-start">
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option one</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option two</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option three</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ss-dropdown dropdown d-block mt-4 me-4 js-multi-select">
                                        <button type="button" class="ss-dropdown-toggle" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Job Title" data-placeholder="All Job Titles">
                                            <span class="ss-dropdown-toggle-txt">All Job Titles</span>
                                            <span class="ss-dropdown-arrow">
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </span>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-start">
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option one</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option two</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option three</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ss-dropdown dropdown d-block mt-4 me-4 js-multi-select">
                                        <button type="button" class="ss-dropdown-toggle" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Age Group" data-placeholder="All Age Groups">
                                            <span class="ss-dropdown-toggle-txt">All Age Groups</span>
                                            <span class="ss-dropdown-arrow">
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </span>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-start">
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option one</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option two</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                    <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                    <span class="dropdown-item-text">Option three</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="ss-dropdown dropdown js-multi-select d-block mt-20 me-4">
                                        <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" data-selected-prefix="Selected">
                                            <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-start">
                                            <li class="dropdown dropend">
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-icon dropdown-submenu-toggle" data-bs-offset="0,17" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                                                    <span class="dropdown-item-text">Tenure</span>
                                                    <i class="ss-icon-chevron-right"><svg><use xlink:href="#ss-icon-chevron-right"></use></svg></i>
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                            <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                            <span class="dropdown-item-text">Option one</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                            <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                            <span class="dropdown-item-text">Option two</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                            <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                            <span class="dropdown-item-text">Option three</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="dropdown dropend">
                                                <a href="javascript:;" class="dropdown-item ss-dpitem-icon dropdown-submenu-toggle" data-bs-offset="0,17" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                                                    <span class="dropdown-item-text">Diversity</span>
                                                    <i class="ss-icon-chevron-right"><svg><use xlink:href="#ss-icon-chevron-right"></use></svg></i>
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                            <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                            <span class="dropdown-item-text">Option one</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                            <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                            <span class="dropdown-item-text">Option two</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-checkbox">
                                                            <span class="ss-dropdown-checkbox-ui"><i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i></span>
                                                            <span class="dropdown-item-text">Option three</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="ss-db-head-right flex-column align-items-end">
                                <div class="d-flex align-items-center">
                                    <a href="javascript:;" class="btn-icon">
                                        <i class="ss-icon-inbox-out"><svg><use xlink:href="#ss-icon-inbox-out"></use></svg></i>
                                    </a>
                                    <a href="javascript:;" class="btn-icon">
                                        <i class="ss-icon-share"><svg><use xlink:href="#ss-icon-share"></use></svg></i>
                                    </a>
                                    <a href="javascript:;" class="btn-icon">
                                        <i class="ss-icon-refresh"><svg><use xlink:href="#ss-icon-refresh"></use></svg></i>
                                    </a>
                                </div>
                                <ul class="ss-adb-tfo">
                                    <li>
                                        <a class="ss-adb-tfo-link active">Wk</a>
                                    </li>
                                    <li>
                                        <a class="ss-adb-tfo-link">Mon</a>
                                    </li>
                                    <li>
                                        <a class="ss-adb-tfo-link">Year</a>
                                    </li>
                                    <li>
                                        <a class="ss-adb-tfo-link">All</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="ss-adb-shead">
                <div class="ss-section fixed-width-center">
                    <div class="ss-section-inner">
                        <div class="ss-db-head mb-0">
                            <div class="ss-db-head-left">
                                <div class="d-flex flex-wrap align-items-start">
                                    <span class="ss-tag removable">
                                        <span class="ss-tag-txt">Label</span>
                                        <a class="ss-tag-remove"><i class="ss-icon-close"><svg><use xlink:href="#ss-icon-close"></use></svg></i></a>
                                    </span>
                                    <span class="ss-tag removable">
                                        <span class="ss-tag-txt">Label</span>
                                        <a class="ss-tag-remove"><i class="ss-icon-close"><svg><use xlink:href="#ss-icon-close"></use></svg></i></a>
                                    </span>
                                    <span class="ss-tag removable">
                                        <span class="ss-tag-txt">Label</span>
                                        <a class="ss-tag-remove"><i class="ss-icon-close"><svg><use xlink:href="#ss-icon-close"></use></svg></i></a>
                                    </span>
                                    <span class="ss-tag removable">
                                        <span class="ss-tag-txt">Label</span>
                                        <a class="ss-tag-remove"><i class="ss-icon-close"><svg><use xlink:href="#ss-icon-close"></use></svg></i></a>
                                    </span>
                                    <span class="ss-tag removable">
                                        <span class="ss-tag-txt">Label</span>
                                        <a class="ss-tag-remove"><i class="ss-icon-close"><svg><use xlink:href="#ss-icon-close"></use></svg></i></a>
                                    </span>
                                    <span class="ss-tag removable">
                                        <span class="ss-tag-txt">Label</span>
                                        <a class="ss-tag-remove"><i class="ss-icon-close"><svg><use xlink:href="#ss-icon-close"></use></svg></i></a>
                                    </span>
                                </div>
                            </div>
                            <div class="ss-db-head-right">
                                <a class="btn btn-primary">Apply Filters</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="ss-section fixed-width-center ss-adb">
                <div class="ss-section-inner">

                    <div class="ss-adb-rts-a-row">
                        <div class="ss-adb-rts-a-l">
                            <span class="form-label text-uppercase p2 m-0 me-20 fw-bold">Data Source</span>
                            <div class="ss-dropdown dropdown js-single-select">
                                <button type="button" class="btn btn-light with-icon-sep" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-dropdown-toggle-txt">Questions</span>
                                    <i class="ss-icon-caret-down"><svg><use xlink:href="#ss-icon-caret-down"></use></svg></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-start with-overflow-scroll">
                                    <li>
                                        <a href="javascript:;" class="dropdown-item active">
                                            <span class="dropdown-item-text">Option one</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="dropdown-item">
                                            <span class="dropdown-item-text">Option two</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="dropdown-item">
                                            <span class="dropdown-item-text">Option three</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="ss-adb-rts-a-m">
                            <h2 class="h3 fw-bold m-0">How effective is your team communication working remotely?</h2>
                        </div>
                        <div class="ss-adb-rts-a-r">
                            <div class="ss-dropdown dropdown js-single-select">
                                <button type="button" class="btn p3 mw-auto" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="ss-icon-caret-down m-0"><svg><use xlink:href="#ss-icon-caret-down"></use></svg></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end with-overflow-scroll">
                                    <li>
                                        <a href="javascript:;" class="dropdown-item active">
                                            <span class="dropdown-item-text">Option one</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="dropdown-item">
                                            <span class="dropdown-item-text">Option two</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="dropdown-item">
                                            <span class="dropdown-item-text">Option three</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="ss-adb-cm-a-row">
                        <div class="ss-adb-cm-a-c">
                            <div class="ss-adb-cm-a-box">
                                <div class="ss-adb-cm-a-box-l">
                                    <div class="p2 text-gray-inactive">7-Day Moving Average</div>
                                    <strong class="ss-adb-cm-a-score">+25.5</strong>
                                    <div class="ss-adb-cw-a-oh-dt justify-content-start mt-auto">
                                        <!-- <div class="ss-db-score text-secondary">
                                            <i class="ss-icon-arrow-alt-up"><svg><use xlink:href="#ss-icon-arrow-alt-up"></use></svg></i>
                                            <span>5.15%</span>
                                        </div> -->
                                        <div class="ss-db-score text-danger">
                                            <i class="ss-icon-arrow-alt-down"><svg><use xlink:href="#ss-icon-arrow-alt-down"></use></svg></i>
                                            <span>0.52%</span>
                                        </div>
                                        <span class="ss-adb-cw-a-oh-prd">Since last month</span>
                                    </div>
                                </div>
                                <div class="ss-adb-cm-a-box-r">
                                    <span class="ss-badge-icon bg-blue-200">
                                        <i class="ss-icon-bolt text-blue"><svg><use xlink:href="#ss-icon-bolt"></use></svg></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="ss-adb-cm-a-c">
                            <div class="ss-adb-cm-a-box">
                                <div class="ss-adb-cm-a-box-l">
                                    <div class="p2 text-gray-inactive">Norm Deviation</div>
                                    <strong class="ss-adb-cm-a-score">+1.25</strong>
                                    <div class="ss-adb-cw-a-oh-dt justify-content-start mt-auto">
                                        <div class="ss-db-score text-secondary">
                                            <i class="ss-icon-arrow-alt-up"><svg><use xlink:href="#ss-icon-arrow-alt-up"></use></svg></i>
                                            <span>0.5%</span>
                                        </div>
                                        <!-- <div class="ss-db-score text-danger">
                                            <i class="ss-icon-arrow-alt-down"><svg><use xlink:href="#ss-icon-arrow-alt-down"></use></svg></i>
                                            <span>0.52%</span>
                                        </div> -->
                                        <span class="ss-adb-cw-a-oh-prd">Since last month</span>
                                    </div>
                                </div>
                                <div class="ss-adb-cm-a-box-r">
                                    <span class="ss-badge-icon bg-hot-pink-200">
                                        <i class="ss-icon-user-fill text-hot-pink"><svg><use xlink:href="#ss-icon-user-fill"></use></svg></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="ss-adb-cm-a-c">
                            <div class="ss-adb-cm-a-box">
                                <div class="ss-adb-cm-a-box-l">
                                    <div class="p2 text-gray-inactive">Positive Keyword</div>
                                    <strong class="ss-adb-cm-a-score">Stability</strong>
                                    <div class="ss-adb-cw-a-oh-dt justify-content-start mt-auto">
                                        <div class="ss-db-score p2">
                                            <strong class="fw-bold">1,023</strong>
                                        </div>
                                        <span class="ss-adb-cw-a-oh-prd">Impressions</span>
                                    </div>
                                </div>
                                <div class="ss-adb-cm-a-box-r">
                                    <span class="ss-badge-icon bg-orange-200">
                                        <i class="ss-icon-signal text-orange"><svg><use xlink:href="#ss-icon-signal"></use></svg></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="ss-adb-cm-a-c">
                            <div class="ss-adb-cm-a-box">
                                <div class="ss-adb-cm-a-box-l">
                                    <div class="p2 text-gray-inactive">New Term</div>
                                    <strong class="ss-adb-cm-a-score">Remote</strong>
                                    <div class="ss-adb-cw-a-oh-dt justify-content-start mt-auto">
                                        <div class="ss-db-score p2">
                                            <strong class="fw-bold">468</strong>
                                        </div>
                                        <span class="ss-adb-cw-a-oh-prd">Impressions</span>
                                    </div>
                                </div>
                                <div class="ss-adb-cm-a-box-r">
                                    <span class="ss-badge-icon bg-sea-green-200">
                                        <i class="ss-icon-users-fill text-sea-green"><svg><use xlink:href="#ss-icon-users-fill"></use></svg></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="ss-adb-ta-a-row">
                        <div class="ss-db-box">
                            <div class="ss-db-box-h">
                                <div class="ss-db-box-h-l">
                                    <h3 class="h5">Topic Distribution</h3>
                                </div>
                                <div class="ss-db-box-h-r">
                                    <div class="ss-dropdown dropdown js-single-select">
                                        <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                            <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-end">
                                            <li>
                                                <a href="javascript:;" class="dropdown-item">
                                                    <span class="dropdown-item-text">Menu one</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item">
                                                    <span class="dropdown-item-text">Menu two</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:;" class="dropdown-item">
                                                    <span class="dropdown-item-text">Menu three</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="ss-db-box-b pt-0">
                                <div class="ss-adb-ta-a-td">
                                    <div class="ss-adb-ta-a-td-l">
                                        <div class="ss-adb-ta-a-td-chart" id="ss-adb-ta-a-td-chart"></div>
                                        <div class="ss-db-ch-legends theme-b mt-20">
                                            <span class="ss-db-ch-legend theme-b">
                                                <span class="ss-db-ch-legend-text">
                                                    <i class="ss-icon-circle-fill text-secondary"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    <span>Training</span>
                                                </span>
                                            </span>
                                            <span class="ss-db-ch-legend theme-b">
                                                <span class="ss-db-ch-legend-text">
                                                    <i class="ss-icon-circle-fill text-purple"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    <span>Pay</span>
                                                </span>
                                            </span>
                                            <span class="ss-db-ch-legend theme-b">
                                                <span class="ss-db-ch-legend-text">
                                                    <i class="ss-icon-circle-fill text-blue"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    <span>Communication</span>
                                                </span>
                                            </span>
                                            <span class="ss-db-ch-legend theme-b">
                                                <span class="ss-db-ch-legend-text">
                                                    <i class="ss-icon-circle-fill text-orange-light"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    <span>Engagement</span>
                                                </span>
                                            </span>
                                            <span class="ss-db-ch-legend theme-b">
                                                <span class="ss-db-ch-legend-text">
                                                    <i class="ss-icon-circle-fill text-hot-pink"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    <span>Leadership</span>
                                                </span>
                                            </span>
                                            <span class="ss-db-ch-legend theme-b">
                                                <span class="ss-db-ch-legend-text">
                                                    <i class="ss-icon-circle-fill text-pink-purple"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    <span>Workload</span>
                                                </span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="ss-adb-ta-a-td-r">
                                        <div class="ss-adb-ta-a-cmts">
                                            <div class="ss-adb-ta-a-cmts-h">
                                                <div class="ss-adb-ta-a-cmts-h-l">
                                                    <strong class="d-block me-4">10,345</strong>
                                                    <span class="d-block text-gray-inactive p2">Comments</span>
                                                </div>
                                                <div class="ss-adb-ta-a-cmts-h-r">
                                                    <div class="ss-dropdown dropdown d-block js-single-select">
                                                        <button type="button" class="ss-dropdown-toggle" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                            <span class="ss-dropdown-toggle-txt">Communication</span>
                                                            <span class="ss-dropdown-arrow">
                                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                            </span>
                                                        </button>
                                                        <ul class="dropdown-menu dropdown-menu-end with-overflow-scroll">
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item active">
                                                                    <span class="dropdown-item-text">Communication</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Option two</span>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="javascript:;" class="dropdown-item">
                                                                    <span class="dropdown-item-text">Option three</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-adb-ta-a-cmts-b">

                                                <div class="ss-adb-ta-a-cmts-i">
                                                    <div class="ss-adb-ta-a-cmts-i-h">
                                                        <div class="ss-adb-ta-a-cmts-i-h-l">
                                                            <span class="ss-tag primary-100 m-0 lg">
                                                                <span class="ss-tag-txt p2">Communication</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-m">
                                                            <div class="p2 text-gray-inactive">LES III Leadership Survey</div>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-r">
                                                            <div class="p2 text-gray-inactive">2/7/2022</div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-ta-a-cmts-i-b p2 text-gray-inactive">
                                                        <p>I like the communication dynamic of my team. It’s very easy to make progress as we all have a clear shared awareness of where everyone is within the project.</p>
                                                    </div>
                                                </div>
                                                <div class="ss-adb-ta-a-cmts-i">
                                                    <div class="ss-adb-ta-a-cmts-i-h">
                                                        <div class="ss-adb-ta-a-cmts-i-h-l">
                                                            <span class="ss-tag primary-100 m-0 lg">
                                                                <span class="ss-tag-txt p2">Communication</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-m">
                                                            <div class="p2 text-gray-inactive">LES III Leadership Survey</div>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-r">
                                                            <div class="p2 text-gray-inactive">2/7/2022</div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-ta-a-cmts-i-b p2 text-gray-inactive">
                                                        <p>I like the communication dynamic of my team. It’s very easy to make progress as we all have a clear shared awareness of where everyone is within the project.</p>
                                                    </div>
                                                </div>
                                                <div class="ss-adb-ta-a-cmts-i">
                                                    <div class="ss-adb-ta-a-cmts-i-h">
                                                        <div class="ss-adb-ta-a-cmts-i-h-l">
                                                            <span class="ss-tag primary-100 m-0 lg">
                                                                <span class="ss-tag-txt p2">Communication</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-m">
                                                            <div class="p2 text-gray-inactive">LES III Leadership Survey</div>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-r">
                                                            <div class="p2 text-gray-inactive">2/7/2022</div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-ta-a-cmts-i-b p2 text-gray-inactive">
                                                        <p>I like the communication dynamic of my team. It’s very easy to make progress as we all have a clear shared awareness of where everyone is within the project.</p>
                                                    </div>
                                                </div>
                                                <div class="ss-adb-ta-a-cmts-i">
                                                    <div class="ss-adb-ta-a-cmts-i-h">
                                                        <div class="ss-adb-ta-a-cmts-i-h-l">
                                                            <span class="ss-tag primary-100 m-0 lg">
                                                                <span class="ss-tag-txt p2">Communication</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-m">
                                                            <div class="p2 text-gray-inactive">LES III Leadership Survey</div>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-r">
                                                            <div class="p2 text-gray-inactive">2/7/2022</div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-ta-a-cmts-i-b p2 text-gray-inactive">
                                                        <p>I like the communication dynamic of my team. It’s very easy to make progress as we all have a clear shared awareness of where everyone is within the project.</p>
                                                    </div>
                                                </div>
                                                <div class="ss-adb-ta-a-cmts-i">
                                                    <div class="ss-adb-ta-a-cmts-i-h">
                                                        <div class="ss-adb-ta-a-cmts-i-h-l">
                                                            <span class="ss-tag primary-100 m-0 lg">
                                                                <span class="ss-tag-txt p2">Communication</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-m">
                                                            <div class="p2 text-gray-inactive">LES III Leadership Survey</div>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-r">
                                                            <div class="p2 text-gray-inactive">2/7/2022</div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-ta-a-cmts-i-b p2 text-gray-inactive">
                                                        <p>I like the communication dynamic of my team. It’s very easy to make progress as we all have a clear shared awareness of where everyone is within the project.</p>
                                                    </div>
                                                </div>
                                                <div class="ss-adb-ta-a-cmts-i">
                                                    <div class="ss-adb-ta-a-cmts-i-h">
                                                        <div class="ss-adb-ta-a-cmts-i-h-l">
                                                            <span class="ss-tag primary-100 m-0 lg">
                                                                <span class="ss-tag-txt p2">Communication</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-m">
                                                            <div class="p2 text-gray-inactive">LES III Leadership Survey</div>
                                                        </div>
                                                        <div class="ss-adb-ta-a-cmts-i-h-r">
                                                            <div class="p2 text-gray-inactive">2/7/2022</div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-ta-a-cmts-i-b p2 text-gray-inactive">
                                                        <p>I like the communication dynamic of my team. It’s very easy to make progress as we all have a clear shared awareness of where everyone is within the project.</p>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="ss-adb-rts-d-row">
                        <div class="ss-adb-rts-d-r">
                            <div class="ss-db-box d-flex flex-column">
                                <div class="ss-db-box-h">
                                    <div class="ss-db-box-h-l">
                                        <h3 class="h5">Keyword Frequency</h3>
                                    </div>
                                    <div class="ss-db-box-h-r">
                                        <a href="javascript:;" class="btn-icon">
                                            <i class="ss-icon-bell-outline"><svg><use xlink:href="#ss-icon-bell-outline"></use></svg></i>
                                        </a>
                                        <div class="ss-dropdown dropdown js-single-select">
                                            <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Menu one</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Menu two</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Menu three</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-db-box-b pt-0 pe-0 ps-0">
                                    <div class="h-100 d-flex flex-column">
                                        <ul class="nav ss-sidebar-build-rnav theme-b pt-3 ps-4 pe-4 pb-5 border-bottom-0">
                                            <li>
                                                <a href="#ss-adb-rts-d-r-pos" class="active" data-bs-toggle="tab">Positive</a>
                                            </li>
                                            <li>
                                                <a href="#ss-adb-rts-d-r-neg" data-bs-toggle="tab">Negative</a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div class="tab-pane fade show active" id="ss-adb-rts-d-r-pos">
                                                <div class="ss-adb-rts-d-kf-w">
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Engagement</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 90%;">
                                                                <span class="h-100 d-block bg-primary opacity-100"></span>
                                                                <div class="p2">312</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Communication</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 80%;">
                                                                <span class="h-100 d-block bg-primary opacity-100"></span>
                                                                <div class="p2">254</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Sustainability</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 70%;">
                                                                <span class="h-100 d-block bg-primary opacity-100"></span>
                                                                <div class="p2">145</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Renewablility</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 60%;">
                                                                <span class="h-100 d-block bg-primary opacity-75"></span>
                                                                <div class="p2">118</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Longevity</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 50%;">
                                                                <span class="h-100 d-block bg-primary opacity-50"></span>
                                                                <div class="p2">89</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Economy</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 30%;">
                                                                <span class="h-100 d-block bg-primary opacity-25"></span>
                                                                <div class="p2">67</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Social</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 30%;">
                                                                <span class="h-100 d-block bg-primary opacity-25"></span>
                                                                <div class="p2">55</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Reuse</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 50%;">
                                                                <span class="h-100 d-block bg-primary opacity-50"></span>
                                                                <div class="p2">89</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Sustainability</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 70%;">
                                                                <span class="h-100 d-block bg-primary opacity-100"></span>
                                                                <div class="p2">145</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Renewablility</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 60%;">
                                                                <span class="h-100 d-block bg-primary opacity-75"></span>
                                                                <div class="p2">118</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Longevity</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 50%;">
                                                                <span class="h-100 d-block bg-primary opacity-50"></span>
                                                                <div class="p2">89</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Economy</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 30%;">
                                                                <span class="h-100 d-block bg-primary opacity-25"></span>
                                                                <div class="p2">67</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane fade" id="ss-adb-rts-d-r-neg">
                                                <div class="ss-adb-rts-d-kf-w">
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Engagement</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 90%;">
                                                                <span class="h-100 d-block bg-danger opacity-100"></span>
                                                                <div class="p2">312</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Communication</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 80%;">
                                                                <span class="h-100 d-block bg-danger opacity-100"></span>
                                                                <div class="p2">254</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Sustainability</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 70%;">
                                                                <span class="h-100 d-block bg-danger opacity-100"></span>
                                                                <div class="p2">145</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Renewablility</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 60%;">
                                                                <span class="h-100 d-block bg-danger opacity-75"></span>
                                                                <div class="p2">118</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Longevity</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 50%;">
                                                                <span class="h-100 d-block bg-danger opacity-50"></span>
                                                                <div class="p2">89</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Economy</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 30%;">
                                                                <span class="h-100 d-block bg-danger opacity-25"></span>
                                                                <div class="p2">67</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Social</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 30%;">
                                                                <span class="h-100 d-block bg-danger opacity-25"></span>
                                                                <div class="p2">55</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Reuse</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 50%;">
                                                                <span class="h-100 d-block bg-danger opacity-50"></span>
                                                                <div class="p2">89</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Sustainability</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 70%;">
                                                                <span class="h-100 d-block bg-danger opacity-100"></span>
                                                                <div class="p2">145</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Renewablility</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 60%;">
                                                                <span class="h-100 d-block bg-danger opacity-75"></span>
                                                                <div class="p2">118</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Longevity</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 50%;">
                                                                <span class="h-100 d-block bg-danger opacity-50"></span>
                                                                <div class="p2">89</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                    <div class="ss-adb-rts-d-kf">
                                                        <div class="ss-adb-rts-d-kf-l">
                                                            <div class="p2 text-ellipsis">Economy</div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-m">
                                                            <div class="ss-adb-rts-d-kf-prog" style="width: 30%;">
                                                                <span class="h-100 d-block bg-danger opacity-25"></span>
                                                                <div class="p2">67</div>
                                                            </div>
                                                        </div>
                                                        <div class="ss-adb-rts-d-kf-r">
                                                            <a class="btn btn-light btn-sm mw-auto">View</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ss-adb-rts-d-l">
                            <div class="ss-db-box">
                                <div class="ss-db-box-h">
                                    <div class="ss-db-box-h-l">
                                        <h3 class="h5">Keyword Wordcloud</h3>
                                    </div>
                                    <div class="ss-db-box-h-r">
                                        <a href="javascript:;" class="btn-icon">
                                            <i class="ss-icon-bell-outline"><svg><use xlink:href="#ss-icon-bell-outline"></use></svg></i>
                                        </a>
                                        <div class="ss-dropdown dropdown js-single-select">
                                            <button class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Menu one</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Menu two</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item">
                                                        <span class="dropdown-item-text">Menu three</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-db-box-b pt-0">
                                    <div class="ss-adb-ta-b-kw-chart" id="ss-adb-ta-b-kw-chart"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            
        </div>
    </div>
</main>

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/wordcloud.js"></script>
<script>
var tdChart = null,
    kwChart = null;
window.addEventListener('DOMContentLoaded', function() {

    // for topic distribution chart
    if (jQuery('#ss-adb-ta-a-td-chart').length) {
        tdChart = Highcharts.chart('ss-adb-ta-a-td-chart', {
            chart: {
                type: 'packedbubble',
            },
            credits: {
                enabled: false,
            },
            title: false,
            navigation: {
                buttonOptions: {
                    enabled: false
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                enabled: true,
                pointFormat: '<b>{point.name}:</b> {point.value}',
                style: {
                    fontSize: '10px',
                    color: '#404041',
                    fontFamily: 'Open Sans, sans-serif'
                }
            },
            plotOptions: {
                packedbubble: {
                    minSize: '20%',
                    maxSize: '100%',
                    zMin: 0,
                    zMax: 1000,
                    layoutAlgorithm: {
                        enableSimulation: true,
                        splitSeries: true,
                        parentNodeLimit: true,
                        parentNodeOptions: {
                            marker: {
                                fillOpacity: 0.5
                            }
                        }
                    },
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}',
                        filter: { // show data lable only if Y value is greater than 150
                            property: 'y',
                            operator: '>',
                            value: 150
                        },
                        style: {
                            color: 'black',
                            textOutline: 'none',
                            fontWeight: 'normal',
                            fontSize: '10px'
                        }
                    }
                }
            },
            series: [
                {
                    name: 'Training',
                    color: '#7bba52',
                    marker: {
                        fillOpacity: 0.75,
                    },
                    data: [{
                        name: 'Work',
                        value: 767.1,
                    }, {
                        name: 'Gap',
                        value: 20.7
                    }, {
                        name: "Skills",
                        value: 415.4
                    }, {
                        name: "Training",
                        value: 337.6
                    }, {
                        name: "Ability",
                        value: 67.7
                    }, {
                        name: "Learning",
                        value: 59.3
                    }]
                },
                {
                    name: 'Pay',
                    color: '#a365ba',
                    data: [{
                        name: "Bonus",
                        value: 8.2
                    }, {
                        name: "Incentive",
                        value: 9.2
                    }, {
                        name: "increament",
                        value: 392.7
                    }, {
                        name: "Overtime",
                        value: 225.1
                    }, {
                        name: "Salary",
                        value: 141.5
                    }]
                },
                {
                    name: 'Communication',
                    color: '#55a6d5',
                    data: [{
                        name: "Communication",
                        value: 409.4
                    }, {
                        name: "Follow-up",
                        value: 34.1
                    }, {
                        name: "Slow",
                        value: 7.1
                    }]
                },
                {
                    name: 'Engagement',
                    color: '#db8437',
                    data: [{
                        name: "Happy",
                        value: 7.6
                    }, {
                        name: "Content",
                        value: 5334.5
                    }, {
                        name: "Motivated",
                        value: 566
                    }, {
                        name: "Sad",
                        value: 456.3
                    }]
                },
                {
                    name: 'Leadership',
                    color: '#ed4961',
                    data: [{
                        name: "Feedback",
                        value: 7.2
                    }, {
                        name: "Happy",
                        value: 17.8
                    }, {
                        name: "Sad",
                        value: 501.1
                    }, {
                        name: "Leader",
                        value: 199
                    }, {
                        name: "Work",
                        value: 195.2
                    }]
                },
                {
                    name: 'Workload',
                    color: '#d555b9',
                    data: [{
                        name: "Burnout",
                        value: 6.5
                    }, {
                        name: "Heavy",
                        value: 16.6
                    }, {
                        name: "Slow",
                        value: 220.5
                    }, {
                        name: "Fast",
                        value: 22.6
                    }, {
                        name: "Time",
                        value: 122.3
                    }, {
                        name: "Presure",
                        value: 152.7
                    }, {
                        name: "Free",
                        value: 610.1
                    }]
                }
            ]
        });

        // for update above topic distribution chart data programatically
        // tdChart.update({
        //     series: [
        //         {
        //             name: 'Training',
        //             color: '#7bba52',
        //             marker: {
        //                 fillOpacity: 0.75,
        //             },
        //             data: [{
        //                 name: 'Work',
        //                 value: 767.1,
        //             }, {
        //                 name: 'Gap',
        //                 value: 20.7
        //             }, {
        //                 name: "Skills",
        //                 value: 415.4
        //             }, {
        //                 name: "Training",
        //                 value: 337.6
        //             }]
        //         },
        //         {
        //             name: 'Pay',
        //             color: '#a365ba',
        //             data: [{
        //                 name: "Bonus",
        //                 value: 8.2
        //             }, {
        //                 name: "Incentive",
        //                 value: 9.2
        //             }, {
        //                 name: "increament",
        //                 value: 392.7
        //             }, {
        //                 name: "Overtime",
        //                 value: 225.1
        //             }, {
        //                 name: "Salary",
        //                 value: 141.5
        //             }]
        //         },
        //         {
        //             name: 'Communication',
        //             color: '#55a6d5',
        //             data: [{
        //                 name: "Communication",
        //                 value: 409.4
        //             }, {
        //                 name: "Follow-up",
        //                 value: 34.1
        //             }, {
        //                 name: "Slow",
        //                 value: 7.1
        //             }]
        //         },
        //         {
        //             name: 'Engagement',
        //             color: '#db8437',
        //             data: [{
        //                 name: "Happy",
        //                 value: 7.6
        //             }, {
        //                 name: "Content",
        //                 value: 5334.5
        //             }, {
        //                 name: "Motivated",
        //                 value: 566
        //             }, {
        //                 name: "Sad",
        //                 value: 456.3
        //             }]
        //         },
        //         {
        //             name: 'Leadership',
        //             color: '#ed4961',
        //             data: [{
        //                 name: "Feedback",
        //                 value: 7.2
        //             }, {
        //                 name: "Happy",
        //                 value: 17.8
        //             }, {
        //                 name: "Sad",
        //                 value: 501.1
        //             }, {
        //                 name: "Leader",
        //                 value: 199
        //             }, {
        //                 name: "Work",
        //                 value: 195.2
        //             }]
        //         },
        //         {
        //             name: 'Workload',
        //             color: '#d555b9',
        //             data: [{
        //                 name: "Burnout",
        //                 value: 6.5
        //             }, {
        //                 name: "Fast",
        //                 value: 22.6
        //             }, {
        //                 name: "Time",
        //                 value: 122.3
        //             }, {
        //                 name: "Presure",
        //                 value: 152.7
        //             }, {
        //                 name: "Free",
        //                 value: 610.1
        //             }]
        //         }
        //     ]
        // });
    }


    // for keyword wordcloud chart
    if (jQuery('#ss-adb-ta-b-kw-chart').length) {
        kwChart = Highcharts.chart('ss-adb-ta-b-kw-chart', {
            chart: {
                type: 'wordcloud',
            },
            credits: {
                enabled: false,
            },
            title: false,
            navigation: {
                buttonOptions: {
                    enabled: false
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                enabled: true,
                style: {
                    fontSize: '9px',
                    color: '#404041',
                    fontFamily: 'Open Sans, sans-serif'
                }
            },
            series: [{
                name: 'Keyword Wordcloud',
                data: [
                    {
                        name: 'Sustainability',
                        weight: 20,
                        color: '#55A6D5'
                    },
                    {
                        name: 'Maintained',
                        weight: 8,
                        color: '#65BA7E'
                    },
                    {
                        name: 'Renewable',
                        weight: 6,
                        color: '#ED4961'
                    },
                    {
                        name: 'constantly',
                        weight: 10,
                        color: '#DB8437'
                    },
                    {
                        name: 'Future',
                        weight: 4,
                        color: '#55A6D5'
                    },
                    {
                        name: 'Environment',
                        weight: 4,
                        color: '#65BA7E'
                    },
                    {
                        name: 'Logistic',
                        weight: 20,
                        color: '#D555B9'
                    },
                    {
                        name: 'Long Term',
                        weight: 5,
                        color: '#DB8437'
                    },
                    {
                        name: 'Regenrate',
                        weight: 5,
                        color: '#55A6D5'
                    },
                    {
                        name: 'Waste',
                        weight: 15,
                        color: '#65BA7E'
                    },
                    {
                        name: 'Ideas',
                        weight: 5,
                        color: '#D555B9'
                    },
                    {
                        name: 'Cognitive',
                        weight: 4,
                        color: '#DB8437'
                    },
                    {
                        name: 'Social',
                        weight: 4,
                        color: '#55A6D5'
                    },
                    {
                        name: 'Recycle',
                        weight: 4,
                        color: '#65BA7E'
                    },
                    {
                        name: 'System',
                        weight: 6,
                        color: '#D555B9'
                    },
                    {
                        name: 'Processes',
                        weight: 6,
                        color: '#DB8437'
                    }
                ]
            }],
        });

        // for update keyword wordcloud chart data programatically
        // kwChart.update({
        //     series: [{
        //         name: 'Keyword Wordcloud',
        //         data: [
        //             {
        //                 name: 'Sustainability',
        //                 weight: 20,
        //                 color: '#55A6D5'
        //             },
        //             {
        //                 name: 'Maintained',
        //                 weight: 8,
        //                 color: '#65BA7E'
        //             },
        //             {
        //                 name: 'Renewable',
        //                 weight: 6,
        //                 color: '#ED4961'
        //             },
        //             {
        //                 name: 'constantly',
        //                 weight: 10,
        //                 color: '#DB8437'
        //             },
        //             {
        //                 name: 'Future',
        //                 weight: 4,
        //                 color: '#55A6D5'
        //             },
        //             {
        //                 name: 'Environment',
        //                 weight: 4,
        //                 color: '#65BA7E'
        //             },
        //             {
        //                 name: 'Logistic',
        //                 weight: 20,
        //                 color: '#D555B9'
        //             },
        //             {
        //                 name: 'Long Term',
        //                 weight: 5,
        //                 color: '#DB8437'
        //             },
        //             {
        //                 name: 'Regenrate',
        //                 weight: 5,
        //                 color: '#55A6D5'
        //             },
        //             {
        //                 name: 'Waste',
        //                 weight: 15,
        //                 color: '#65BA7E'
        //             },
        //             {
        //                 name: 'Ideas',
        //                 weight: 5,
        //                 color: '#D555B9'
        //             },
        //             {
        //                 name: 'Cognitive',
        //                 weight: 4,
        //                 color: '#DB8437'
        //             },
        //             {
        //                 name: 'Social',
        //                 weight: 4,
        //                 color: '#55A6D5'
        //             },
        //             {
        //                 name: 'Recycle',
        //                 weight: 4,
        //                 color: '#65BA7E'
        //             },
        //             {
        //                 name: 'System',
        //                 weight: 6,
        //                 color: '#D555B9'
        //             },
        //             {
        //                 name: 'Processes',
        //                 weight: 6,
        //                 color: '#DB8437'
        //             }
        //         ]
        //     }]
        // });
    }
});
</script>

<?php require_once "footer.php";?>
