<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Finstein Cyber</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./Components/Header/Header.css">
    <link rel="stylesheet" href="./Components/Footer/Footer.css">
    <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="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
    />
    <link rel="stylesheet" href="./Components/Loader/Loader.css">
    <link rel="stylesheet" href="styles.css">

    <link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>

<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 id="content" class="main">
       <!-- Header -->
        <div id="header">

        </div>

        <!-- Container -->
        <div class="container">
            <!-- Hero Section -->
            <swiper-container id="heroSectionSwiper" class="heroSectionSwiper"
                            slides-per-view="1"
                            space-between="0"
                            loop="true"
                            autoplay="true"
                            centered-slides="true"
                            autoplay-delay="4000"
                            autoplay-disable-on-interaction="false"
                            free-mode="false"
                            speed="1000"
                            cross-fade="true">

                            <swiper-slide>
                                <div class="heroSection">
                                    <div class="heroWrap">
                                        <div class="heroVedio">
                                            <video src="./Assets/vedio/hero-vedio.mp4" autoplay muted loop></video>
                                        </div>
                                        <div class="heroWrapLayerOne">
                        
                                        </div>
                                        <div class="heroWrapLayerTwo">
                                            
                                        </div>
                                        <div class="heroWrapLayerThree">
                                            
                                        </div>
                                    </div>
                                    <div class="heroContent">
                                        <div class="heroText">
                                            <h1 data-text="Safeguarding What Matters Most"><span id="typewriter"></span><span id="heroCursor">_</span></h1>
                                            <p>Protect every layer of your business with a holistic cybersecurity approach from threat detection to incident response, we’ve got you covered 360°</p>
                                            <div class="heroButton">
                                                <a data-text="Get a Security Assessment" href="./Pages/ContactUs/ContactUs.html">Get a Security Assessment</a>
                                            </div>
                                        </div>

                    
                                        <div class="heroImg heroImgCircle">
                                            <img class="circularImg" src="./Assets/images/hero-img.png" alt="">
                                             <!-- <img class="bgOne" src="./Assets/images/homeHeroSection/hero-bg-1.svg" alt="">
                                             <img class="bgTwo" src="./Assets/images/homeHeroSection/hero-bg-2.svg" alt="">
                                               
                                                <img class="bgThree" src="./Assets/images/homeHeroSection/hero-bg-3.svg" alt="">
                                             <img class="bgFour" src="./Assets/images/homeHeroSection/hero-bg-4.svg" alt=""> -->
                                        </div>
                                
                                    </div>
                                </div>
                            </swiper-slide>
                            

                            <!-- hero section two -->
                            <swiper-slide>
                                <div class="heroSection heroSectionTwo">
                                    <div class="heroWrap">
                                        <div class="heroWrapLayerOne">
                        
                                        </div>
                                        <div class="heroWrapLayerTwo">
                                            
                                        </div>
                                        <div class="heroWrapLayerThree">
                                            
                                        </div>
                                    </div>
                                    <div class="heroContent">
                                        <div class="heroText">
                                            <h1>Hack-Proof Your Business with Our VAPT Solutions!</h1>
                                            <p>Unleash proactive security with advanced Vulnerability Assessment and Penetration Testing (VAPT)—detect vulnerabilities, simulate real-world attacks, and strengthen your defenses with precision-engineered solutions.</p>
                                            <div class="heroButton">
                                                <a data-text="Get a Security Assessment" href="./Pages/ContactUs/ContactUs.html">Get a Security Assessment</a>
                                            </div>
                                        </div>
                    
                                        <div class="heroImg heroImgTwo">
                                            <img class="globeImg" src="./Assets/images/homeHeroSection/globe.png" alt="">
                                            <div class="iconHoverContainer">
                                                <img src="./Assets/images/homeHeroSection/icon1.png" class="iconHero icon" alt="">
                                                <img src="./Assets/images/homeHeroSection/icon2.png" class="iconHero iconTwo" alt="">
                                                <img src="./Assets/images/homeHeroSection/icon3.png" class="iconHero iconThree" alt="">
                                                <img src="./Assets/images/homeHeroSection/icon4.png" class="iconHero iconFour" alt="">
                                                <img src="./Assets/images/homeHeroSection/icon5.png" class="iconHero iconFive" alt="">
                                                <img src="./Assets/images/homeHeroSection/icon6.png" class="iconHero iconSix" alt="">
                                                <img src="./Assets/images/homeHeroSection/icon7.png" class="iconHero iconSeven" alt="">
                                                <img class="iconHero iconEight" src="./Assets/images/homeHeroSection/iconEight.png" alt="">
                                                    
                                                    
                                                    
                                            </div>
                                            <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>
                                
                                    </div>
                                </div>
                            </swiper-slide>
                        
                            <swiper-slide>
                                <div class="heroSection heroSectionThree">
                                    <div class="heroWrap">
                                        
                                    </div>
                                    <div class="heroContent heroContentThree">
                                        <div class="heroText">
                                            <h1>24/7 Security Operations 
                                                <br> Center – Your Security, Our Priority</h1>
                                            <p>Elevate your security posture with a cutting-edge Security   Operations Center (SOC)—combine proactive monitoring, advanced threat detection, and real-world attack simulations to uncover vulnerabilities and fortify your defenses with precision-driven solutions.</p>
                                            <div class="heroButton">
                                                <a data-text="Get a Security Assessment" href="./Pages/ContactUs/ContactUs.html">Get a Security Assessment</a>
                                            </div>

                                        </div>
                    
                                        <div class="heroImg heroImgThree">
                                            <img src="./Assets/images/homeHeroSection/homeHeroThree.png" alt="">
                                        </div>
                                
                                    </div>
                                </div>
                            </swiper-slide>
                        
            </swiper-container>

            <div class="heroBottom">
                <div class="heroBottomContent">
                    <div class="heroBottomHead">
                        <p>We help you comply with</p>
                    </div>
                    <div class="heroBottomBody">
                        <div class="heroBottomCards">
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-1.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-2.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-3.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-4.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-5.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-6.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-7.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-8.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-9.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-10.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-11.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-12.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-13.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-14.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-15.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-16.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-17.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-18.png" alt=""></div>
                            <div class="bottomcard"><img src="./Assets/swiper-hero/logo-19.png" alt=""></div>
                        </div>



                    </div>
                </div>
            </div>
            <!-- Hero Bottom -->
            <!-- Metrics Section -->
            <div class="merticsSection">
                <div class="merticsContent">
                    <div class="metriceGradient">
                        <div class="ellipseLine"></div>
                        <!-- <img src="./Assets/images/Ellipse 21.png" alt=""> -->
                    </div>
                    <div class="metriceGradientTwo">
                        
                        <img src="./Assets/images/Ellipse 1.png" alt="">
                    </div>
                    <div class="merticsHead">
                        <h1>We are proud to <span>elevate</span> your security operations.</h1>
                    </div>

                    <div class="merticsBody">
                        <div class="metrics">
                            <h1 id="auditValue">500</h1>
                            <h2>AUDITS</h2>
                        </div>
                        <div class="metrics">
                            <h1 id="clientValue">100</h1>
                            <h2>CLIENTS</h2>
                        </div>
                        <div class="metrics">
                            <h1><span id="retentionValue">98</span>%</h1>
                            <h2>CLIENT RETENTION</h2>
                        </div>
                        <div class="metrics">
                            <h1 id="engagementValue">300</h1>
                            <h2>ENGAGEMENT</h2>
                        </div>
                        <div class="metrics">
                            <h1 id="testValue">1500</h1>
                            <h2>TEST CONDUCTED</h2>
                        </div>
                        <!-- <div class="metrics">
                            <h1 id="testValue">400<
                                /h1>
                            <h2>Employess</h2>
                        </div> -->

                    </div>
                    <div class="metricsSwipe">
                        <div class="swiperFadeLeftMetrics">

                        </div>
                        <div class="swiperFadeRightMetrics">
                            
                        </div>
                            <swiper-container id="metricsSwipe" class="metricsSwiper"
                            slides-per-view="5"
                            space-between="0"
                            loop="true"
                            autoplay="true"
                            centered-slides="true"
                            autoplay-delay="0"
                            autoplay-disable-on-interaction="false"
                            free-mode="false"
                            speed="5000"
                            cross-fade="true"
                            breakpoints='{
                                "320": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 10
                                },
                                "480": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 20
                                },
                                "640": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 30
                                },
                                "800": {
                                    "slidesPerView": 4,
                                    "spaceBetween": 0
                                },
                                "960": {
                                    "slidesPerView": 5,
                                    "spaceBetween": 0
                                },
                                "1120": {
                                    "slidesPerView": 6,
                                    "spaceBetween": 0
                                },
                                "1280": {
                                    "slidesPerView": 7,
                                    "spaceBetween": 0
                                },
                                "1440": {
                                    "slidesPerView": 10,
                                    "spaceBetween": 80
                                },
                                "1600": {
                                    "slidesPerView": 11,
                                    "spaceBetween": 90
                                },
                                "1760": {
                                    "slidesPerView": 11,
                                    "spaceBetween": 0
                                }
                            }'
                            >
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134-1.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134-2.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134-3.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134-4.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134-5.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134-6.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 134.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 137-1.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 137.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 138.png" alt="">
                                </div>
                            </swiper-slide>
                            <swiper-slide>
                                <div class="metricsImg">
                                    <img src="./Assets/metrices-img/image 139.png" alt="">
                                </div>
                            </swiper-slide>
                            </swiper-container>
                    </div>
                </div>
            </div>
            <!-- Our Services Section -->
            <div class="ourServices">
                <div class="ourServicesContent">
                    
                    <div class="ourServicesHead">
                        <h1>Our Services</h1>
                        <p>Comprehensive Cybersecurity Solutions</p>
                    </div>
                    
                    <div class="ourServicesBody">
                        <div class="ourServicesSwiper">
                            
                            <swiper-wrapper>
                                <div onclick="prevSlide()" class="swiperFadeLeftService">
                                    <a><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M22.0607 7.93934C22.6464 8.52513 22.6464 9.47487 22.0607 10.0607L14.1213 18L22.0607 25.9393C22.6464 26.5251 22.6464 27.4749 22.0607 28.0607C21.4749 28.6464 20.5251 28.6464 19.9393 28.0607L10.9393 19.0607C10.3536 18.4749 10.3536 17.5251 10.9393 16.9393L19.9393 7.93934C20.5251 7.35355 21.4749 7.35355 22.0607 7.93934Z" fill="white"/>
                                        </svg>
                                    </a>
                                </div>
                                <div onclick="nextSlide()" class="swiperFadeRightService">
                                    <a>
                                        <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M13.9393 28.0607C13.3536 27.4749 13.3536 26.5251 13.9393 25.9393L21.8787 18L13.9393 10.0607C13.3536 9.47487 13.3536 8.52513 13.9393 7.93934C14.5251 7.35355 15.4749 7.35355 16.0607 7.93934L25.0607 16.9393C25.6464 17.5251 25.6464 18.4749 25.0607 19.0607L16.0607 28.0607C15.4749 28.6464 14.5251 28.6464 13.9393 28.0607Z" fill="white"/>
                                        </svg>
                                    </a>
                                </div>
                            </swiper-wrapper>

                            <swiper-container class="servicesSwiper"
                            slides-per-view="5"
                            space-between="0"
                            pagination="true"
                            navigation="true"
                            allowTouchMove="true"
                            pagination-clickable="true"
                            speed="1000"
                            autoplay="false"    
                            free-mode="false"
                            initial-slide="0"
                            breakpoints='{
                                "320": {
                                    "slidesPerView": 1,
                                    "spaceBetween": 0,
                                    "centeredSlides": true,
                                    "navigation": "false"
                                },
                                "480": {
                                    "slidesPerView": 1,
                                    "spaceBetween": 0,
                                    "centeredSlides": true,
                                    "navigation": "false"
                                },
                                "640": {
                                    "slidesPerView": 1,
                                    "spaceBetween": 0,
                                    "navigation": "false"
                                },
                                "800": {
                                    "slidesPerView": 1,
                                    "spaceBetween": 100,
                                    "centeredSlides": true,
                                    "navigation": "false"
                                },
                                "960": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 100,
                                    "navigation": "false"
                                },
                                "1200":{
                                    "slidesPerView": 4,
                                    "spaceBetween": 0
                                },
                                "1600":{
                                    "slidesPerView": 5,
                                    "spaceBetween": 10
                                }
                            }'
                            >
                      
                            </swiper-container>
                        </div>
                    </div>
                    

                </div>
            </div>
            <!-- Blog Section -->
            <div class="blogSection">
                <div class="glowEffect glow1">
                    
                </div>
            <div class="blogSectionContent">
                <div class="blogSectionHead">
                    <h1>What’s trending with cybersecurity</h1>
                    <!-- <p>Our Latest Blog</p> -->
                </div>
                <div class="blogSectionBody">
                    <div class="blogSwiperWrapper">
                        <div onclick="prevSlideBlog()" class="swiperFadeLeftBlog">
                            <a><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M22.0607 7.93934C22.6464 8.52513 22.6464 9.47487 22.0607 10.0607L14.1213 18L22.0607 25.9393C22.6464 26.5251 22.6464 27.4749 22.0607 28.0607C21.4749 28.6464 20.5251 28.6464 19.9393 28.0607L10.9393 19.0607C10.3536 18.4749 10.3536 17.5251 10.9393 16.9393L19.9393 7.93934C20.5251 7.35355 21.4749 7.35355 22.0607 7.93934Z" fill="white"/>
                                </svg>
                            </a>
                        </div>

                        <div onclick="nextSlideBlog()" class="swiperFadeRightBlog">
                            <a>
                                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13.9393 28.0607C13.3536 27.4749 13.3536 26.5251 13.9393 25.9393L21.8787 18L13.9393 10.0607C13.3536 9.47487 13.3536 8.52513 13.9393 7.93934C14.5251 7.35355 15.4749 7.35355 16.0607 7.93934L25.0607 16.9393C25.6464 17.5251 25.6464 18.4749 25.0607 19.0607L16.0607 28.0607C15.4749 28.6464 14.5251 28.6464 13.9393 28.0607Z" fill="white"/>
                                </svg>
                            </a>
                        </div>
                    </div>

                    
                    <swiper-container class="blogSwiper"
                    slides-per-view="4"
                    space-between="100"
                    pagination="true"
                    allowTouchMove="true"
                    pagination-clickable="true"
                    speed="1000"
                    autoplay="false"    
                    free-mode="false"
                    initial-slide="0"
                    breakpoints='{
                        "320": {
                            "slidesPerView": 1,
                            "spaceBetween": 0,
                            "centeredSlides": true,
                            "navigation": "false"
                        },
                        "480": {
                            "slidesPerView": 1,
                            "spaceBetween": 0,
                            "centeredSlides": true,
                            "navigation": "false"
                        },
                        "640": {
                            "slidesPerView": 1,
                            "spaceBetween": 0,
                            "navigation": "false"
                        },
                        "800": {
                            "slidesPerView": 3,
                            "spaceBetween": "100",
                            "navigation": "false"
                        },
                        "960": {
                            "slidesPerView": 3,
                            "spaceBetween": 100,
                            "navigation": "false"
                        },
                        "1200":{
                            "slidesPerView": 4,
                            "spaceBetween": 10
                        },
                        "1600":{
                            "slidesPerView": 5,
                            "spaceBetween": 50
                        }
                    }'
                    >
                  
                    </swiper-container>
                    
                    
                    
                </div>
                </div>
            </div>
            <!-- Our Story Section -->
            <div class="ourStory">
                
                <div class="ourStoryBg">
                    <img src="./Assets/images/ourstory-bg.png" alt="">

                    <div class="ourStoryBgSvg">
                        
                        <div class="svgLeft">
                                <svg viewBox="0 0 1440 816" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_635_220)">
                                    <path id="circlePathTop" d="M474.348 506C495.113 626.495 553.51 734.114 637 816.32" stroke="#E0E0E0" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="8 8"/>
                                    
                                    <g id="movingBoxCircleLeft">
                                        <circle cx="10" cy="10" r="10" fill="#219653"/>
                                        <path d="M5 10L8.88889 13L15 7" stroke="white" stroke-width="2"/>
                                    </g>
                                        
                                    
                                    <!-- <circle id="" cx=  "43.5" cy="41.83" r="6.5" fill="#ffffff50"/> -->
                                </g>
                                    <g clip-path="url(#clip1_635_220)">
                                    <path id="circlePathBottom" d="M467.86 454.5C466.628 439.162 466 423.655 466 408C466 248.327 531.311 103.908 636.675 0" stroke="#E0E0E0" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="8 8"/>
                                    
                                    <g id="movingBoxCircleRight" >
                                        <circle cx="10" cy="10" r="10" fill="#219653"/>
                                        <path d="M5 10L8.88889 13L15 7" stroke="white" stroke-width="2"/>
                                        </g>
                                        

                                    <!-- <circle id="" cx="43.5" cy="41.83" r="6.5" fill="#ffffff50"/> -->
                                </g>
                                    <g id="movingBoxCircle">
                                        <circle cx="10" cy="10" r="10" fill="#CA2128"/>
                                        <path d="M9 14.2371C9 13.6625 9.50098 13.1741 10.1272 13.1741C10.7691 13.1741 11.2857 13.6625 11.2857 14.2371C11.2857 14.8117 10.7691 15.2858 10.1272 15.2858C9.50098 15.2858 9 14.8117 9 14.2371Z" fill="white"/>
                                        <path d="M10.8003 12.1684L11.2387 5H9.03125L9.48526 12.1684H10.8003Z" fill="white"/>
                                    </g>
                                    
                                    <path id="linearPath" d="M258 475.33H471.5" stroke="#E0E0E0" stroke-opacity="0.2" stroke-width="2" stroke-dasharray="8 8"/>
                                    <!-- <circle cx="43.5" cy="41.83" r="6.5" fill="#ffffff50"/> -->
                                    <circle cx="466.5" cy="475.83" r="50.5" fill="#082B43"/>
                                    <path opacity="0.65" d="M479.644 462.592H446.102V496.101H460.686V477.176H479.644V462.592Z" fill="#03ABEC"/>
                                    <path opacity="0.65" d="M487.002 455.378H453.492V488.888H468.125V469.962H487.002V455.378Z" fill="#03ABEC"/>
                                    <path d="M487.003 455.376H453.461V469.96H487.003V455.376Z" fill="#00B1E8"/>
                                    <path d="M453.461 462.588V488.918H460.69V477.157H468.126V469.961H479.742V462.588H453.461Z" fill="#059BCC"/>
                                    <rect x="83" y="392.33" width="202" height="166" rx="12" fill="#082B43"/>
                                    <path d="M87 409.33C87 402.703 92.3726 397.33 99 397.33H269C275.627 397.33 281 402.703 281 409.33V428.33H87V409.33Z" fill="#0C4063"/>
                                    <circle cx="100" cy="412.33" r="4" fill="#EB5757"/>
                                    <circle cx="116" cy="412.33" r="4" fill="#F2994A"/>
                                    <circle cx="132" cy="412.33" r="4" fill="#219653"/>
                                    <path d="M196.915 484.163V478.997C196.915 471.863 191.132 466.08 183.999 466.08C176.865 466.08 171.082 471.863 171.082 478.997V484.163M183.999 495.788V500.955M175.732 512.58H192.265C196.606 512.58 198.776 512.58 200.434 511.735C201.892 510.992 203.078 509.807 203.821 508.349C204.665 506.691 204.665 504.52 204.665 500.18V496.563C204.665 492.223 204.665 490.053 203.821 488.395C203.078 486.937 201.892 485.751 200.434 485.008C198.776 484.163 196.606 484.163 192.265 484.163H175.732C171.392 484.163 169.221 484.163 167.564 485.008C166.105 485.751 164.92 486.937 164.177 488.395C163.332 490.053 163.332 492.223 163.332 496.563V500.18C163.332 504.52 163.332 506.691 164.177 508.349C164.92 509.807 166.105 510.992 167.564 511.735C169.221 512.58 171.392 512.58 175.732 512.58Z" stroke="#BDBDBD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    <defs>
                                    <clipPath id="clip0_635_220">
                                    <rect width="1440" height="341" fill="white" transform="translate(0 475)"/>
                                    </clipPath>
                                    <clipPath id="clip1_635_220">
                                    <rect width="1440" height="475" fill="white"/>
                                    </clipPath>
                                    </defs>
                                    </svg>
                                    
                                
                                

                                
                        </div>
                        
                    
                    </div>
                        
                </div>
                <div class="ourStoryContent">
                    <div class="ourStoryHead">
                        <h1>What Our <br> Clients Say</h1>
                    </div>
                    <div class="ourStoryBody">
                     

                        <div class="ourStoryCardSwiperOne">
                            <div class="swiperFadeTopStory">

                            </div>
                            <div class="swiperFadeBottomStory">
                                
                            </div>
                            <swiper-container 
                                class="storySwiperOne"
                                slides-per-view="3"
                                direction="vertical"    
                                space-between="100"
                                autoplay="true"
                                autoplay-delay="0"
                                autoplay-disable-on-interaction="false"
                                speed="5000"
                                loop="true"
                                breakpoints='{
                                    "320": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 10
                                    },
                                    "480": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 20
                                    },
                                    "640": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 10
                                    },
                                    "800": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 10
                                    },
                                    "960": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 10
                                    },
                                    "1200": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 100
                                    },
                                    "1600": {
                                        "slidesPerView": 3,
                                        "spaceBetween": 100
                                    }
                                }'
                            >
                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>VP - Healthcare Analytics Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Partnering with Finstein on our HITRUST certification journey was the best decision we made. Their end-to-end support made the entire process smooth and stress-free.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>Senior Director - ITeS Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>The team at Finstein delivered a seamless SOC 2 readiness journey. Their deep knowledge of compliance requirements and ability to simplify the process for us was a game-changer. We couldn’t have asked for a better partner.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>CTO, IT SaaS Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Finstein played a crucial role in optimizing our Security Operations Center. Their expertise in threat detection, incident response, and 24/7 monitoring helped us enhance our security capabilities. We now have a more efficient SOC with real-time visibility into potential threats, enabling faster response times and improved protection.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>VP - Healthcare Analytics Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Partnering with Finstein on our HITRUST certification journey was the best decision we made. Their end-to-end support made the entire process smooth and stress-free.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>Senior Director - ITeS Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>The team at Finstein delivered a seamless SOC 2 readiness journey. Their deep knowledge of compliance requirements and ability to simplify the process for us was a game-changer. We couldn’t have asked for a better partner.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>CTO, IT SaaS Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Finstein played a crucial role in optimizing our Security Operations Center. Their expertise in threat detection, incident response, and 24/7 monitoring helped us enhance our security capabilities. We now have a more efficient SOC with real-time visibility into potential threats, enabling faster response times and improved protection.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            
                            </swiper-container>
                            
                        </div>


                        <div class="ourStoryCardSwiperTwo">
                            <div class="swiperFadeTopStoryTwo">

                            </div>
                            <div class="swiperFadeBottomStoryTwo">
                                
                            </div>
                            <swiper-container class="storySwiperTwo"
                            slides-per-view="3"
                            direction="vertical"
                            space-between="100"
                            autoplay="true"
                            autoplay-delay="0"
                            autoplay-reverse-direction="true"
                            autoplay-disable-on-interaction="false"
                            centered-slides="true"
                            speed="5000"
                            free-mode="false"
                            loop="true"
                            breakpoints='{
                                "320": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 10
                                },
                                "480": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 20
                                },
                                "640": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 10
                                },
                                "800": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 10
                                },
                                "960": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 10
                                },
                                "1200": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 100
                                },
                                "1600": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 100
                                }
                            }'
                            >
                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>CTO, HR SaaS Platform</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Thanks to Finstein Advizory, we successfully completed our SOC 1 and SOC 2 audits. Their team's professionalism, detailed understanding of audit processes, and thorough documentation were key to our success.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead"> 
                                        <h1>Head of Audit - AgriTech Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Finstein Advizory has been instrumental in strengthening our cybersecurity posture. Their tailored approach and expert guidance helped us achieve ISO 27001 certification</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead"> 
                                        <h1>Chief Information Officer, IT SaaS Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Navigating GDPR compliance seemed daunting, but Finstein made the entire process straightforward. Their in-depth knowledge of privacy regulations and hands-on approach ensured we implemented the right controls to protect personal data, while also minimizing operational disruptions.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead">
                                        <h1>CTO, HR SaaS Platform</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Thanks to Finstein Advizory, we successfully completed our SOC 1 and SOC 2 audits. Their team's professionalism, detailed understanding of audit processes, and thorough documentation were key to our success.</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead"> 
                                        <h1>Head of Audit - AgriTech Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Finstein Advizory has been instrumental in strengthening our cybersecurity posture. Their tailored approach and expert guidance helped us achieve ISO 27001 certification</p>
                                    </div>
                                </div>
                            </swiper-slide>

                            <swiper-slide>
                                <div class="storyCard">
                                    <div class="ourStoryCardHead"> 
                                        <h1>Chief Information Officer, IT SaaS Company</h1>
                                    </div>
                                    <div class="ourStoryCardContent">
                                        <p>Navigating GDPR compliance seemed daunting, but Finstein made the entire process straightforward. Their in-depth knowledge of privacy regulations and hands-on approach ensured we implemented the right controls to protect personal data, while also minimizing operational disruptions.</p>
                                    </div>
                                </div>
                            </swiper-slide>
                            </swiper-container>
                        </div>
                        
                    </div>

                    <div class="ourStoryBodyMob">
                        
                        <div class="ourStoryCardSwiperOneMob">
                            <swiper-container 
                            class="storySwiperOne"
                            slides-per-view="4"
                            space-between="0"
                            autoplay="true"
                            autoplay-delay="0"
                            autoplay-disable-on-interaction="false"
                            speed="5000"
                            loop="true"
                            breakpoints='{
                                "320": {
                                    "slidesPerView": 2,
                                    "spaceBetween": 200,
                                    "centeredSlides": "true"
                                },
                                "480": {
                                    "slidesPerView": 2,
                                    "spaceBetween": 150,
                                    "centeredSlides": true
                                },
                                "640": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 250,
                                    "centeredSlides": true
                                },
                                "800": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 0,
                                    "centeredSlides": "true"
                                },
                                "960": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 50,
                                    "centeredSlides": "true"
                                }
                            }'    
                        >
                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>VP - Healthcare Analytics Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Partnering with Finstein on our HITRUST certification journey was the best decision we made. Their end-to-end support made the entire process smooth and stress-free.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>Senior Director - ITeS Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>The team at Finstein delivered a seamless SOC 2 readiness journey. Their deep knowledge of compliance requirements and ability to simplify the process for us was a game-changer. We couldn’t have asked for a better partner.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>CTO, IT SaaS Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Finstein played a crucial role in optimizing our Security Operations Center. Their expertise in threat detection, incident response, and 24/7 monitoring helped us enhance our security capabilities. We now have a more efficient SOC with real-time visibility into potential threats, enabling faster response times and improved protection.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>VP - Healthcare Analytics Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Partnering with Finstein on our HITRUST certification journey was the best decision we made. Their end-to-end support made the entire process smooth and stress-free.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>Senior Director - ITeS Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>The team at Finstein delivered a seamless SOC 2 readiness journey. Their deep knowledge of compliance requirements and ability to simplify the process for us was a game-changer. We couldn’t have asked for a better partner.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>CTO, IT SaaS Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Finstein played a crucial role in optimizing our Security Operations Center. Their expertise in threat detection, incident response, and 24/7 monitoring helped us enhance our security capabilities. We now have a more efficient SOC with real-time visibility into potential threats, enabling faster response times and improved protection.</p>
                                </div>
                            </div>
                        </swiper-slide>
                        </swiper-container>
                        </div>

                        <div class="ourStoryCardSwiperTwoMob">
                            <swiper-container 
                            class="storySwiperOne"
                            slides-per-view="4"
                            space-between="0"
                            autoplay="true"
                            autoplay-delay="800"
                            autoplay-reverse-direction="true"
                            autoplay-disable-on-interaction="false"
                            speed="5000"
                            loop="true"
                            breakpoints='{
                                "320": {
                                    "slidesPerView": 2,
                                    "spaceBetween": 200,
                                    "centeredSlides": "true"
                                },
                                "480": {
                                    "slidesPerView": 2,
                                    "spaceBetween": 150,
                                    "centeredSlides": true
                                },
                                "640": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 250,
                                    "centeredSlides": true
                                },
                                "800": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 0,
                                    "centeredSlides": "true"
                                },
                                "960": {
                                    "slidesPerView": 3,
                                    "spaceBetween": 50,
                                    "centeredSlides": "true"
                                }
                            }'    
                        >
                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>CTO, HR SaaS Platform</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Thanks to Finstein Advizory, we successfully completed our SOC 1 and SOC 2 audits. Their team's professionalism, detailed understanding of audit processes, and thorough documentation were key to our success.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead"> 
                                    <h1>Head of Audit - AgriTech Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Finstein Advizory has been instrumental in strengthening our cybersecurity posture. Their tailored approach and expert guidance helped us achieve ISO 27001 certification</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead"> 
                                    <h1>Chief Information Officer, IT SaaS Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Navigating GDPR compliance seemed daunting, but Finstein made the entire process straightforward. Their in-depth knowledge of privacy regulations and hands-on approach ensured we implemented the right controls to protect personal data, while also minimizing operational disruptions.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead">
                                    <h1>CTO, HR SaaS Platform</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Thanks to Finstein Advizory, we successfully completed our SOC 1 and SOC 2 audits. Their team's professionalism, detailed understanding of audit processes, and thorough documentation were key to our success.</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead"> 
                                    <h1>Head of Audit - AgriTech Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Finstein Advizory has been instrumental in strengthening our cybersecurity posture. Their tailored approach and expert guidance helped us achieve ISO 27001 certification</p>
                                </div>
                            </div>
                        </swiper-slide>

                        <swiper-slide>
                            <div class="storyCard">
                                <div class="ourStoryCardHead"> 
                                    <h1>Chief Information Officer, IT SaaS Company</h1>
                                </div>
                                <div class="ourStoryCardContent">
                                    <p>Navigating GDPR compliance seemed daunting, but Finstein made the entire process straightforward. Their in-depth knowledge of privacy regulations and hands-on approach ensured we implemented the right controls to protect personal data, while also minimizing operational disruptions.</p>
                                </div>
                            </div>
                        </swiper-slide>
                        </swiper-container>
                        </div>
                    
                    </div>


                </div>
            </div>
            <div id="footer">

            </div>
        </div>
    </div>




    <!-- 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://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> -->
    <script src="./Components/Header/Header.js"></script>
    <script src="./Components/Accordion/Accordion.js"></script>
    <script src="script.js"></script>
    <script src="./Components/Loader/Loader.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> -->

</body>
</html>