<link rel="stylesheet" href="./templates/simple_tab_4/simple_tab_4.css" type="text/css" />
<div class="main">
    <div class="clickIntHolder" id="clickIntHolder">
        <section class="mainContent" id="mcmsContainer">
            <div class="btnContainer" style="display: none;">
                <div class="tab1main tabMain1 sweep-to-right i_pos1">
                    <div id="tab1" class="tab1 tab" style="display: none;"></div>
                    <div class="tab1arrow"></div>
                </div>
            </div>
            <div class="contentCont">
                <div class="sr-only" id="fti_elem" tabindex="500"></div>
                <div id="container" tabindex="500" data-tab="500" style="display: block;">
                    <div class="carousel-container">
                        <div class="box" id="box6">
                            <div class="b6_1 boxInside my_controller" id="b6_1">
                                <h2 class='pagetitle'>CPRA</h2>
                                <div class="lead_wrapper text_model_style">
                                    <p class="pageInstruction">Click each icon to learn more.</p>
                                    <div class="row_counter animated animatedFadeInUp">
                                        <div class="tabclick tab_list_1 popup_open" id="tabClick1" role="button">
                                            <span class="icon" id="icon_1"></span>
                                            <p>What is Multi-Factor Authentication (MFA)?</p>
                                        </div>
                                    </div>
                                    <div class="row_counter animated animatedFadeInUp">
                                        <div class="tabclick tab_list_2 popup_open" id="tabClick2" role="button">
                                            <span class="icon" id="icon_2"></span>
                                            <p>Why is MFA important?</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="contentWrapper">
                                    <div class="cWrapper scrollbar-2">
                                        <!-- Box 1 -->
                                        <div class="popup_mak"></div>
                                        <div class="group_wrapper group_1_b1 etxt revealTxt revealTxt_1 closeme blueBox">
                                            <div class="tab_cont">
                                                <p class="item-0">Use two of the following as part of your login:</p>
                                                <ul class='bulletlist'>
                                                    <li class="item-1">Something you know (Password).</li>
                                                    <li class="item-2">Something you have (A numeric token generated by a fob or app<br> on your phone).</li>
                                                    <li class="item-3">Something you are (Biometrics like Face ID or fingerprint).</li>
                                                </ul>
                                            </div>
                                            <div class="popCloseBtn close_item iEle" aria-label="Close"></div>
                                        </div>
                                        <!-- Box 2 -->
                                        <div class="group_wrapper group_1_b1 ptxt revealTxt revealTxt_2 closeme blueBox">
                                            <div class="tab_cont">
                                                <p class="item-0">Passwords may get compromised in many ways:</p>
                                                <ul class='bulletlist'>
                                                    <li class="item-1">Infostealer on your PC or phone</li>
                                                    <li class="item-2">Social engineering/phishing</li>
                                                    <li class="item-3">Password re-use (that would not happen to you, would it?)</li>
                                                    <li class="item-4">System misconfiguration</li>
                                                </ul>
                                            </div>
                                            <div class="popCloseBtn close_item iEle" aria-label="Close"></div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<script src="./templates/simple_tab_4/simple_tab_4.js"></script>