<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=s, initial-scale=1.0">
    <title>Risk Assesment and Management</title>
    <link rel="apple-touch-icon" sizes="180x180" href="../../Assets/favicon_io/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../../Assets/favicon_io/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../../Assets/favicon_io/favicon-16x16.png">
    <link rel="manifest" href="../../Assets/favicon_io/site.webmanifest">

    <link rel="stylesheet" href="./RiskAssesmentManagement.css">
    <link rel="stylesheet" href="../../Components/Header/Header.css">
    <link rel="stylesheet" href="../../Components/Footer/Footer.css">
</head>
<body>
    <div class="main">
        <!-- <div id="cursor">

        </div> -->

        <!-- Header -->
        <div id="header">

        </div>
        
        <!-- Hero Section -->
        <div class="riskAssesmentHeroSection">
            <!-- wrap -->
            <div class="heroWrap">
                <img src="../../Assets/pages/Risk_assessment_and_management/hero-wrap.png" alt="">
            </div>
            
            <div class="riskAssesmentHeroContent">
                
                <div class="riskAssesmentHeroLeft">
                    <p>Identity > Risk Assessment and Management</p>

                    <h1>
                        Risk assessment and management
                    </h1>
                </div>
                
                <div class="riskAssesmentHeroRight">
                    <img src="../../Assets/pages/Risk_assessment_and_management/heroPage.png" alt="">
                </div>
            
            </div>

        </div>

        <!-- Why Risk Assesment -->
        <div class="whyRiskAssesment">
            <div class="whyRiskAssesmentContainer">
                <h1>
                    What is Cyber <span>Risk</span> Assessment?
                </h1>
                <p>
                    A Cyber Risk Assessment is the foundation of an effective cyber security strategy. It involves identifying the potential threats to your organization’s digital infrastructure and assessing the vulnerabilities that could be exploited by cyber attackers. The goal is to gain a comprehensive understanding of your risk exposure, allowing you to prioritize the risks that pose the greatest threat to your business.
                </p>
            </div>
        </div>


        <div class="riskAssesmentSwiper">
            <swiper-container class="mySwiper" 
            navigation="true"  
            keyboard="true"
            mousewheel="true"
            effect="fade"
            >
                
            </swiper-container>
        </div>

        
        <!-- Benefits of Cyber Risk Assessment -->
        <div class="benefitsCyberRisk">
            <div class="benefitsCyberRiskContainer">
                <div class="benefitsHead">
                    <h1>Benefits of Cyber Risk Assessment</h1>
                </div>
                <div class="benefitsBlock">
                    
                    <div class="benefitsBlockLink">
                        <!-- <a onclick="changeBenefit(0)">Proactive Threat Prevention</a> -->
                        <!-- <a>Enhanced Business Continuity</a>
                        <a>Cost Efficiency</a>
                        <a>Regulatory Compliance</a>
                        <a>Reputation Protection</a> -->
                    </div>

                    
                    <div class="benefitsBlockContent">
                        <div class="benefitsBlockInfo">
                            <h1 id="benefitTitle">
                                Proactive Threat Prevention
                            </h1>
                            <p id="benefitDescription">
                                By understanding and addressing vulnerabilities before they are exploited, you can prevent costly cyber incidents.
                            </p>
                            <!-- <a href="#">Explore</a> -->
                        </div>
                        <div class="benefitsBlockimg">
                            <img id="benefitImg" src="../../Assets/pages/Risk_assessment_and_management/Proactive_Threat_Prevention.png" alt="">
                        </div>
                    </div>
                
                </div>
            </div>
        </div>


        <!-- Footer-->
        <div id="footer">

        </div>



    </div>

    <!-- script -->
        <script src="https://unpkg.com/@studio-freight/lenis"></script>

        <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> -->
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
        <script src="./RiskAssesmentManagement.js"></script>
        <script>
            $(document).ready(function() { 
                $("#header").load("../../Components/Header/Header.html");
                $("#footer").load("../../Components/Footer/Footer.html");
            })
            </script>
            <script src="../../Components/Accordion/Accordion.js"></script>
</body>
</html>