<link rel="stylesheet" href="./templates/mcms/mcms.css" type="text/css" />

<h2 class='pagetitle'>Consequences of Non-Compliance</h2>
<section class="mainContent activityBox blueBox" id="mcmsContainer">
    <div class="scrollbar-2 scroll_continer">
        <div class="clickIntHolder" id="clickIntHolder">
            <div id="mcmsHolder" class="mcssWrap">
                <div class="cont_box">
                    <div class="leftQueArea">
                        <div class="grp_img">
                            <img src="./templates/mcms/pre-quz-design.svg" class="img-fluid timerBG" alt="">
                        </div>
                    </div>
                    <div class="mainBorder rightOptArea">
                        <div class="queArea">
                            <p>CyberTech Solutions, a cutting-edge IT company specializing in cybersecurity solutions, is entrusted with safeguarding sensitive client data. An Employbridge employee failed to follow proper protocols, leading to a significant and costly privacy violation that caused reputational damage to the Brand and financial damages to include loss of a client’s trust.</p>  
                            <p>As a compliance office, what action could you take? </p>
                            <p class="activityinstruction">Select the best option(s) and then click the Submit button. </p>
                        </div>
                        <div class="wrapper_sty">
                            <div id="mcmsOptionContainer" class="optionContainer">
                                <div class="row cloneOption">
                                    <div class="optionIcons">
                                        <div id="tickCross" class="tickIco correct"></div>
                                        <div id="optionBox" class="checkBox"></div>
                                    </div>
                                    <div class="optionText">
                                        <div id="optionTxt" class="txt">
                                            <span>option text</span>
                                        </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">
                            <div id="mcmsSubmitBtn" class="submitBtn pop_btn" >
                                Submit
                            </div>
                        </div>
                    </div>
                    
                </div>
                
            </div>
        </div>
    </div>
</section>

<div id="mcmsFeedbackBox" class="feedBackPopup">
    <div class="feedBackContent">
        <div id="feedbackClose" class="close_btn close-anim"></div>
        <div id="feedbackHeader" class="titleTxt">
            <span class="vcenter">Feedback</span>
        </div>
        <div id="feedbackContent" class="feebackText">
            <div id="timerFeedback">Time Count down complete</div>
        </div>
    </div>
</div>

<script src="./templates/mcms/event_manager.js"></script>
<script src="./templates/mcms/feedback.js"></script>
<script src="./templates/mcms/submit_button.js"></script>
<script src="./templates/mcms/option.js"></script>
<script src="./templates/mcms/mcms.js"></script>