<!-- <link rel="stylesheet" href="./templates/mcms_mcss_11/mcms_mcss_11.css" type="text/css" /> -->
<section class="mainContent activityBox podcast-kc" id="mcmsContainer">
    <div class="scrollbar-2 scroll_continer">
        <div class="clickIntHolder" id="clickIntHolder">
            <div id="mcmsHolder" class="mcssWrap ">
                <div class="cont_box">
                    <span class="queMark">?</span>
                    <!-- <div id="mcmsScenarioTxt" class="mcmsScenarioTxt">
                        <p>Randy is setting up his new computer at EB. It is now time to create a new password. Randy knows a good password should be a minimum of 15 characters long, not be comprised of sequences of letter, numbers, or dictionary words strung together.</p>
                    </div> -->
                    <!-- <div class="imageArea">
                        <img src="./templates/mcms_mcss_11/quiz.png" class="img-fluid qBoxImg" alt="" />
                    </div> -->
                    <div class="mainBorder rightOptArea">
                        <div class="queArea_1 d-hide">
                            <!-- <p id="questionID_1" class="questionID"></p>-->
                            <p id="mcmsQuestionTxt_1" class="mcmsQuestionTxt"></p>
                        </div>
                        <div class="queArea rightOptArea_1">
                            <!--  <p id="mcmsScenarioTxt" class="mcmsScenarioTxt">Scenario text</p> 
                            <p id="questionID" class="questionID"></p>-->
                            <div class="queContainer">
                                <div id="mcmsQuestionTxt" class="mcmsQuestionTxt"></div>
                            </div>
                        </div>
                        <p id="mcmsInstructionTxt" class="activityinstruction">
                            Instruction text
                        </p>
                        <div class="wrapper_sty rightOptArea_1">
                            <div id="mcmsOptionContainer" class="optionContainer">
                                <div class="row cloneOption">
                                    <div class="option-holder">
                                        <div class="optionIcons">
                                            <div id="tickCross" class="tickIco correct"></div>
                                            <div id="optionBox" class="option_box checkBox"></div>
                                        </div>
                                        <div class="optionText">
                                            <div id="optionTxt" class="txt"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="content_wrap">
                                    <div class="option_box_wrap">
                                        <div class="group1 bx_col"></div>
                                        <div class="group2 bx_col"></div>
                                        <div class="group3 bx_col"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="btnCont text-center pb-1 submitBtn-hr rightOptArea_1">
                            <div id="mcmsSubmitBtn" class="submitBtn pop_btn" aria-label="Submit" role="button">
                                Submit
                            </div>
                        </div>
                    </div>

                     <div id="mcmsFeedbackBox" class="feedBackPopup animated animate fadeInRight iGPopup">
                        <div class="feedBackContent">
                            <div id="feedbackContent" class="feebackText"></div>
                        </div>
                        <div id="feedbackClose" class="close_btn close-anim disabled d-hide" aria-label="close" role="button"></div>
                    </div>
                    <!-- Image are ends -->
                </div>
            </div>
            <div id="hintCover"></div>
            <div id="hintBoxPopup" class="hintBoxPopup animated animate fadeInLeft d-hide">
                <div class="hintBoxContent">
                    <div id="hintBoxClose" class="close_btn close-anim"></div>
                    <div class="hint_header_main">
                        <div id="hintIcon"></div>
                        <div id="hintHeader" class="titleTxt hintHeader">Hint Header</div>
                    </div>
                    <div id="hintContent" class="hintText">Hint Content</div>
                </div>
            </div>
        </div>
    </div>
</section>
<div id="hintCoverFeedback"></div>
<script src="./templates/mcms_mcss_11/event_manager.js"></script>
<script src="./templates/mcms_mcss_11/feedback.js"></script>
<script src="./templates/mcms_mcss_11/submit_button.js"></script>
<script src="./templates/mcms_mcss_11/option.js"></script>
<script src="./templates/mcms_mcss_11/mcms_mcss_11.js"></script>