<?php require_once "head.php";?>

<?php require_once "header-build.php";?>

<main class="layout with-build-sidebar">
    <div class="ss-section ss-build">
        <div class="ss-section-inner bg-primary-alpha-5">
            <div class="ss-build-q-wrapper">

                <!-- Start [ intro ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">INTRODUCTION</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <span class="ss-build-q-misc sm">
                                    <span class="ss-badge-icon sm light">
                                        <i class="ss-icon-quote-left"><svg><use xlink:href="#ss-icon-quote-left"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-misc-txt">Survey Intro</span>
                                </span>
                            </div>
                            <div class="ss-build-q-head-right">
                                <!-- <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-body p-0">

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <!-- I have used quill editor below. you can get html like $('.ss-editor .ql-editor').html()  -->
                                            <!-- Handling images and video with Quill: https://programmer.help/blogs/rich-text-editor-quill-upload-pictures-and-videos.html -->
                                            <div class="ss-editor with-all-tools">
                                                <p>Survey description/instruction goes here. praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga</p>
                                                <p><br></p>
                                                <p>De est laborum et dolorum fuga. praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga</p>
                                            </div>
                                            <div class="ss-dropdown dropdown above-the-editor">
                                                <button type="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 ss-dpitem-icon">
                                                            <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                            <span class="dropdown-item-text">Duplicate</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                            <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                            <span class="dropdown-item-text">Save As Template</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                            <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ intro ] -->

                <!-- Start [ section ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">SECTION</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <span class="ss-build-q-misc sm">
                                    <span class="ss-badge-icon sm light">
                                        <i class="ss-icon-list-b"><svg><use xlink:href="#ss-icon-list-b"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-misc-txt">Survey Section</span>
                                </span>
                            </div>
                            <div class="ss-build-q-head-right">
                                <!-- <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a> -->
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-body p-0">

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <!-- I have used quill editor below. you can get html like $('.ss-editor .ql-editor').html()  -->
                                            <!-- Handling images and video with Quill: https://programmer.help/blogs/rich-text-editor-quill-upload-pictures-and-videos.html -->
                                            <div class="ss-editor with-all-tools">
                                                <h2 class="ql-align-center">Add Section Title Here</h2><p class="ql-align-center"><br></p><p class="ql-align-center">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
                                            </div>
                                            <div class="ss-dropdown dropdown above-the-editor">
                                                <button type="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 ss-dpitem-icon">
                                                            <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                            <span class="dropdown-item-text">Duplicate</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                            <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                            <span class="dropdown-item-text">Save As Template</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                            <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                            <span class="dropdown-item-text">Delete</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ section ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 1</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype linear-scale" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Linear Scale</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-badge active" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="yesno">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-yesno"><svg><use xlink:href="#ss-icon-yesno"></use></svg></i></span>
                                                <span class="dropdown-item-text">Yes/No</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="number-range">
                                                <span class="ss-badge-icon sm bg-blue-green-light"><i class="ss-icon-numrange"><svg><use xlink:href="#ss-icon-numrange"></use></svg></i></span>
                                                <span class="dropdown-item-text">Number Range</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="dateselect">
                                                <span class="ss-badge-icon sm bg-dark-brown"><i class="ss-icon-datepicker"><svg><use xlink:href="#ss-icon-datepicker"></use></svg></i></span>
                                                <span class="dropdown-item-text">Date Picker</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="phone-number">
                                                <span class="ss-badge-icon sm bg-blue-green-dark"><i class="ss-icon-mobile"><svg><use xlink:href="#ss-icon-mobile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Phone Number</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="email">
                                                <span class="ss-badge-icon sm bg-blue-dark-300"><i class="ss-icon-envelope"><svg><use xlink:href="#ss-icon-envelope"></use></svg></i></span>
                                                <span class="dropdown-item-text">Email</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-selects">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper">
                                                        <select class="form-control sm" name="ls_point_scale" data-placeholder="point scale">
                                                            <!-- don't rmeove below blank option because it's for show placeholder -->
                                                            <option label="placeholder"></option>
                                                            <option value="3">3 point scale</option>
                                                            <option value="5" selected>5 point scale</option>
                                                            <option value="7">7 point scale</option>
                                                        </select>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper">
                                                        <select class="form-control sm" name="ls_effective" data-placeholder="Effectiveness">
                                                            <!-- don't rmeove below blank option because it's for show placeholder -->
                                                            <option label="placeholder"></option>
                                                            <option value="agreement">Agreement</option>
                                                            <option value="effectiveness" selected>Effectiveness</option>
                                                            <option value="satisfaction">Satisfaction</option>
                                                            <option value="custom">Custom</option>
                                                        </select>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-scalelbls">
                                                <div class="row">
                                                    <div class="col-4 ss-build-q-ep-scalelbl-l">
                                                        <h3 class="h5">LEFT LABEL</h3>
                                                        <p>Very ineffective</p>
        
                                                        <!-- remove class d-none to show custom label input if custom option has been selected -->
                                                        <div class="form-group d-none">
                                                            <span class="form-control-wrapper theme-a">
                                                                <input type="text" value="" name="ls_scale_style_left_lbl" class="form-control" placeholder="Optional">
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-4 ss-build-q-ep-scalelbl-m">
                                                        <h3 class="h5">Center LABEL</h3>
                                                        <p>Neither effective or ineffective</p>
        
                                                        <!-- remove class d-none to show custom label input if custom option has been selected -->
                                                        <div class="form-group d-none">
                                                            <span class="form-control-wrapper theme-a">
                                                                <input type="text" value="" name="ls_scale_style_center_lbl" class="form-control" placeholder="Optional">
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="col-4 ss-build-q-ep-scalelbl-r">
                                                        <h3 class="h5">Right LABEL</h3>
                                                        <p>Very effective</p>
        
                                                        <!-- remove class d-none to show custom label input if custom option has been selected -->
                                                        <div class="form-group d-none">
                                                            <span class="form-control-wrapper theme-a">
                                                                <input type="text" value="" name="ls_scale_style_right_lbl" class="form-control" placeholder="Optional">
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="ls_add_does_not_apply">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-strg">
                                                <div class="ss-build-q-ep-strg-l">
                                                    <div class="ss-radiogroup-wrapper">
                                                        <div class="ss-radiogroup-row">
                                                            <label class="ss-radiogroup sm">
                                                                <input type="radio" value="1" name="ls_points">
                                                                <span class="ss-radiogroup-text">1</span>
                                                            </label>
                                                            <label class="ss-radiogroup sm">
                                                                <input type="radio" value="1" name="ls_points">
                                                                <span class="ss-radiogroup-text">2</span>
                                                            </label>
                                                            <label class="ss-radiogroup sm">
                                                                <input type="radio" value="1" name="ls_points">
                                                                <span class="ss-radiogroup-text">3</span>
                                                            </label>
                                                            <label class="ss-radiogroup sm">
                                                                <input type="radio" value="1" name="ls_points">
                                                                <span class="ss-radiogroup-text">4</span>
                                                            </label>
                                                            <label class="ss-radiogroup sm">
                                                                <input type="radio" value="1" name="ls_points">
                                                                <span class="ss-radiogroup-text">5</span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-radiogroup-lbls">
                                                            <p class="text-start">Very ineffective</p>
                                                            <p class="text-center">Neither effective or ineffective</p>
                                                            <p class="text-end">Very effective</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="ss-build-q-ep-strg-sep"></span>
                                                <div class="ss-build-q-ep-strg-r">
                                                    <label class="ss-checkradio primary">
                                                        <input type="checkbox" value="Y" name="ls_does_not_apply">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Does not apply</span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 2</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype linear-scale" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Linear Scale</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-badge active" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-selects">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper">
                                                        <select class="form-control sm" name="ls_point_scale" data-placeholder="point scale">
                                                            <!-- don't rmeove below blank option because it's for show placeholder -->
                                                            <option label="placeholder"></option>
                                                            <option value="3">3 point scale</option>
                                                            <option value="5" selected>5 point scale</option>
                                                            <option value="7">7 point scale</option>
                                                        </select>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper">
                                                        <select class="form-control sm" name="ls_effective" data-placeholder="Effectiveness">
                                                            <!-- don't rmeove below blank option because it's for show placeholder -->
                                                            <option label="placeholder"></option>
                                                            <option value="agreement">Agreement</option>
                                                            <option value="effectiveness" selected>Effectiveness</option>
                                                            <option value="satisfaction">Satisfaction</option>
                                                            <option value="custom">Custom</option>
                                                        </select>
                                                    </span>
                                                </div>
                                                <a class="btn btn-primary-100 with-icon btn-sm me-3 text-uppercase">
                                                    <i class="ss-icon-arrow-reverse"><svg><use xlink:href="#ss-icon-arrow-reverse"></use></svg></i>
                                                    <span>Reverse Order</span>
                                                </a>
                                                <h4 class="h5 mb-0 ms-auto">WEIGHT</h4>
                                            </div>
                                            <div class="ss-build-q-ep-scalelist">
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="scalelist_lbl_1" class="form-control sm" placeholder="Very ineffective">
                                                        <input type="number" value="" name="scalelist_weight_1" class="form-control weight" placeholder="1">
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="scalelist_lbl_2" class="form-control sm" placeholder="Ineffective">
                                                        <input type="number" value="" name="scalelist_weight_2" class="form-control weight" placeholder="2">
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="scalelist_lbl_3" class="form-control sm" placeholder="Neither effective or ineffective">
                                                        <input type="number" value="" name="scalelist_weight_3" class="form-control weight" placeholder="3">
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="scalelist_lbl_4" class="form-control sm" placeholder="Effective">
                                                        <input type="number" value="" name="scalelist_weight_4" class="form-control weight" placeholder="4">
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="scalelist_lbl_5" class="form-control sm" placeholder="Very effective">
                                                        <input type="number" value="" name="scalelist_weight_5" class="form-control weight" placeholder="5">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="ls_add_does_not_apply">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                </label>
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="ls_add_weight">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add Weights</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-slrg">
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="Very ineffective" name="scalelist_radio[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Very ineffective</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="Ineffective" name="scalelist_radio[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Ineffective</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="Neither effective or ineffective" name="scalelist_radio[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Neither effective or ineffective</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="Effective" name="scalelist_radio[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Effective</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="Very effective" name="scalelist_radio[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Very effective</span>
                                                    </label>
                                                </div>
                                                <div class="form-group mt-5">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="Does not apply" name="scalelist_radio[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Does not apply</span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 3</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype checkbox" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Checkbox</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="cblist_1" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="cblist_2" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="cblist_3" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="cb_add_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add "Other" option</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <div class="form-group">
                                                    <label class="ss-checkradio secondary">
                                                        <input type="checkbox" value="" name="cblist[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio secondary">
                                                        <input type="checkbox" value="" name="cblist[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio secondary">
                                                        <input type="checkbox" value="" name="cblist[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="form-group mt-5">
                                                <label class="ss-checkradio secondary align-items-center">
                                                    <input type="checkbox" value="" name="cb_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text flex-shrink-0 flex-grow-0 mw-10rem">Other</span>
                                                    <span class="form-control-wrapper depend-on-checked theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                        <input type="text" value="" name="cb_other_specify" class="form-control bg-primary-alpha-5" placeholder="Placeholder">
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 4</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype checkbox" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Checkbox</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <h4 class="h4 mb-3">Select Correct Answer Below</h4>
                                                <div class="form-group mb-2">
                                                    <label class="ss-checkradio secondary-outline align-items-center">
                                                        <input type="checkbox" value="" name="cb_correct[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="form-control-wrapper theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                            <input type="text" value="" name="cblist_1" class="form-control" placeholder="Add option here">
                                                        </span>
                                                    </label>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <label class="ss-checkradio secondary-outline align-items-center">
                                                        <input type="checkbox" value="" name="cb_correct[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="form-control-wrapper theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                            <input type="text" value="" name="cblist_2" class="form-control" placeholder="Add option here">
                                                        </span>
                                                    </label>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <label class="ss-checkradio secondary-outline align-items-center">
                                                        <input type="checkbox" value="" name="cb_correct[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="form-control-wrapper theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                            <input type="text" value="" name="cblist_3" class="form-control" placeholder="Add option here">
                                                        </span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="cb_add_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add "Other" option</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <div class="form-group">
                                                    <label class="ss-checkradio secondary">
                                                        <input type="checkbox" value="" name="cblist[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio secondary">
                                                        <input type="checkbox" value="" name="cblist[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio secondary">
                                                        <input type="checkbox" value="" name="cblist[]">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="form-group mt-5">
                                                <label class="ss-checkradio secondary align-items-center">
                                                    <input type="checkbox" value="" name="cb_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text flex-shrink-0 flex-grow-0 mw-10rem">Other</span>
                                                    <span class="form-control-wrapper depend-on-checked theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                        <input type="text" value="" name="cb_other_specify" class="form-control bg-primary-alpha-5" placeholder="Placeholder">
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 5</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype multi-choice" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Multiple Choice</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="cbmlist_1" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="cbmlist_2" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="cbmlist_3" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="cbm_add_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add "Other" option</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="cbm_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="cbm_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="cbm_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>

                                                <!-- remove 'd-none' class from below to show options as select dropdown-->
                                                <div class="d-none">
                                                    <div class="form-group mb-0">
                                                        <span class="form-control-wrapper">
                                                            <select class="form-control sm" name="cbm_option_select" data-placeholder="Type or select an option" data-tags="true">
                                                                <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                <option label="placeholder"></option>
                                                                <option value="1">Added option 1</option>
                                                                <option value="2">Added option 2</option>
                                                                <option value="3">Added option 3</option>
                                                            </select>
                                                        </span>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="form-group mt-5">
                                                <label class="ss-checkradio type-radio secondary align-items-center">
                                                    <input type="radio" value="" name="cbm_radio">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text flex-shrink-0 flex-grow-0 mw-10rem">Other</span>
                                                    <span class="form-control-wrapper depend-on-checked theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                        <input type="text" value="" name="cbm_other_specify" class="form-control bg-primary-alpha-5" placeholder="Placeholder">
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 6</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype multi-choice" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Multiple Choice</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <h4 class="h4 mb-3">Select Correct Answer Below</h4>
                                                <div class="form-group mb-2">
                                                    <label class="ss-checkradio type-radio secondary-outline align-items-center">
                                                        <input type="radio" value="" name="cbm_radio_correct">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="form-control-wrapper theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                            <input type="text" value="" name="cbmlist_1" class="form-control" placeholder="Add option here">
                                                        </span>
                                                    </label>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <label class="ss-checkradio type-radio secondary-outline align-items-center">
                                                        <input type="radio" value="" name="cbm_radio_correct">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="form-control-wrapper theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                            <input type="text" value="" name="cbmlist_2" class="form-control" placeholder="Add option here">
                                                        </span>
                                                    </label>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <label class="ss-checkradio type-radio secondary-outline align-items-center">
                                                        <input type="radio" value="" name="cbm_radio_correct">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="form-control-wrapper theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                            <input type="text" value="" name="cbmlist_3" class="form-control" placeholder="Add option here">
                                                        </span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="cbm_add_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add "Other" option</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="cbm_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="cbm_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="cbm_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>

                                                <!-- remove 'd-none' class from below to show options as select dropdown-->
                                                <div class="d-none">
                                                    <div class="form-group mb-0">
                                                        <span class="form-control-wrapper">
                                                            <select class="form-control sm" name="cbm_option_select" data-placeholder="Type or select an option" data-tags="true">
                                                                <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                <option label="placeholder"></option>
                                                                <option value="1">Added option 1</option>
                                                                <option value="2">Added option 2</option>
                                                                <option value="3">Added option 3</option>
                                                            </select>
                                                        </span>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="form-group mt-5">
                                                <label class="ss-checkradio type-radio secondary align-items-center">
                                                    <input type="radio" value="" name="cbm_radio">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text flex-shrink-0 flex-grow-0 mw-10rem">Other</span>
                                                    <span class="form-control-wrapper depend-on-checked theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                        <input type="text" value="" name="cbm_other_specify" class="form-control bg-primary-alpha-5" placeholder="Placeholder">
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 7</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype single-textbox" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Single Textbox</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-preview-mode">
                                        <div class="ss-build-q-ep-tb">
                                            <div class="form-group mb-0">
                                                <span class="form-control-wrapper theme-a">
                                                    <input type="text" value="" name="single_text" class="form-control" placeholder="Submit short answer">
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 8</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype comment-box" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Comment Box</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-preview-mode">
                                        <div class="ss-build-q-ep-tb">
                                            <div class="form-group mb-0">
                                                <span class="form-control-wrapper theme-a">
                                                    <textarea class="form-control" name="comment_box" placeholder="Submit comment"></textarea>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 9</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype multi-choice-matrix" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">MC Matrix</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-mtrx">
                                                <h4 class="h4 mb-3 text-uppercase">ROWS</h4>
                                                <div class="ss-build-q-ep-mtrx-r">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_1" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_2" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_3" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_4" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_5" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                </div>
                                                <span class="ss-build-q-ep-mtrx-sep"></span>
                                                <div class="d-flex align-items-center  mb-3">
                                                    <h4 class="h4 mb-0 text-uppercase">Columns</h4>
                                                    <h4 class="h4 mb-0 ms-auto text-uppercase">WEIGHTS</h4>
                                                </div>
                                                <div class="ss-build-q-ep-mtrx-c">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_1" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_1" class="form-control weight" placeholder="1">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_2" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_2" class="form-control weight" placeholder="2">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_3" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_3" class="form-control weight" placeholder="3">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_4" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_4" class="form-control weight" placeholder="4">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_5" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_5" class="form-control weight" placeholder="5">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_6" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_6" class="form-control weight" placeholder="6">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_7" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_7" class="form-control weight" placeholder="7">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_8" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_8" class="form-control weight" placeholder="8">
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="mtrx_mc_add_does_not_apply">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                </label>
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="mtrx_mc_add_weight">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add Weights</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-mtrx">
                                                <div class="ss-build-q-ep-mtrx-prows">
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>&nbsp;</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="8" name="mtrx_mc_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="8" name="mtrx_mc_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="8" name="mtrx_mc_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="8" name="mtrx_mc_row_4_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="8" name="mtrx_mc_row_5_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 10</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype checkbox-matrix" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Checkbox Matrix</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-mtrx">
                                                <h4 class="h4 mb-3 text-uppercase">ROWS</h4>
                                                <div class="ss-build-q-ep-mtrx-r">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_1" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_2" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_3" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_4" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_mc_row_5" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                </div>
                                                <span class="ss-build-q-ep-mtrx-sep"></span>
                                                <div class="d-flex align-items-center  mb-3">
                                                    <h4 class="h4 mb-0 text-uppercase">Columns</h4>
                                                    <h4 class="h4 mb-0 ms-auto text-uppercase">WEIGHTS</h4>
                                                </div>
                                                <div class="ss-build-q-ep-mtrx-c">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_1" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_1" class="form-control weight" placeholder="1">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_2" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_2" class="form-control weight" placeholder="2">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_3" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_3" class="form-control weight" placeholder="3">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_4" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_4" class="form-control weight" placeholder="4">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_5" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_5" class="form-control weight" placeholder="5">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_6" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_6" class="form-control weight" placeholder="6">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_7" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_7" class="form-control weight" placeholder="7">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="mtrx_mc_column_8" class="form-control sm" placeholder="Add column here">
                                                            <input type="number" value="" name="mtrx_mc_weight_8" class="form-control weight" placeholder="8">
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="mtrx_mc_add_does_not_apply">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                </label>
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="mtrx_mc_add_weight">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add Weights</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-mtrx">
                                                <div class="ss-build-q-ep-mtrx-prows">
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>&nbsp;</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="1" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="2" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="3" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="4" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="5" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="6" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="7" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="8" name="mtrx_cb_row_1_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="1" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="2" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="3" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="4" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="5" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="6" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="7" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="8" name="mtrx_cb_row_2_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="1" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="2" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="3" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="4" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="5" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="6" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="7" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="8" name="mtrx_cb_row_3_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="1" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="2" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="3" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="4" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="5" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="6" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="7" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="8" name="mtrx_cb_row_4_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="1" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="2" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="3" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="4" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="5" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="6" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="7" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio secondary">
                                                                <input type="checkbox" value="8" name="mtrx_cb_row_5_checkbox[]">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 11</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype cultural-health" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Cultural Health</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-mtrx">
                                                <h4 class="h4 mb-3 text-uppercase">RATING STATEMENT</h4>
                                                <div class="ss-build-q-ep-mtrx-r">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_ch_row_1" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_ch_row_2" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a">
                                                            <input type="text" value="" name="mtrx_ch_row_3" class="form-control sm" placeholder="Add row here">
                                                        </span>
                                                    </div>
                                                </div>
                                                <span class="ss-build-q-ep-mtrx-sep"></span>
                                                <h4 class="h4 mb-4 text-uppercase">OPINION SCALE</h4>
                                                <div class="ss-build-q-ep-mtrx-os">
                                                    <span class="btn btn-light btn-sm">Agreement</span>
                                                    <span class="btn btn-link btn-sm with-icon-right">
                                                        <span class="fst-italic">Strongly Disagree</span>
                                                        <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                    </span>
                                                    <span class="btn btn-link btn-sm ps-0"><span class="fst-italic">Strongly Agree</span></span>
                                                    <span class="ss-build-q-ep-mtrx-sepv"></span>
                                                    <span class="btn btn-link btn-sm"><span class="fst-italic">“Does Not Apply”</span>&nbsp; Included</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-mtrx">
                                                <div class="ss-build-q-ep-mtrx-prows">
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>&nbsp;</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Added column</p>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_ch_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_ch_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="6" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="7" name="mtrx_ch_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 12</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype demographic" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Demographic</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Type your question here">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Type your question here</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">

                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1">
                                        <p>Completed description goes here</p>
                                    </div>

                                    <div class="ss-build-ep-row">
                                        <div class="ss-build-edit-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <!-- For this demographic question type, there must be minimum 2 or more than 2 fieds remain added -->
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="dmgrlist_1" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="dmgrlist_2" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                                <div class="form-group mb-2">
                                                    <span class="form-control-wrapper theme-a flexible">
                                                        <input type="text" value="" name="dmgrlist_3" class="form-control" placeholder="Add option here">
                                                        <span class="flexible-lbl">
                                                            <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                                                        </span>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="dmgr_pref_not_to_tell">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Include "Prefer not to tell" option</span>
                                                </label>
                                                <label class="ss-checkradio primary">
                                                    <input type="checkbox" value="Y" name="dmgr_add_other">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text">Add "Other" option</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="ss-build-preview-mode">
                                            <div class="ss-build-q-ep-cblist">
                                                <!-- For this demographic question type, there must be minimum 2 or more than 2 fieds remain added -->
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="dmgr_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="dmgr_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="ss-checkradio type-radio secondary">
                                                        <input type="radio" value="" name="dmgr_radio">
                                                        <span class="ss-checkradio-ui">
                                                            <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                        </span>
                                                        <span class="ss-checkradio-text">Added option here</span>
                                                    </label>
                                                </div>

                                                <!-- remove 'd-none' class from below to show options as select dropdown-->
                                                <div class="d-none">
                                                    <div class="form-group mb-0">
                                                        <span class="form-control-wrapper">
                                                            <select class="form-control sm" name="dmgr_option_select" data-placeholder="Type or select an option" data-tags="true">
                                                                <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                <option label="placeholder"></option>
                                                                <option value="1">Added option 1</option>
                                                                <option value="2">Added option 2</option>
                                                                <option value="3">Added option 3</option>
                                                            </select>
                                                        </span>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="form-group mt-5">
                                                <label class="ss-checkradio type-radio secondary align-items-center">
                                                    <input type="radio" value="" name="dmgr_radio">
                                                    <span class="ss-checkradio-ui">
                                                        <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                    </span>
                                                    <span class="ss-checkradio-text flex-shrink-0 flex-grow-0 mw-10rem">Other</span>
                                                    <span class="form-control-wrapper depend-on-checked theme-a flex-grow-1 flex-shrink-1 ms-3">
                                                        <input type="text" value="" name="cbm_other_specify" class="form-control bg-primary-alpha-5" placeholder="Placeholder">
                                                    </span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 13</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype competency" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-trophy"><svg><use xlink:href="#ss-icon-trophy"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Competency</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="competency">
                                                <span class="ss-badge-icon sm bg-dark"><i class="ss-icon-trophy"><svg><use xlink:href="#ss-icon-trophy"></use></svg></i></span>
                                                <span class="dropdown-item-text">Competency</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box pb-5">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Add Competency Title">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Add Competency Title</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">
                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1 mb-0">
                                        <p>Define the separate areas under which your survey will be assessed. Each competency may contain multiple questions related to that competency. These definitions will be displayed both while taking the survey and in the final report generated after the survey has been completed.</p>
                                    </div>
                                </div>

                                <div class="ss-build-ep-row">
                                    <div class="ss-build-edit-mode">
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Behaviors<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_1" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">a.</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_2" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">b.</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_3" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">c.</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Measurement Scale<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="ss-build-q-ep-selects">
                                                        <div class="form-group mb-0">
                                                            <span class="form-control-wrapper">
                                                                <select class="form-control sm" name="compet_point_scale" data-placeholder="point scale">
                                                                    <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                    <option label="placeholder"></option>
                                                                    <option value="3">3 point scale</option>
                                                                    <option value="5" selected>5 point scale</option>
                                                                    <option value="7">7 point scale</option>
                                                                </select>
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-0">
                                                            <span class="form-control-wrapper">
                                                                <select class="form-control sm" name="compet_effective" data-placeholder="Effectiveness">
                                                                    <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                    <option label="placeholder"></option>
                                                                    <option value="agreement">Agreement</option>
                                                                    <option value="effectiveness" selected>Effectiveness</option>
                                                                    <option value="satisfaction">Satisfaction</option>
                                                                    <option value="custom">Custom</option>
                                                                </select>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-scalelbls">
                                                        <div class="row">
                                                            <div class="col-4 ss-build-q-ep-scalelbl-l">
                                                                <h3 class="h5">LEFT LABEL</h3>
                                                                <p>Very ineffective</p>
                
                                                                <!-- remove class d-none to show custom label input if custom option has been selected -->
                                                                <div class="form-group d-none">
                                                                    <span class="form-control-wrapper theme-a">
                                                                        <input type="text" value="" name="compet_scale_style_left_lbl" class="form-control" placeholder="Optional">
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 ss-build-q-ep-scalelbl-m">
                                                                <h3 class="h5">Center LABEL</h3>
                                                                <p>Neither effective or ineffective</p>
                
                                                                <!-- remove class d-none to show custom label input if custom option has been selected -->
                                                                <div class="form-group d-none">
                                                                    <span class="form-control-wrapper theme-a">
                                                                        <input type="text" value="" name="compet_scale_style_center_lbl" class="form-control" placeholder="Optional">
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 ss-build-q-ep-scalelbl-r">
                                                                <h3 class="h5">Right LABEL</h3>
                                                                <p>Very effective</p>
                
                                                                <!-- remove class d-none to show custom label input if custom option has been selected -->
                                                                <div class="form-group d-none">
                                                                    <span class="form-control-wrapper theme-a">
                                                                        <input type="text" value="" name="compet_scale_style_right_lbl" class="form-control" placeholder="Optional">
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet_add_does_not_apply">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Build on Strengths<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_1" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_2" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_3" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Development Opportunities<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_1" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_2" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_3" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Resources<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_1" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_2" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_3" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ss-build-preview-mode">
                                        <div class="ss-build-q-ep-body pt-0 pb-0">
                                            <div class="ss-build-q-ep-compet-stg">
                                                <h4 class="h4 mb-5 d-flex">
                                                    <span class="flex-shrink-0 me-2">a.</span>
                                                    <span class="flex-grow-1">Competency behavior</span>
                                                </h4>
                                                <div class="ss-build-q-ep-strg">
                                                    <div class="ss-build-q-ep-strg-l">
                                                        <div class="ss-radiogroup-wrapper">
                                                            <div class="ss-radiogroup-row">
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_a_behavior_points">
                                                                    <span class="ss-radiogroup-text">1</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_a_behavior_points">
                                                                    <span class="ss-radiogroup-text">2</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_a_behavior_points">
                                                                    <span class="ss-radiogroup-text">3</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_a_behavior_points">
                                                                    <span class="ss-radiogroup-text">4</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_a_behavior_points">
                                                                    <span class="ss-radiogroup-text">5</span>
                                                                </label>
                                                            </div>
                                                            <div class="ss-radiogroup-lbls">
                                                                <p class="text-start">Very ineffective</p>
                                                                <p class="text-center">Neither effective or ineffective</p>
                                                                <p class="text-end">Very effective</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span class="ss-build-q-ep-strg-sep"></span>
                                                    <div class="ss-build-q-ep-strg-r">
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet_a_does_not_apply">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Does not apply</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-compet-stg">
                                                <h4 class="h4 mb-5 d-flex">
                                                    <span class="flex-shrink-0 me-2">b.</span>
                                                    <span class="flex-grow-1">Competency behavior</span>
                                                </h4>
                                                <div class="ss-build-q-ep-strg">
                                                    <div class="ss-build-q-ep-strg-l">
                                                        <div class="ss-radiogroup-wrapper">
                                                            <div class="ss-radiogroup-row">
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_b_behavior_points">
                                                                    <span class="ss-radiogroup-text">1</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_b_behavior_points">
                                                                    <span class="ss-radiogroup-text">2</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_b_behavior_points">
                                                                    <span class="ss-radiogroup-text">3</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_b_behavior_points">
                                                                    <span class="ss-radiogroup-text">4</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_b_behavior_points">
                                                                    <span class="ss-radiogroup-text">5</span>
                                                                </label>
                                                            </div>
                                                            <div class="ss-radiogroup-lbls">
                                                                <p class="text-start">Very ineffective</p>
                                                                <p class="text-center">Neither effective or ineffective</p>
                                                                <p class="text-end">Very effective</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span class="ss-build-q-ep-strg-sep"></span>
                                                    <div class="ss-build-q-ep-strg-r">
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet_b_does_not_apply">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Does not apply</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-compet-stg">
                                                <h4 class="h4 mb-5 d-flex">
                                                    <span class="flex-shrink-0 me-2">c.</span>
                                                    <span class="flex-grow-1">Competency behavior</span>
                                                </h4>
                                                <div class="ss-build-q-ep-strg">
                                                    <div class="ss-build-q-ep-strg-l">
                                                        <div class="ss-radiogroup-wrapper">
                                                            <div class="ss-radiogroup-row">
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_c_behavior_points">
                                                                    <span class="ss-radiogroup-text">1</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_c_behavior_points">
                                                                    <span class="ss-radiogroup-text">2</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_c_behavior_points">
                                                                    <span class="ss-radiogroup-text">3</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_c_behavior_points">
                                                                    <span class="ss-radiogroup-text">4</span>
                                                                </label>
                                                                <label class="ss-radiogroup sm">
                                                                    <input type="radio" value="1" name="compet_c_behavior_points">
                                                                    <span class="ss-radiogroup-text">5</span>
                                                                </label>
                                                            </div>
                                                            <div class="ss-radiogroup-lbls">
                                                                <p class="text-start">Very ineffective</p>
                                                                <p class="text-center">Neither effective or ineffective</p>
                                                                <p class="text-end">Very effective</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span class="ss-build-q-ep-strg-sep"></span>
                                                    <div class="ss-build-q-ep-strg-r">
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet_c_does_not_apply">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Does not apply</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 14</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype competency" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-trophy"><svg><use xlink:href="#ss-icon-trophy"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Competency</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="competency">
                                                <span class="ss-badge-icon sm bg-dark"><i class="ss-icon-trophy"><svg><use xlink:href="#ss-icon-trophy"></use></svg></i></span>
                                                <span class="dropdown-item-text">Competency</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box pb-5">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Add Competency Title">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Add Competency Title</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">
                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1 mb-0">
                                        <p>Define the separate areas under which your survey will be assessed. Each competency may contain multiple questions related to that competency. These definitions will be displayed both while taking the survey and in the final report generated after the survey has been completed.</p>
                                    </div>
                                </div>

                                <div class="ss-build-ep-row">
                                    <div class="ss-build-edit-mode">
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Behaviors<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_1" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">a.</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_2" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">b.</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_3" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">c.</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Measurement Scale<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="ss-build-q-ep-selects">
                                                        <div class="form-group mb-0">
                                                            <span class="form-control-wrapper">
                                                                <select class="form-control sm" name="compet_point_scale" data-placeholder="point scale">
                                                                    <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                    <option label="placeholder"></option>
                                                                    <option value="3">3 point scale</option>
                                                                    <option value="5" selected>5 point scale</option>
                                                                    <option value="7">7 point scale</option>
                                                                </select>
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-0">
                                                            <span class="form-control-wrapper">
                                                                <select class="form-control sm" name="compet_effective" data-placeholder="Effectiveness">
                                                                    <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                    <option label="placeholder"></option>
                                                                    <option value="agreement">Agreement</option>
                                                                    <option value="effectiveness" selected>Effectiveness</option>
                                                                    <option value="satisfaction">Satisfaction</option>
                                                                    <option value="custom">Custom</option>
                                                                </select>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-scalelist">
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_1" class="form-control sm" placeholder="Very ineffective">
                                                                <input type="number" value="" name="compet_scalelist_weight_1" class="form-control weight" placeholder="1">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_2" class="form-control sm" placeholder="Ineffective">
                                                                <input type="number" value="" name="compet_scalelist_weight_2" class="form-control weight" placeholder="2">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_3" class="form-control sm" placeholder="Neither effective or ineffective">
                                                                <input type="number" value="" name="compet_scalelist_weight_3" class="form-control weight" placeholder="3">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_4" class="form-control sm" placeholder="Effective">
                                                                <input type="number" value="" name="compet_scalelist_weight_4" class="form-control weight" placeholder="4">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_5" class="form-control sm" placeholder="Very effective">
                                                                <input type="number" value="" name="compet_scalelist_weight_5" class="form-control weight" placeholder="5">
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet_add_does_not_apply">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                        </label>
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet__add_weight">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Add Weights</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Build on Strengths<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_1" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_2" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_3" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Development Opportunities<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_1" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_2" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_3" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Resources<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_1" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_2" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_3" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ss-build-preview-mode">
                                        <div class="ss-build-q-ep-body pt-0 pb-0">
                                            <div class="ss-build-q-ep-compet-stg">
                                                <h4 class="h4 mb-5 d-flex">
                                                    <span class="flex-shrink-0 me-2">a.</span>
                                                    <span class="flex-grow-1">Competency behavior</span>
                                                </h4>
                                                <div class="ss-build-q-ep-slrg">
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Very ineffective" name="compet_a_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Very ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Ineffective" name="compet_a_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Neither effective or ineffective" name="compet_a_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Neither effective or ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Effective" name="compet_a_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Effective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Very effective" name="compet_a_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Very effective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group mt-5">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Does not apply" name="compet_a_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Does not apply</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-compet-stg">
                                                <h4 class="h4 mb-5 d-flex">
                                                    <span class="flex-shrink-0 me-2">b.</span>
                                                    <span class="flex-grow-1">Competency behavior</span>
                                                </h4>
                                                <div class="ss-build-q-ep-slrg">
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Very ineffective" name="compet_b_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Very ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Ineffective" name="compet_b_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Neither effective or ineffective" name="compet_b_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Neither effective or ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Effective" name="compet_b_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Effective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Very effective" name="compet_b_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Very effective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group mt-5">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Does not apply" name="compet_b_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Does not apply</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="ss-build-q-ep-compet-stg">
                                                <h4 class="h4 mb-5 d-flex">
                                                    <span class="flex-shrink-0 me-2">c.</span>
                                                    <span class="flex-grow-1">Competency behavior</span>
                                                </h4>
                                                <div class="ss-build-q-ep-slrg">
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Very ineffective" name="compet_c_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Very ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Ineffective" name="compet_c_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Neither effective or ineffective" name="compet_c_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Neither effective or ineffective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Effective" name="compet_c_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Effective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Very effective" name="compet_c_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Very effective</span>
                                                        </label>
                                                    </div>
                                                    <div class="form-group mt-5">
                                                        <label class="ss-checkradio type-radio secondary">
                                                            <input type="radio" value="Does not apply" name="compet_c_behavior_radio[]">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Does not apply</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

                <!-- Start [ question ] -->
                <div class="ss-build-q-row" data-preview-mode="false">
                    <div class="ss-build-q-head">
                        <h2 class="h4">QUESTION 15</h2>
                        <div class="ss-build-q-head-row">
                            <div class="ss-build-q-head-left">
                                <div class="ss-dropdown dropdown sm js-question-select">
                                    <button type="button" class="ss-dropdown-toggle-qtype competency" data-bs-offset="0,10" data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ss-icon-trophy"><svg><use xlink:href="#ss-icon-trophy"></use></svg></i>
                                        <span class="ss-dropdown-toggle-txt">Competency</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-badge" data-type="linear-scale">
                                                <span class="ss-badge-icon sm bg-danger"><i class="ss-icon-sliders"><svg><use xlink:href="#ss-icon-sliders"></use></svg></i></span>
                                                <span class="dropdown-item-text">Linear Scale</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox">
                                                <span class="ss-badge-icon sm bg-sea-green"><i class="ss-icon-check-checked"><svg><use xlink:href="#ss-icon-check-checked"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice">
                                                <span class="ss-badge-icon sm bg-blue"><i class="ss-icon-list"><svg><use xlink:href="#ss-icon-list"></use></svg></i></span>
                                                <span class="dropdown-item-text">Multiple Choice</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="single-textbox">
                                                <span class="ss-badge-icon sm bg-orange"><i class="ss-icon-edit-square"><svg><use xlink:href="#ss-icon-edit-square"></use></svg></i></span>
                                                <span class="dropdown-item-text">Single Textbox</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="comment-box">
                                                <span class="ss-badge-icon sm bg-pink-purple"><i class="ss-icon-comment"><svg><use xlink:href="#ss-icon-comment"></use></svg></i></span>
                                                <span class="dropdown-item-text">Comment Box</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="multi-choice-matrix">
                                                <span class="ss-badge-icon sm bg-orange-light"><i class="ss-icon-table"><svg><use xlink:href="#ss-icon-table"></use></svg></i></span>
                                                <span class="dropdown-item-text">MC Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="checkbox-matrix">
                                                <span class="ss-badge-icon sm bg-green"><i class="ss-icon-grid-h"><svg><use xlink:href="#ss-icon-grid-h"></use></svg></i></span>
                                                <span class="dropdown-item-text">Checkbox Matrix</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="cultural-health">
                                                <span class="ss-badge-icon sm bg-yellow-dark"><i class="ss-icon-smile"><svg><use xlink:href="#ss-icon-smile"></use></svg></i></span>
                                                <span class="dropdown-item-text">Cultural Health</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge" data-type="demographic">
                                                <span class="ss-badge-icon sm bg-purple"><i class="ss-icon-users"><svg><use xlink:href="#ss-icon-users"></use></svg></i></span>
                                                <span class="dropdown-item-text">Demographic</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active" data-type="competency">
                                                <span class="ss-badge-icon sm bg-dark"><i class="ss-icon-trophy"><svg><use xlink:href="#ss-icon-trophy"></use></svg></i></span>
                                                <span class="dropdown-item-text">Competency</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ss-build-q-head-right">
                                <a href="javascript:;" class="ss-build-q-preview-toggle">
                                    <i class="ss-icon-eye"><svg><use xlink:href="#ss-icon-eye"></use></svg></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="ss-build-q-body">
                        <!-- Start [ edit/preview mode ] -->
                        <div class="ss-build-q-ep">
                            <div class="ss-build-q-ep-box pb-5">
                                <div class="ss-build-q-ep-head">
                                    <div class="ss-build-q-ep-head-l">
                                        <div class="ss-build-ep-row">
                                            <div class="ss-build-edit-mode">
                                                <div class="form-group mb-0">
                                                    <span class="form-control-wrapper theme-a">
                                                        <input type="text" value="" name="question_title" class="form-control lg" placeholder="Add Competency Title">
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="ss-build-preview-mode">
                                                <div class="ss-build-q-ep-title">Add Competency Title</div>
                                            </div>
                                            <span class="ss-build-required-star">*</span>
                                        </div>
                                    </div>
                                    <div class="ss-build-q-ep-head-r">
                                        <div class="ss-dropdown dropdown">
                                            <button type="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 ss-dpitem-icon">
                                                        <i class="ss-icon-copy"><svg><use xlink:href="#ss-icon-copy"></use></svg></i>
                                                        <span class="dropdown-item-text">Duplicate</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" class="dropdown-item ss-dpitem-icon">
                                                        <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                                                        <span class="dropdown-item-text">Save As Template</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#ss-modal-delete" class="dropdown-item ss-dpitem-icon" data-bs-toggle="modal">
                                                        <i class="ss-icon-trash text-danger"><svg><use xlink:href="#ss-icon-trash"></use></svg></i>
                                                        <span class="dropdown-item-text">Delete</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-build-q-ep-body">
                                    <!-- you can add/remove 'd-none' class to hide/show below question description based on option selection -->
                                    <div class="ss-build-q-ep-desc p1 mb-0">
                                        <p>Define the separate areas under which your survey will be assessed. Each competency may contain multiple questions related to that competency. These definitions will be displayed both while taking the survey and in the final report generated after the survey has been completed.</p>
                                    </div>
                                </div>

                                <div class="ss-build-ep-row">
                                    <div class="ss-build-edit-mode">
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Behaviors<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_1" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">a.</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_2" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">b.</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_behavior_3" class="form-control" placeholder="Add competency behavior">
                                                            <span class="flexible-lbl">c.</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Measurement Scale<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="ss-build-q-ep-selects">
                                                        <div class="form-group mb-0">
                                                            <span class="form-control-wrapper">
                                                                <select class="form-control sm" name="compet_point_scale" data-placeholder="point scale">
                                                                    <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                    <option label="placeholder"></option>
                                                                    <option value="3">3 point scale</option>
                                                                    <option value="5" selected>5 point scale</option>
                                                                    <option value="7">7 point scale</option>
                                                                </select>
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-0">
                                                            <span class="form-control-wrapper">
                                                                <select class="form-control sm" name="compet_effective" data-placeholder="Effectiveness">
                                                                    <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                    <option label="placeholder"></option>
                                                                    <option value="agreement">Agreement</option>
                                                                    <option value="effectiveness" selected>Effectiveness</option>
                                                                    <option value="satisfaction">Satisfaction</option>
                                                                    <option value="custom">Custom</option>
                                                                </select>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-scalelist">
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_1" class="form-control sm" placeholder="Very ineffective">
                                                                <input type="number" value="" name="compet_scalelist_weight_1" class="form-control weight" placeholder="1">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_2" class="form-control sm" placeholder="Ineffective">
                                                                <input type="number" value="" name="compet_scalelist_weight_2" class="form-control weight" placeholder="2">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_3" class="form-control sm" placeholder="Neither effective or ineffective">
                                                                <input type="number" value="" name="compet_scalelist_weight_3" class="form-control weight" placeholder="3">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_4" class="form-control sm" placeholder="Effective">
                                                                <input type="number" value="" name="compet_scalelist_weight_4" class="form-control weight" placeholder="4">
                                                            </span>
                                                        </div>
                                                        <div class="form-group mb-2">
                                                            <span class="form-control-wrapper theme-a flexible">
                                                                <input type="text" value="" name="compet_scalelist_lbl_5" class="form-control sm" placeholder="Very effective">
                                                                <input type="number" value="" name="compet_scalelist_weight_5" class="form-control weight" placeholder="5">
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-foot d-flex justify-content-between">
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet_add_does_not_apply">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Add “Does not apply” option</span>
                                                        </label>
                                                        <label class="ss-checkradio primary">
                                                            <input type="checkbox" value="Y" name="compet__add_weight">
                                                            <span class="ss-checkradio-ui">
                                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                                            </span>
                                                            <span class="ss-checkradio-text">Add Weights</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Build on Strengths<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_1" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_2" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_bos_3" class="form-control" placeholder="Add strengths suggestion">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Development Opportunities<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_1" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_2" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_do_3" class="form-control" placeholder="Add development opportunity">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-build-q-ep-compet-clps-g">
                                            <a role="button" class="ss-build-q-ep-compet-clps-t collapsed" aria-expanded="false">
                                                <span>Resources<i class="ss-icon-info"><svg><use xlink:href="#ss-icon-info"></use></svg></i></span>
                                                <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                            </a>
                                            <div class="ss-build-q-ep-compet-clps collapse">
                                                <div class="ss-build-q-ep-body">
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_1" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_2" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                    <div class="form-group mb-2">
                                                        <span class="form-control-wrapper theme-a flexible">
                                                            <input type="text" value="" name="compet_resource_3" class="form-control" placeholder="Add resource here">
                                                            <span class="flexible-lbl">&ndash;</span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ss-build-preview-mode">
                                        <div class="ss-build-q-ep-body pt-0 pb-0">
                                            <div class="ss-build-q-ep-mtrx mt-0">
                                                <div class="ss-build-q-ep-mtrx-prows">
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>&nbsp;</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Very ineffective</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Ineffective</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Neither effective or ineffective</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Effective</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <p>Very effective</p>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_compet_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_compet_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_compet_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_compet_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_compet_row_1_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_compet_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_compet_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_compet_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_compet_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_compet_row_2_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="ss-build-q-ep-mtrx-prow">
                                                        <div class="ss-build-q-ep-mtrx-phead">
                                                            <p>Added row here</p>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="1" name="mtrx_compet_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="2" name="mtrx_compet_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="3" name="mtrx_compet_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="4" name="mtrx_compet_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                        <div class="ss-build-q-ep-mtrx-pcol">
                                                            <label class="ss-checkradio type-radio secondary">
                                                                <input type="radio" value="5" name="mtrx_compet_row_3_radio">
                                                                <span class="ss-checkradio-ui">
                                                                    <i class="ss-icon-circle-fill"><svg><use xlink:href="#ss-icon-circle-fill"></use></svg></i>
                                                                </span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ edit/preview mode ] -->

                        <!-- Start [ add title/page break/question ] -->
                        <div class="ss-build-q-foot-row">
                            <div class="ss-dropdown dropdown sm ss-add-q-dd-holder d-block">
                                <a href="javascript:;" class="ss-build-q-foot text-decoration-none" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-build-q-add-st">Click to Add a Section & Title</span>
                                    <span class="ss-build-q-add-q">
                                        <i class="ss-icon-plus-circle"><svg><use xlink:href="#ss-icon-plus-circle"></use></svg></i>
                                        <i class="ss-icon-close-fill"><svg><use xlink:href="#ss-icon-close-fill"></use></svg></i>
                                    </span>
                                    <span class="ss-build-q-add-pb">Click to Add Page Break</span>
                                </a>
                                <?php include 'add-question-dropdown.php'; ?>
                            </div>
                        </div>
                        <!-- End   [ add title/page break/question ] -->

                    </div>
                </div>
                <!-- End   [ question ] -->

            </div>
        </div>
    </div>
</main>

<?php require_once "modal-delete.php";?>
<?php require_once "modal-add-brand.php";?>
<?php require_once "modal-share-your-survey.php";?>

<?php require_once "footer.php";?>
