<?php require_once "head-preview.php";?>

<main class="layout">
    <div class="ss-section ss-preview">
        <div class="ss-section-inner">
            <div class="ss-preview-head">
                <div class="ss-preview-head-title">
                    <div class="ss-preview-head-leader">
                        <span class="ss-tag sm bg-primary-100 ms-0 me-0">
                            <span class="ss-tag-txt text-uppercase fw-bold mw-100 text-primary">Survey For</span>
                        </span>
                        <h4 class="h4 m-0 text-ellipsis mw-100">Jeremy Smith</h4>
                    </div>
                    <div class="ss-preview-head-logo">
                        <span class="lazy-loader static no-loader">
                            <img class="lazyload" src="images/blank.gif" data-original="images/brand-cocacola.png" alt="">
                        </span>
                    </div>
                    <h2 class="h2 text-start w-1 flex-grow-1 text-center">A Really Cool Survey Title Goes Here. </h2>
                </div>
                <div class="ss-preview-progress">
                    <span class="ss-preview-progress-bar"></span>
                    <span class="ss-preview-progress-info">
                        <span class="ss-preview-progress-current">0</span>
                        <span>/</span>
                        <span class="ss-preview-progress-total">0</span>
                        <span class="ss-preview-progress-lbl">Questions</span>
                    </span>
                </div>
            </div>
            <div class="ss-preview-body">
                <div class="swiper-container ss-preview-slider">
                    <div class="swiper-wrapper">
                        <!-- Start [ Intro slide ] -->
                        <div class="swiper-slide ss-preview-start">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <span class="ss-preview-start-logo">
                                                    <span class="lazy-loader static">
                                                        <img class="lazyload" src="images/blank.gif" data-original="images/ssl-logo.png" data-preload="true" alt="EDA Survey">
                                                    </span>
                                                </span>
                                                <div class="ss-preview-desc">
                                                    <p>As you take this survey, remember that your survey answers are confidential because we value your frank and specific feedback. Your responses will go directly to SurveySaurus, an independent survey firm assisting us with the survey.</p>
                                                    <p>Thank you for your participation.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Intro slide ] -->

                        <!-- Start [ Question type: Linear Scale = Scale Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">1<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Linear Scale = Scale Style ] -->

                        <!-- Start [ Question type: Linear Scale = List Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">2<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Linear Scale = List Style ] -->

                        <!-- Start [ Section block ] -->
                        <div class="swiper-slide ss-preview-q">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-scblock">
                                                    <span class="btn btn-primary btn-sm">SECTION</span>
                                                    <h3 class="h3">Untitled Section</h3>
                                                    <div class="ss-cc-desc p1">
                                                        <p>Sample Survey Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis augue nec cursus mattis. Phasellus mattis congue placerat. Quisque et nisl ultricies eros rutrum accumsan eu eu metus. Aenean dignissim eleifend egestas.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Section block ] -->
                        
                        <!-- Start [ Question type: Checkbox ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-q-st">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-st-row">
                                                    <span class="btn btn-primary btn-sm">Section</span>
                                                    <h3 class="h5">Untitled Section</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">4<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>

                                                            <span class="ss-tag primary-100 mt-3 ms-0">
                                                                <span class="ss-tag-txt fst-normal">You Can Choose up to 3</span>
                                                            </span>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Checkbox ] -->

                        <!-- Start [ Question type: Multiple Choice = List Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">5<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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 binded select2-hidden-accessible" name="cbm_option_select" data-placeholder="Type or select an option" data-tags="true" data-select2-id="select2-data-22-ke59" tabindex="-1" aria-hidden="true">
                                                                                <!-- don't rmeove below blank option because it's for show placeholder -->
                                                                                <option label="placeholder" data-select2-id="select2-data-24-0e0m"></option>
                                                                                <option value="1">Added option 1</option>
                                                                                <option value="2">Added option 2</option>
                                                                                <option value="3">Added option 3</option>
                                                                            </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-23-jfwh" style="width: auto;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-cbm_option_select-bc-container" aria-controls="select2-cbm_option_select-bc-container"><span class="select2-selection__rendered" id="select2-cbm_option_select-bc-container" role="textbox" aria-readonly="true" title="Type or select an option"><span class="select2-selection__placeholder">Type or select an option</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                                                        </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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Multiple Choice = List Style ] -->

                        <!-- Start [ Question type: Multiple Choice = Dropdown Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">6<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <div class="ss-build-q-ep-cblist">
                                                                <div class="form-group">
                                                                    <span class="form-control-wrapper">
                                                                        <select class="form-control" 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>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Multiple Choice = Dropdown Style ] -->

                        <!-- Start [ Question type: Single Textbox ] -->
                        <div class="swiper-slide ss-preview-q">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">7<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Single Textbox ] -->

                        <!-- Start [ Question type: Comment Box ] -->
                        <div class="swiper-slide ss-preview-q">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">8<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <div class="ss-build-q-ep-tb">
                                                                <div class="form-group mb-0">
                                                                    <span class="form-control-wrapper theme-a">
                                                                        <textarea class="form-control ss-preview-q-textarea" name="comment_box" placeholder="Submit comment"></textarea>
                                                                        <span class="ss-preview-q-fchelp">
                                                                            <span class="ss-preview-q-fchelp-l">
                                                                                <strong>Shift</strong>
                                                                                <i class="ss-icon-arrow-shift"><svg><use xlink:href="#ss-icon-arrow-shift"></use></svg></i>
                                                                                <span>+&nbsp;</span>
                                                                                <strong>Enter</strong>
                                                                                <i class="ss-icon-arrow-break"><svg><use xlink:href="#ss-icon-arrow-break"></use></svg></i>
                                                                                <span>to make a line break</span>
                                                                            </span>
                                                                            <span class="ss-preview-q-fchelp-r">
                                                                                <strong>Enter</strong>
                                                                                <i class="ss-icon-arrow-break"><svg><use xlink:href="#ss-icon-arrow-break"></use></svg></i>
                                                                                <span>to complete</span>
                                                                            </span>
                                                                        </span>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Comment Box ] -->

                        <!-- Start [ Question type: MC Matrix ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">9<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: MC Matrix ] -->

                        <!-- Start [ Question type: Checkbox Matrix ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">10<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Checkbox Matrix ] -->

                        <!-- Start [ Question type: Cultural Health ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">11<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Cultural Health ] -->

                        <!-- Start [ Question type: Demographic  = List Style  ] -->
                        <div class="swiper-slide ss-preview-q">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">12<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                                            </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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Demographic  = List Style  ] -->

                        <!-- Start [ Question type: Demographic  = Dropdown Style  ] -->
                        <div class="swiper-slide ss-preview-q">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">13<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <div class="ss-build-q-ep-cblist">
                                                                <div class="form-group mb-0">
                                                                    <span class="form-control-wrapper">
                                                                        <select class="form-control" 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>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Demographic  = Dropdown Style  ] -->

                        <!-- Start [ Question type: Competency = Scale Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">14<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Competency  = Scale Style ] -->

                        <!-- Start [ Question type: Competency = List Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">15<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Competency  = List Style ] -->

                        <!-- Start [ Question type: Competency = Matrix Style ] -->
                        <div class="swiper-slide ss-preview-q" data-required="true">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="ss-preview-q-row">
                                                    <div class="ss-preview-q-l">
                                                        <!-- add class "show" to below "ss-preview-q-error" to show error state. -->
                                                        <span class="ss-preview-q-error">
                                                            <i class="ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                                                        </span>
                                                        <div class="ss-preview-q-time">
                                                            <i class="ss-icon-clock"><svg><use xlink:href="#ss-icon-clock"></use></svg></i>
                                                            <span>5:36</span>
                                                        </div>
                                                        <div class="ss-preview-q-no">16<span class="required-indicator">*</span></div>
                                                    </div>
                                                    <div class="ss-preview-q-r">
                                                        <div class="ss-preview-q-head">
                                                            <h3 class="h3">This is a very long question. This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? This is to demonstrate the wrapping of a question when some on types a very long question? Is this long enough? </h3>
                                                        </div>
                                                        <div class="ss-preview-q-desc">
                                                            <p>Sample description here. There is content here. Sample. Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.Sample description here. There is content here. Sample.</p>
                                                        </div>
                                                        <div class="ss-preview-q-body">
                                                            <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>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ Question type: Competency  = Matrix Style ] -->

                        <!-- Start [ thank you slide ] -->
                        <div class="swiper-slide ss-preview-thanks">
                            <div class="ss-preview-row">
                                <div class="ss-preview-content">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <span class="ss-preview-thanks-stars">
                                                    <i class="ss-icon-star-outline"><svg><use xlink:href="#ss-icon-star-outline"></use></svg></i>
                                                    <i class="ss-icon-star-outline"><svg><use xlink:href="#ss-icon-star-outline"></use></svg></i>
                                                    <i class="ss-icon-star-outline"><svg><use xlink:href="#ss-icon-star-outline"></use></svg></i>
                                                </span>
                                                <h2 class="h1">Thank you for your participation!</h2>
                                                <div class="ss-preview-desc">
                                                    <p>Sample Survey Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis augue nec cursus mattis. Phasellus mattis congue placerat. Quisque et nisl ultricies eros rutrum accumsan eu eu metus. Aenean dignissim eleifend egestas.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End   [ thank you slide ] -->

                    </div>
                </div>
            </div>
            <div class="ss-preview-footer">
                <div class="ss-preview-powered-lbl"><span>Powered by </span><span>EDA Surveys</span></div>
                <div class="ss-preview-footer-row type-a d-flex">
                    <a class="btn btn-secondary btn-lg js-ss-preview-start">Start Survey</a>
                </div>
                <div class="ss-preview-footer-row type-b">
                    <div class="type-b-l">
                        <a class="btn btn-light">Save Progress</a>
                        <span class="type-b-l-lastsaved">Last Saved:  6/17/2020, 5:23 pm</span>
                    </div>
                    <div class="type-b-m">
                        <div class="swiper-pagination"></div>
                    </div>
                    <div class="type-b-r">
                        <!-- remove class "btn-secondary" and add these two class "btn-light disabled" to make submit button disable -->
                        <a class="btn btn-secondary btn-lg">Submit Survey</a>
                    </div>
                </div>
                <div class="ss-preview-footer-row type-c">
                    Thank you footer if needed 
                </div>

                <!-- Question preview slider next/prev arrow:: You can add/remove class "disabled" to prevent user to go next/prev -->
                <a class="ss-preview-arrow prev">
                    <i class="ss-icon-chevron-down-b"><svg><use xlink:href="#ss-icon-chevron-up-b"></use></svg></i>
                    <span class="visually-hidden">Prev</span>
                </a>

                <a class="ss-preview-arrow next">
                    <i class="ss-icon-chevron-down-b"><svg><use xlink:href="#ss-icon-chevron-down-b"></use></svg></i>
                    <span class="visually-hidden">Next</span>
                </a>

                <!-- duplicate buttons for mobile only -->
                <a class="ss-preview-iconbtn btn-secondary ss-preview-start-m show">
                    <i class="ss-icon-arrow-long-right"><svg><use xlink:href="#ss-icon-arrow-long-right"></use></svg></i>
                    <span class="visually-hidden">Start</span>
                </a>
                <a class="ss-preview-iconbtn ss-preview-save-m">
                    <i class="ss-icon-save"><svg><use xlink:href="#ss-icon-save"></use></svg></i>
                    <span class="visually-hidden">Save</span>
                </a>
                <a class="ss-preview-iconbtn ss-preview-send-m">
                    <i class="ss-icon-send"><svg><use xlink:href="#ss-icon-send"></use></svg></i>
                    <span class="visually-hidden">Submit</span>
                </a>

                <!-- This is global error Alert for all question. You can show it by adding class "show" -->
                <div class="alert fade alert-danger bg-danger-200 d-flex align-items-center alert-dismissible ss-preview-error" role="alert">
                    <i class="flex-shrink-0 ss-icon-triangle"><svg><use xlink:href="#ss-icon-triangle"></use></svg></i>
                    <div class="text-body">Error message</div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>

            </div>
        </div>
    </div>
</main>


<!-- Start [ timeout modal :: call this script to show timeout modal:: bootstrap.Modal.getInstance(jQuery('#ss-modal-timeout').get(0)).show(); ] -->
<div class="modal fade ss-modal ss-modal-timeout" id="ss-modal-timeout" aria-hidden="true" aria-labelledby="ss-modal-timeout" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <form class="w-100" name="ss-survey-naming-form" method="POST" action="#" autocomplete="off">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ss-cc-desc p1">
                        <p>This question is timed. Once you leave it will be marked as complete and you can’t revisit. <strong>Are you sure you want leave question?</strong></p>
                    </div>
                    <div class="ss-modal-timeout-btns">
                        <a class="btn btn-danger-100" data-bs-dismiss="modal">Leave</a>
                        <a class="btn btn-primary-100" data-bs-dismiss="modal">Cancel</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- End   [ timeout modal ] -->

<?php require_once "footer-preview.php";?>
