<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>About</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="./About.css">
    <link rel="stylesheet" href="../../Components/Header/Header.css">
    <link rel="stylesheet" href="../../Components/Footer/Footer.css">
    <link rel="stylesheet" href="../../Components/Loader/Loader.css">
    <script src="../../Components/Loader/Loader.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/MotionPathPlugin.min.js"></script>
</head>

<body>
    <div id="loading-screen">
        <img src="../../Assets/logo/logo.png" alt="">

        <div class="lds-ellipsis">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

    <!-- <div class="teamInfo">
        <div class="teamInfoCard">
            <div class="close">    
                <a onclick="closeTab()">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="white"/>
                    </svg>                    
                </a>
            </div>
            
            <div class="teamInfoCardContent">
                <div class="teamInfoLeft">
                    <img src="../../Assets/images/outTeam/praveen.png" alt="">
                </div>
                <div class="teamInfoRight">
                    <h1>Praveen Kumar</h1>
                    <h2>Practice Leader</h2>
                    <p>Certified Information Systems Auditor (CISA), Certified Ethical Hacker (CEH), Certified Data Privacy Solutions Engineer (CDPSE), Chartered Accountant (CA), Certified Fraud Examiner (CFE), AICPA SOC Professional</p>
                    <p>Praveen is a seasoned Cybersecurity and Privacy expert with over 20 years of extensive experience in managing and
                        mitigating process and IT risks for a diverse portfolio of clients. His expertise spans across IT security, GDPR
                        compliance, Data Privacy, and Audit Analytics, making him a trusted advisor for large publicly listed corporations,
                        family-owned businesses, and private enterprises. With a unique combination of technical acumen and a strong
                        foundation in governance, risk management, and compliance, Praveen has been instrumental in designing and
                        implementing robust security frameworks.
                    </p>
                    <span>Praveen has issued more than 1000+ SOC1, SOC 2, ISAE3402 reports over the last 10 years.</span>
                    <a href="#">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_1761_1644)">
                            <path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z" fill="white"/>
                            </g>
                            <defs>
                            <clipPath id="clip0_1761_1644">
                            <rect width="24" height="24" fill="white"/>
                            </clipPath>
                            </defs>
                        </svg>                               
                    </a>
                </div>
            </div>
        
        </div>
    </div> -->

    <div id="content" class="main">
        <!-- Header -->
        <div id="header">

        </div>

        <!-- About hero Section  -->
        <div class="aboutHeroSection">
            <div class="aboutTop">
                <img src="../../Assets/images/About/Abouthero.png" alt="">
                <div class="aboutTopContent">
                    <h1>About</h1>
                    <p>Identify potential threats and vulnerabilities in systems and assets.</p>
                </div>
            </div>
            <div class="aboutBottom">
                <p>Welcome to Finstein , where innovation meets resilience. We are a trusted leader in cybersecurity solutions, dedicated to safeguarding businesses from ever-evolving cyber threats and ensuring compliance with global security and privacy standards.</p>
            </div>
        </div>


        <!-- about Content -->
        <div class="aboutContent">

            <div class="rippleEffect">
                <div class="ripple ripple-1"></div>
                <div class="ripple ripple-2"></div>
                <div class="ripple ripple-3"></div>
                <div class="ripple ripple-4"></div>
                <div class="ripple ripple-5"></div>
                <div class="ripple"></div>
            </div>

            <div class="aboutContentContainer">

            </div>
        </div>

        <!-- timeline data -->
        <!-- <div class="timelineSection">
            <div class="timelineSectionContainer">
                
                <div class="timelineHead">
                    <h1>Explore our journey through the years.</h1>
                </div>
                
                <div class="timelineChart">
                
                    <div class="timelineContent">
                        <div class="timelineData" id="2024">
                            <div class="card">
                                2024
                            </div>
                        </div>
                        <div class="timelineData" id="2023">
                            <div class="card">
                                2023
                            </div>
                        </div>
                        <div class="timelineData" id="2022">
                            <div class="card">
                                2022
                            </div>
                        </div>
                        <div class="timelineData" id="2021">
                            <div class="card">
                                2021
                            </div>
                        </div>
                        <div class="timelineData" id="2020">
                            <div class="card">
                                2020
                            </div>
                        </div>
                        <div class="timelineData" id="2019">
                            <div class="card">
                                2019
                            </div>
                        </div>
                        <div class="timelineData" id="2018">
                            <div class="card">
                                2018
                            </div>
                        </div>
                        <div class="timelineData" id="2017">
                            <div class="card">
                                2017
                            </div>
                        </div>
                        <div class="timelineData" id="2016">
                            <div class="card">
                                2016
                            </div>
                        </div>
                    </div>
                </div>
            
            </div>
        </div> -->


        
        <!-- Our Team -->
        <div class="ourTeam">
            <div class="ourTeamHead">
                <h1>Our people</h1>
                <p>Meet our team—dedicated, passionate professionals driven to empower yours with enthusiasm and expertise.</p>
                <div class="greenLine">

                </div>
            </div>
            <div class="ourTeamContainer">
                
                <div class="ourTeamTab">
                    <a onclick="changeTab('leaderShipTab' , event)" id="leaderShipTab" class="teamTab teamTabSelected">Leadership</a>
                    <a onclick="changeTab('cyberTechTab' , event)" id="cyberTechTab" class="teamTab">Cyber Tech</a>
                    <a onclick="changeTab('cyberRiskTab' , event)" id="cyberRiskTab" class="teamTab">Cyber Risk</a>
                </div>

                <div class="ourTeamDisplay">
                    
                    <div class="tab leaderShipTab">
                        
                        <!-- <div class="teamCard">
                            
                            <div class="teamImg">
                                <img src="../../Assets/images/outTeam/praveen.png" alt="">
                            </div>
                            <div class="teamDetails">
                                <h1>Praveen Kumar</h1>
                                <p>Practice Leader</p>


                                <a href="">
                                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="32" height="32" rx="2.66667" fill="white"/>
                                        <path d="M6.44527 6.80811L13.8589 16.7509L6.39844 24.8326H8.07844L14.6082 17.7549L19.8853 24.8326H25.5984L17.7692 14.332L24.7116 6.80811H23.0345L17.0199 13.3251L12.1614 6.80811H6.44527ZM8.91551 8.04692H11.5409L23.1311 23.5908H20.5058L8.91551 8.04692Z" fill="#051C2C"/>
                                    </svg>     
                                </a>
                            </div>
                        </div> -->
                    
                    </div>
                </div>
            
            </div>
        </div>



        <!-- Our People -->
        <div class="ourPeople">
            <div class="ourPeopleCotnainer">
                <div class="ourPeopleGalleryScroll">
                    <!-- ================ Slide 1 ======================== -->
                    <!-- <div class="ourPeopleGallery">
                        <img src="../../Assets/images/About/gallery.png" alt="">
                    </div> -->
                    <div class="ourPeopleGallery">
                        <div class="carousel-container">
                            <div class="carousel-track">
                                <img src="../../Assets/images/About/gallery.png" alt="">
                                <img src="../../Assets/images/About/gallery.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            
            </div>
        </div>


        <!-- Our People Section -->
         <div class="ourPeopleSection">
            <div class="container" id="carousel">
                <!-- <img src="../../Assets/images/About/ourPeople.png" alt=""> -->
                <!-- <img src="../../Assets/images/About/ourPeople.png" alt=""> -->
                <div class="overlay">
                    
                </div>
            </div>
         </div>

        <div class="joinOurTeam">
            <div class="joinOurContainer">
                <div class="joinOurLeft">
                    <h1 id="text">Join us on our journey
                    </h1>
                    <p>At Finstein, we believe that security is a shared responsibility. Partner with us to build a
                        secure, compliant, and resilient organization that’s prepared for whatever the digital landscape
                        brings.
                    </p>
                    <h2>Let’s secure the future, together.</h2>
                </div>
                <div class="joinOurRight">
                    <div class="form-container">
                        <input type="text" placeholder="Name" name="name">
                        <input type="email" placeholder="Email" name="email">
                        <textarea placeholder="Message" name="message"></textarea>
                    </div>
                    <div class="joinBtn">
                        <a href="#">Submit</a>
                    </div>
                </div>
            </div>
        </div>


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

        </div>



    </div>

    <!-- Script -->
    <!-- <script src="./Components/Header/Header.js"></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@studio-freight/lenis@1.0.42/dist/lenis.min.js" integrity="sha256-eUny2Hql6qBbqmuoQ60u6ueG2eCZVKQaGygqwCPquug=" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
    <script src="./About.js"></script>
    <script src="../../Components/Accordion/Accordion.js"></script>

</body>

</html>