
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpOceans">
    <!-- font-awesome -->
    <link rel="shortcut icon" type="image/png" href="/static/eric/Eric_Wanjohi_Muturi_Fullstack_Developer_Favicon.gif">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/brands.min.css" integrity="sha512-58P9Hy7II0YeXLv+iFiLCv1rtLW47xmiRpC1oFafeKNShp8V5bKV/ciVtYqbk2YfxXQMt58DjNfkXFOn62xE+g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/fontawesome.min.css" integrity="sha512-v8QQ0YQ3H4K6Ic3PJkym91KoeNT5S3PnDKvqnwqFD1oiqIl653crGZplPdU5KKtHjO0QKcQ2aUlQZYjHczkmGw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/regular.min.css" integrity="sha512-8hM9a+2hrLBhOuB3uiy+QIXBsu6Qk+snsP1CboFQW6pdt/yYz0IcDp/+CGv5m39r9doGUc/zw6aBpyLF6XFgzg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/solid.min.css" integrity="sha512-DzC7h7+bDlpXPDQsX/0fShhf1dLxXlHuhPBkBo/5wJWRoTU6YL7moeiNoej6q3wh5ti78C57Tu1JwTNlcgHSjg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>Muturi Eric Wanjohi - Software Engineer & Technical Writer</title>
    <link href="/static/assets/css/themify-icons.css" rel="stylesheet">
    <link href="/static/assets/css/flaticon.css" rel="stylesheet">
    <link href="/static/assets/css/magnific-popup.css" rel="stylesheet">
    <link href="/static/assets/css/animate.css" rel="stylesheet">
    <link href="/static/assets/css/owl.carousel.css" rel="stylesheet">
    <link href="/static/assets/css/owl.theme.css" rel="stylesheet">
    <link href="/static/assets/css/slick.css" rel="stylesheet">
    <link href="/static/assets/css/slick-theme.css" rel="stylesheet">
    <link href="/static/assets/css/swiper.min.css" rel="stylesheet">
    <link href="/static/assets/css/owl.transitions.css" rel="stylesheet">
    <link href="/static/assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="/static/assets/css/odometer-theme-default.css" rel="stylesheet">
    <link href="/static/assets/css/global.css" rel="stylesheet">
    <link href="/static/assets/css/style.css" rel="stylesheet">
</head>
<body>
    <!-- Page Wrapper -->
    <div>
        <!-- start preloader -->
        <div class="preloader">
            <div class="angular-shape">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
        <!-- end preloader -->
        
<header>
    <h1 class="hidden">section heading hidden</h1>
    <div class="topbar">
        <div class="wraper">
            <div class=" border-[#eeeeee] col:mb-2">
                <div class="flex flex-wrap gap-x-3 items-center justify-center mt-5">
                    <div></div>
                   <!--  <div class="col-span-9 md:col-span-9 sm:col-span-12">
                        <p class="text-bold">Design, Develop & Automate </p>
                    </div> -->
                    
                </div>
            </div>
        </div>
    </div> <!-- end topbar -->
    <div class="wraper">
        <div class="flex items-center justify-between">
            <div id="dl-menu" class="dl-menuwrapper hidden md:block">
                <button class="dl-trigger">Open Menu</button>
                <ul class="dl-menu">
                    <li>
                        <a href="/">Home</a>
                    </li>
                    <li>
                        <a href="/about/">About Me</a>
                    </li>
                    <li><a href="/blogs/">Lifestyle</a></li>
                    <li><a href="/about/projects/">Projects</a></li>
                    <li><a href="/services/">Skills & Services</a></li>
                    <li><a href="/contact-me/">Contact Me</a></li>
                    <!-- <li>
                        <a href="http://google.com/">Post</a>
                        <ul class="dl-submenu">
                            <li><a href="blog.html">Post right sidebar</a></li>
                            <li><a href="blog-left-sidebar.html">Post left sidebar</a></li>
                            <li><a href="blog-fullwidth.html">Post fullwidth</a></li>
                            <li>
                                <a href="#">Blog details</a>
                                <ul class="dl-submenu">
                                    <li><a href="blog-single.html">Post details right sidebar</a>
                                    </li>
                                    <li><a href="blog-single-left-sidebar.html">Post details left
                                            sidebar</a></li>
                                    <li><a href="blog-single-fullwidth.html">Post details
                                            fullwidth</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li> -->
                </ul>
            </div><!-- /dl-menuwrapper -->

            <div class="w-[195px] md:w-[280px] sm:w-[200px] col:w-[150px] col:ml-[50px]">
                <a class="flex items-center md:justify-center text-white" href="/">
                    <img class="" src="/static/eric/create-with-eric.png" alt="Muturi Eric Wanjohi - Software Engineer & Best Technical Writer"></a>
            </div>

            <ul class="md:hidden">
                <li class="relative inline-block group">
                    <a href="/" class="relative text-[20px] lg:text-[17px] py-[35px]
                            xl:py-[30px] px-[20px] xl:px-[15px] lg:px-[10px]
                            text-[#3756f7] block capitalize
                            font-heading-font font-medium transition-all
                            hover:text-[#3756f7]
                            before:absolute before:left-0 before:top-0 before:w-full
                            before:h-[4px] before:bg-[#3756f7] before:content
                        before:opacity-1 before:visible before:transition-all
                            before:rounded-[3px]">Home</a>
                </li>
                <li class="relative inline-block">
                    <a href="/about/" class="relative text-[20px] lg:text-[17px] py-[35px]
                            xl:py-[30px] px-[20px] xl:px-[15px] lg:px-[10px]
                            text-[#232f4b] block capitalize
                            font-heading-font font-medium transition-all
                            hover:text-[#3756f7]
                            before:absolute before:left-0 before:top-0 before:w-full before:h-[4px]
                            before:bg-[#3756f7] before:content
                            before:opacity-0 before:invisible before:transition-all before:rounded-[3px]
                            hover:before:opacity-100 hover:before:visible
                        ">About me</a>
                </li>
                <li class="relative inline-block group">
                    <a href="/blogs/" class="relative text-[20px] lg:text-[17px] py-[35px]
                            xl:py-[30px] px-[20px] xl:px-[15px] lg:px-[10px]
                            text-[#232f4b] block capitalize
                            font-heading-font font-medium transition-all
                            hover:text-[#3756f7]
                            before:absolute before:left-0 before:top-0 before:w-full before:h-[4px]
                            before:bg-[#3756f7] before:content
                            before:opacity-0 before:invisible before:transition-all before:rounded-[3px]
                            hover:before:opacity-100 hover:before:visible">Blogs & Insights</a>
                    <!-- <ul class="absolute w-[240px] left-0 top-[110%] pt-[20px] pb-[15px] px-[7px] z-[111] bg-[#fff]
                            shadow-[0px_2px_20px_0px_rgba(62,65,159,0.09);] transition-all opacity-0 invisible
                            group-hover:opacity-100 group-hover:top-full group-hover:visible ">
                        <li>
                            <a href="blog.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">New Tech</a>
                        </li>
                        <li>
                            <a href="contact.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">Contact Us</a>
                        </li>
                        <li>
                            <a href="shop.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">Shop Page</a>
                        </li>
                        <li>
                            <a href="shop-single.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">Shop Single</a>
                        </li>
                        <li>
                            <a href="cart.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">Cart</a>
                        </li>
                        <li>
                            <a href="checkout.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">Checkout</a>
                        </li>

                        <li>
                            <a href="404.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">404 Error</a>
                        </li>
                        <li>
                            <a href="login.html" class="text-[18px] lg:text-[16px] inline-block  px-[15px] capitalize py-1
                                    text-[#232f4b] group relative overflow-hidden font-medium transition-all
                                    after:absolute after:left-[15px] after:bottom-0 after:w-0 after:h-[2px]
                                    after:content after:bg-[#3756f7] after:transition-all font-heading-font
                                    hover:after:w-[50%]">login</a>
                        </li>
                    </ul> -->
                </li>
                
                <li class="relative inline-block">
                    <a href="/about/projects/" class="relative text-[20px] lg:text-[17px] py-[35px]
                            xl:py-[30px] px-[20px] xl:px-[15px] lg:px-[10px]
                            text-[#232f4b] block capitalize
                            font-heading-font font-medium transition-all
                            hover:text-[#3756f7]
                            before:absolute before:left-0 before:top-0 before:w-full before:h-[4px]
                            before:bg-[#3756f7] before:content
                            before:opacity-0 before:invisible before:transition-all before:rounded-[3px]
                            hover:before:opacity-100 hover:before:visible
                        ">Projects</a>
                </li>
                <li class="relative inline-block">
                    <a href="/services/" class="relative text-[20px] lg:text-[17px] py-[35px]
                            xl:py-[30px] px-[20px] xl:px-[15px] lg:px-[10px]
                            text-[#232f4b] block capitalize
                            font-heading-font font-medium transition-all
                            hover:text-[#3756f7]
                            before:absolute before:left-0 before:top-0 before:w-full before:h-[4px]
                            before:bg-[#3756f7] before:content
                            before:opacity-0 before:invisible before:transition-all before:rounded-[3px]
                            hover:before:opacity-100 hover:before:visible
                        ">Skills & Services</a>
                </li>
                <li class="relative inline-block">
                    <a href="/contact-me/" class="relative text-[20px] lg:text-[17px] py-[35px]
                            xl:py-[30px] px-[20px] xl:px-[15px] lg:px-[10px]
                            text-[#232f4b] block capitalize
                            font-heading-font font-medium transition-all
                            hover:text-[#3756f7]
                            before:absolute before:left-0 before:top-0 before:w-full before:h-[4px]
                            before:bg-[#3756f7] before:content
                            before:opacity-0 before:invisible before:transition-all before:rounded-[3px]
                            hover:before:opacity-100 hover:before:visible
                        ">Contact me</a>
                </li>

                
            </ul>

        </div>
    </div>
</header>
<!-- end of header -->
            
<div class="md:mt-[40px]">
    <!-- start of hero -->
    <div class="wraper">
        <div class="grid grid-cols-12 gap-x-4">
            <div class="col-span-9 md:col-span-12">
                <section class="wpo-hero-slider">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            
                            <div class="col-span-4 md:col-span-6 col:col-span-12">
                                <div>
                                    <h3 class="text-2xl text-center font-bold">No Carousel Items available</h3>
                                </div>  
                            </div>
                            
                            
                        </div>
                        <!-- end swiper-wrapper -->

                        <!-- swipper controls -->
                        <div class="swiper-pagination"></div>
                    </div>
                </section>
                <!-- start wpo-blog-features-section -->
                <div class="py-[60px] sm:py-[40px]">
                    <div class="mb-8 col:mb-6">
                        <h2 class="text-3xl font-bold text-[#444444] relative capitalize pb-5 col:text-2xl
                            before:absolute before:left-0 before:bottom-0 before:w-[100px] before:h-[5px] before:rounded-[6px]
                            before:bg-[#3756f7]
                            after:absolute after:left-[110px] after:bottom-0 after:w-7 after:h-[5px] after:rounded-[6px]
                            after:bg-[#3756f7] ">Featured News</h2>
                    </div>
                    <div class="grid grid-cols-12 gap-x-4">
                        
                        <div class="col-span-4 md:col-span-6 col:col-span-12">
                            <div>
                                <h3 class="text-2xl text-center font-bold">No Featured Blogs available</h3>
                            </div>  
                        </div>
                        
                    </div>
                </div>
                <!-- start wpo-blog-features-section -->

                <!-- start wpo-blog-video-section -->
                <section class="pb-[80px]">
                    <div class="mb-8 col:mb-6">
                        <h2 class="text-3xl font-bold text-[#444444] relative capitalize pb-5 col:text-2xl
                            before:absolute before:left-0 before:bottom-0 before:w-[100px] before:h-[5px] before:rounded-[6px]
                            before:bg-[#3756f7]
                            after:absolute after:left-[110px] after:bottom-0 after:w-7 after:h-[5px] after:rounded-[6px]
                            after:bg-[#3756f7] ">Video News</h2>
                    </div>
                    <!-- start wpo-blog-section -->
                    <div class="relative z-10 border border-[#eeeeee] p-7 col:p-4">
                        
                        <div class="col-span-4 md:col-span-6 col:col-span-12">
                            <div>
                                <h3 class="text-2xl text-center font-bold">No Recent Videos available</h3>
                            </div>  
                        </div>
                        
                        
                        <!-- end wpo-blog-section -->
                    </div>
                </section>
                <!-- end wpo-blog-video-section -->

                <!-- start wpo-blog-highlights-section -->
                <section>
                    <div class="wraper">
                        <div class="mb-8 col:mb-6">
                            <h2 class="text-3xl font-bold text-[#444444] relative capitalize pb-5 col:text-2xl
                            before:absolute before:left-0 before:bottom-0 before:w-[100px] before:h-[5px] before:rounded-[6px]
                            before:bg-[#3756f7]
                            after:absolute after:left-[110px] after:bottom-0 after:w-7 after:h-[5px] after:rounded-[6px]
                            after:bg-[#3756f7] ">Today's Top Highlights</h2>
                        </div>
                        <!-- start wpo-blog-section -->
                        <div class="relative z-10 border border-[#eeeeee] p-7 col:p-4">
                            <div class="grid grid-cols-12 gap-x-4">
                                
                                <div class="col-span-6 md:col-span-6 sm:col-span-12">
                                    <div>
                                        <h3 class="text-2xl text-center font-bold">No Recent Blogs available</h3>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        <!-- end wpo-blog-section -->
                    </div> <!-- end wraper -->
                </section>
                <!-- end wpo-blog-highlights-section -->


                <!-- start wpo-blog-sponsored-section -->
                <section class="py-[60px] pb-[50px] sm:py-[40px] ">
                    <div class="wraper">
                        <div class="mb-8 col:mb-6">
                            <h2 class="text-3xl font-bold text-[#444444] relative capitalize pb-5 col:text-2xl
                before:absolute before:left-0 before:bottom-0 before:w-[100px] before:h-[5px] before:rounded-[6px]
                before:bg-[#3756f7]
                after:absolute after:left-[110px] after:bottom-0 after:w-7 after:h-[5px] after:rounded-[6px]
                after:bg-[#3756f7] ">More news</h2>
                        </div>
                        <div class="relative z-10">
                            <div class="grid grid-cols-12 gap-x-4">
                                
                                <div class="col-span-4 xl:col-span-4 lg:col-span-6 md:col-span-6 col:col-span-12">
                                    <div>
                                        <h3 class="text-2xl text-center font-bold">No Recent Blogs available</h3>
                                    </div>
                                </div>
                                
                                
                            </div>
                        </div>
                    </div> <!-- end container -->
                </section>
                <!-- end wpo-blog-sponsored-section -->

            </div>
            <div class="col-span-3 md:col-span-12 sticky-wrap">
                
<div class="md:mb-10 max-w-[550px]  blog-sidebar">
    <div class="mb-7 p-5 border-[#eef0fc] border text-center bg-[#f9faff] relative z-30">
        <div class="mb-[25px]">
            <img class=" w-full max-w-[200px] mx-auto"
                src="/static/eric/Muturi_Eric_Full-Stack_Developer.png" alt>
        </div>
        <h4 class="text-[#232f4b] text-[25px] font-bold mb-[15px] font-heading-font-s2 capitalize">
            Muturi Eric Wanjohi
        </h4>
        <h5 class="text-[#232f4b] text-[20px] font-medium mb-[10px] font-heading-font-s2 capitalize">
            Software Engineer & Technical Writer
        </h5>
        <p class=" text-[#666] text-[15px] mb-[18px]">
            Hi! I am always passionate about tech & building solutions for you.
        </p>
        <ul class="flex justify-center">
            <li class="mr-[10px]">
                <a href="https://www.linkedin.com/in/eric-muturi/" target="_blank" class="block text-[#232f4b] w-[40px] h-[40px] leading-[44px] bg-[#eeeff7] rounded-[50%] transition-all hover:text-[#3756f7]">
                    <i class="fa-brands fa-linkedin-in"></i>
                </a>      
            </li>
            <li class="mr-[10px]">
                <a href="https://github.com/EricWanjohiMuturi/" target="_blank" class="block text-[#232f4b] w-[40px] h-[40px] leading-[44px] bg-[#eeeff7] rounded-[50%] transition-all hover:text-[#3756f7]">
                    <i class="fa-brands fa-github"></i>
                </a>      
            </li>
            <li class="mr-[10px]">
                <a href="https://www.youtube.com/@create_eric" target="_blank" class="block text-[#232f4b] w-[40px] h-[40px] leading-[44px] bg-[#eeeff7] rounded-[50%] transition-all hover:text-[#3756f7]">
                    <i class="fa-brands fa-youtube"></i>
                </a>      
            </li>
            <li class="mr-[10px]">
                <a href="https://x.com/MuturiEric_W" target="_blank" class="block text-[#232f4b] w-[40px] h-[40px] leading-[44px] bg-[#eeeff7] rounded-[50%] transition-all hover:text-[#3756f7]">
                    <i class="fa-brands fa-x-twitter"></i>
                </a>      
            </li>
        </ul>
    </div>

    <div class="mb-7 p-5 border-[#eef0fc] border">
        <h3 class="text-2xl text-[#232f4b] relative capitalize pb-5 mb-5
            before:absolute before:left-0 before:bottom-0 before:w-[55px] before:h-[4px]
            before:rounded-[10px]
            before:bg-[#3756f7]
            after:absolute after:left-[65px] after:bottom-0 after:w-[70%] after:h-[4px]
            after:rounded-[10px]
            after:bg-[#f2f2f2] ">Skills & Tools</h3>
        <ul>
            <li class="text-lg font-normal relative">
                <div class="flex items-center justify-between">
                    <div>
                        <h2>
                            Frontend
                        </h2>
                    </div>
                    <div class="flex items-center justify-between gap-3">
                        <svg viewBox="0 0 32 32" width="25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M6 28L4 3H28L26 28L16 31L6 28Z" fill="#E44D26"></path> <path d="M26 5H16V29.5L24 27L26 5Z" fill="#F16529"></path> <path d="M9.5 17.5L8.5 8H24L23.5 11H11.5L12 14.5H23L22 24L16 26L10 24L9.5 19H12.5L13 21.5L16 22.5L19 21.5L19.5 17.5H9.5Z" fill="white"></path> </g></svg>
                        <svg viewBox="0 0 32 32" width="25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M6 28L4 3H28L26 28L16 31L6 28Z" fill="#1172B8"></path> <path d="M26 5H16V29.5L24 27L26 5Z" fill="#33AADD"></path> <path d="M19.5 17.5H9.5L9 14L17 11.5H9L8.5 8.5H24L23.5 12L17 14.5H23L22 24L16 26L10 24L9.5 19H12.5L13 21.5L16 22.5L19 21.5L19.5 17.5Z" fill="white"></path> </g></svg>
                        <svg viewBox="0 0 32 32" width="25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M2 4L16 28L30 4H24.5L16 18.5L7.5 4H2Z" fill="#41B883"></path> <path d="M7.5 4L16 18.5L24.5 4H19.5L16.0653 10.0126L12.5 4H7.5Z" fill="#35495E"></path> </g></svg>
                        <svg viewBox="0 0 32 32" width="25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M18.6789 15.9759C18.6789 14.5415 17.4796 13.3785 16 13.3785C14.5206 13.3785 13.3211 14.5415 13.3211 15.9759C13.3211 17.4105 14.5206 18.5734 16 18.5734C17.4796 18.5734 18.6789 17.4105 18.6789 15.9759Z" fill="#53C1DE"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.7004 11.1537C25.2661 8.92478 25.9772 4.79148 23.4704 3.39016C20.9753 1.99495 17.7284 4.66843 16.0139 6.27318C14.3044 4.68442 10.9663 2.02237 8.46163 3.42814C5.96751 4.82803 6.73664 8.8928 7.3149 11.1357C4.98831 11.7764 1 13.1564 1 15.9759C1 18.7874 4.98416 20.2888 7.29698 20.9289C6.71658 23.1842 5.98596 27.1909 8.48327 28.5877C10.9973 29.9932 14.325 27.3945 16.0554 25.7722C17.7809 27.3864 20.9966 30.0021 23.4922 28.6014C25.9956 27.1963 25.3436 23.1184 24.7653 20.8625C27.0073 20.221 31 18.7523 31 15.9759C31 13.1835 26.9903 11.7923 24.7004 11.1537ZM24.4162 19.667C24.0365 18.5016 23.524 17.2623 22.8971 15.9821C23.4955 14.7321 23.9881 13.5088 24.3572 12.3509C26.0359 12.8228 29.7185 13.9013 29.7185 15.9759C29.7185 18.07 26.1846 19.1587 24.4162 19.667ZM22.85 27.526C20.988 28.571 18.2221 26.0696 16.9478 24.8809C17.7932 23.9844 18.638 22.9422 19.4625 21.7849C20.9129 21.6602 22.283 21.4562 23.5256 21.1777C23.9326 22.7734 24.7202 26.4763 22.85 27.526ZM9.12362 27.5111C7.26143 26.47 8.11258 22.8946 8.53957 21.2333C9.76834 21.4969 11.1286 21.6865 12.5824 21.8008C13.4123 22.9332 14.2816 23.9741 15.1576 24.8857C14.0753 25.9008 10.9945 28.557 9.12362 27.5111ZM2.28149 15.9759C2.28149 13.874 5.94207 12.8033 7.65904 12.3326C8.03451 13.5165 8.52695 14.7544 9.12123 16.0062C8.51925 17.2766 8.01977 18.5341 7.64085 19.732C6.00369 19.2776 2.28149 18.0791 2.28149 15.9759ZM9.1037 4.50354C10.9735 3.45416 13.8747 6.00983 15.1159 7.16013C14.2444 8.06754 13.3831 9.1006 12.5603 10.2265C11.1494 10.3533 9.79875 10.5569 8.55709 10.8297C8.09125 9.02071 7.23592 5.55179 9.1037 4.50354ZM20.3793 11.5771C21.3365 11.6942 22.2536 11.85 23.1147 12.0406C22.8562 12.844 22.534 13.6841 22.1545 14.5453C21.6044 13.5333 21.0139 12.5416 20.3793 11.5771ZM16.0143 8.0481C16.6054 8.66897 17.1974 9.3623 17.7798 10.1145C16.5985 10.0603 15.4153 10.0601 14.234 10.1137C14.8169 9.36848 15.414 8.67618 16.0143 8.0481ZM9.8565 14.5444C9.48329 13.6862 9.16398 12.8424 8.90322 12.0275C9.75918 11.8418 10.672 11.69 11.623 11.5748C10.9866 12.5372 10.3971 13.5285 9.8565 14.5444ZM11.6503 20.4657C10.6679 20.3594 9.74126 20.2153 8.88556 20.0347C9.15044 19.2055 9.47678 18.3435 9.85796 17.4668C10.406 18.4933 11.0045 19.4942 11.6503 20.4657ZM16.0498 23.9915C15.4424 23.356 14.8365 22.6531 14.2448 21.8971C15.4328 21.9423 16.6231 21.9424 17.811 21.891C17.2268 22.6608 16.6369 23.3647 16.0498 23.9915ZM22.1667 17.4222C22.5677 18.3084 22.9057 19.1657 23.1742 19.9809C22.3043 20.1734 21.3652 20.3284 20.3757 20.4435C21.015 19.4607 21.6149 18.4536 22.1667 17.4222ZM18.7473 20.5941C16.9301 20.72 15.1016 20.7186 13.2838 20.6044C12.2509 19.1415 11.3314 17.603 10.5377 16.0058C11.3276 14.4119 12.2404 12.8764 13.2684 11.4158C15.0875 11.2825 16.9178 11.2821 18.7369 11.4166C19.7561 12.8771 20.6675 14.4086 21.4757 15.9881C20.6771 17.5812 19.7595 19.1198 18.7473 20.5941ZM22.8303 4.4666C24.7006 5.51254 23.8681 9.22726 23.4595 10.8426C22.2149 10.5641 20.8633 10.3569 19.4483 10.2281C18.6239 9.09004 17.7698 8.05518 16.9124 7.15949C18.1695 5.98441 20.9781 3.43089 22.8303 4.4666Z" fill="#53C1DE"></path> </g></svg>
                    </div>
                </div>
            </li>
            <li class="text-lg font-normal relative sm:text-base mt-5 pt-5 border-t border-[#eef0fc]">
                <div class="flex items-center justify-between">
                    <div>
                        <h2>
                            Backend
                        </h2>
                    </div>
                    <div class="flex items-center justify-between gap-3">
                        <svg viewBox="0 0 32 32" width="25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0164 2C10.8193 2 9.03825 3.72453 9.03825 5.85185V8.51852H15.9235V9.25926H5.97814C3.78107 9.25926 2 10.9838 2 13.1111L2 18.8889C2 21.0162 3.78107 22.7407 5.97814 22.7407H8.27322V19.4815C8.27322 17.3542 10.0543 15.6296 12.2514 15.6296H19.5956C21.4547 15.6296 22.9617 14.1704 22.9617 12.3704V5.85185C22.9617 3.72453 21.1807 2 18.9836 2H13.0164ZM12.0984 6.74074C12.8589 6.74074 13.4754 6.14378 13.4754 5.40741C13.4754 4.67103 12.8589 4.07407 12.0984 4.07407C11.3378 4.07407 10.7213 4.67103 10.7213 5.40741C10.7213 6.14378 11.3378 6.74074 12.0984 6.74074Z" fill="url(#paint0_linear_87_8204)"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9834 30C21.1805 30 22.9616 28.2755 22.9616 26.1482V23.4815L16.0763 23.4815L16.0763 22.7408L26.0217 22.7408C28.2188 22.7408 29.9998 21.0162 29.9998 18.8889V13.1111C29.9998 10.9838 28.2188 9.25928 26.0217 9.25928L23.7266 9.25928V12.5185C23.7266 14.6459 21.9455 16.3704 19.7485 16.3704L12.4042 16.3704C10.5451 16.3704 9.03809 17.8296 9.03809 19.6296L9.03809 26.1482C9.03809 28.2755 10.8192 30 13.0162 30H18.9834ZM19.9015 25.2593C19.1409 25.2593 18.5244 25.8562 18.5244 26.5926C18.5244 27.329 19.1409 27.9259 19.9015 27.9259C20.662 27.9259 21.2785 27.329 21.2785 26.5926C21.2785 25.8562 20.662 25.2593 19.9015 25.2593Z" fill="url(#paint1_linear_87_8204)"></path> <defs> <linearGradient id="paint0_linear_87_8204" x1="12.4809" y1="2" x2="12.4809" y2="22.7407" gradientUnits="userSpaceOnUse"> <stop stop-color="#327EBD"></stop> <stop offset="1" stop-color="#1565A7"></stop> </linearGradient> <linearGradient id="paint1_linear_87_8204" x1="19.519" y1="9.25928" x2="19.519" y2="30" gradientUnits="userSpaceOnUse"> <stop stop-color="#FFDA4B"></stop> <stop offset="1" stop-color="#F9C600"></stop> </linearGradient> </defs> </g></svg>
                        <svg viewBox="0 0 256 256" width="25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <rect fill="#092E20" x="0" y="0" width="256" height="256" rx="28"> </rect> <path d="M186.377012,94.197636 L186.377012,160.424478 C186.377012,183.243286 184.707519,194.187745 179.699037,203.649406 C175.060358,212.741266 168.937684,218.490548 156.323731,224.798721 L129.794937,212.183571 C142.410087,206.247593 148.531564,201.05481 152.427049,193.074749 C156.509231,184.91278 157.808923,175.451119 157.808923,150.593015 L157.808923,94.197636 L186.377012,94.197636 Z M140.928486,50.0787207 L140.928486,182.316986 C126.272844,185.099476 115.512688,186.212472 103.826231,186.212472 C68.9487718,186.212472 50.7686431,170.445031 50.7686431,140.205054 C50.7686431,111.079269 70.0629644,92.1583404 99.9295492,92.1583404 C104.567032,92.1583404 108.091519,92.5281423 112.359199,93.6411381 L112.359199,50.0787207 L140.928486,50.0787207 Z M102.713236,115.160254 C88.243093,115.160254 79.8944275,124.065418 79.8944275,139.647359 C79.8944275,154.860696 87.8720944,163.208164 102.527736,163.208164 C105.680028,163.208164 108.278215,163.022665 112.359199,162.467364 L112.359199,116.643052 C109.020212,115.531253 106.237722,115.160254 102.713236,115.160254 Z M186.377012,50.2307105 L186.377012,79.5419941 L157.808923,79.5419941 L157.808923,50.2307105 L186.377012,50.2307105 Z" fill="#FFFFFD"> </path> </g> </g></svg>
                        <svg viewBox="0 0 32 32" width="25" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>folder_type_api</title><path d="M27.5,5.5H18.2L16.1,9.7H4.4V26.5H29.6V5.5Zm0,4.2H19.3l1.1-2.1h7.1Z" style="fill:#a0bf55"></path><path d="M27.773,31.076a2.517,2.517,0,0,1-1.848-4.229l-1.67-2.54a4.234,4.234,0,0,1-3.847-.05l-1.662,1.77a2.161,2.161,0,1,1-1.105-.983l1.593-1.7a4.233,4.233,0,0,1-1.1-2.854,4.007,4.007,0,0,1,.021-.412l-3.8-1.166a2.517,2.517,0,1,1,.558-1.579c0,.067,0,.134-.009.2l3.646,1.119a4.232,4.232,0,0,1,3.092-2.349V13.922a2.068,2.068,0,1,1,1.479,0v2.386A4.242,4.242,0,0,1,25.6,17.72l1.928-1.162a1.75,1.75,0,0,1-.015-.226,1.807,1.807,0,1,1,1.808,1.808,1.786,1.786,0,0,1-1.023-.319l-1.938,1.171a4.22,4.22,0,0,1,.275,1.5v.036l1.057.183a1.806,1.806,0,1,1-.34,1.443l-.987-.172a4.317,4.317,0,0,1-.91,1.448L27.207,26.1a2.519,2.519,0,1,1,.566,4.973Z" style="fill:#fff"></path><path d="M29.122,20.129a1.681,1.681,0,0,0-1.379.721l-1.24-.215c0-.047,0-.093,0-.14a4.1,4.1,0,0,0-.306-1.556l2.1-1.267a1.684,1.684,0,1,0-.64-1.05l-2.09,1.261A4.126,4.126,0,0,0,23,16.415v-2.58a1.943,1.943,0,1,0-1.23,0v2.58a4.137,4.137,0,0,0-3.149,2.394l-3.848-1.182a2.395,2.395,0,1,0-.461,1.145l3.979,1.222a4.1,4.1,0,0,0,1.119,3.355l-1.733,1.845a2.04,2.04,0,1,0,.921.816L20.384,24.1a4.114,4.114,0,0,0,3.915.043l1.787,2.717a2.391,2.391,0,1,0,1.066-.616l-1.861-2.83a4.133,4.133,0,0,0,.989-1.573l1.178.2a1.682,1.682,0,1,0,1.665-1.919Z" style="fill:#486600"></path></g></svg>
                        <svg viewBox="-4 0 264 264" width="25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M255.007926,158.085617 C253.473109,153.437413 249.452194,150.199279 244.251788,149.42182 C241.799982,149.055852 238.991667,149.211935 235.668988,149.897164 C229.877358,151.092028 225.580342,151.546679 222.44449,151.635363 C234.280794,131.650217 243.905921,108.859714 249.446873,87.4065589 C258.406282,52.7182633 253.61855,36.9154365 248.023797,29.7669469 C233.217182,10.8477783 211.614448,0.683454965 185.55152,0.371879908 C171.649478,0.202198614 159.443658,2.94725173 153.077358,4.92075751 C147.149155,3.87547344 140.774577,3.29134411 134.08606,3.18315012 C121.550337,2.9833164 110.473164,5.71595381 101.008259,11.332582 C95.7670577,9.56127483 87.3580785,7.06335335 77.6460416,5.46882217 C54.8035104,1.71868822 36.3939769,4.64110855 22.9282587,14.153903 C6.62230023,25.6721293 -0.937090069,45.6838799 0.461154734,73.6339954 C0.904572748,82.5082679 5.86908083,109.507695 13.6850624,135.114199 C18.1771824,149.831538 22.9672794,162.053912 27.9223279,171.443732 C34.9490254,184.758688 42.4676212,192.600092 50.9085266,195.415501 C55.6400924,196.992296 64.2358984,198.09552 73.2774873,190.566873 C74.4232794,191.953885 75.9515935,193.33321 77.9812656,194.613801 C80.5578199,196.239076 83.7090439,197.566965 86.8555381,198.353885 C98.1969885,201.189395 108.820102,200.479926 117.882975,196.506309 C117.93855,198.117986 117.981709,199.658125 118.018365,200.987788 C118.07867,203.145164 118.137792,205.259972 118.217016,207.237617 C118.753848,220.612286 119.663741,231.011326 122.359723,238.286928 C122.507529,238.687778 122.706771,239.29733 122.917247,239.943538 C124.261691,244.062005 126.511298,250.955677 132.232573,256.355326 C138.158411,261.947714 145.325229,263.663446 151.888998,263.662855 C155.180933,263.662855 158.322106,263.231261 161.076619,262.640628 C170.897441,260.536462 182.050291,257.329663 190.118134,245.84218 C197.745515,234.981986 201.453672,218.625182 202.124711,192.851363 C202.211621,192.122975 202.292028,191.427104 202.369478,190.763751 C202.421506,190.316194 202.474716,189.858587 202.528517,189.402162 L204.325838,189.560018 L204.788767,189.591353 C214.791095,190.047187 227.021155,187.925875 234.532065,184.437062 C240.467363,181.68255 259.485857,171.642383 255.007926,158.085617" fill="#000000"> </path> <path d="M237.905589,160.722476 C208.165838,166.857016 206.121386,156.78788 206.121386,156.78788 C237.521885,110.194697 250.64824,51.0516028 239.320388,36.5766651 C208.417109,-2.90823095 154.921977,15.7655797 154.029229,16.2503834 L153.741894,16.3018199 C147.866309,15.0821247 141.290716,14.3555104 133.900416,14.2349007 C120.443566,14.0143741 110.236083,17.7627344 102.490457,23.636545 C102.490457,23.636545 7.06039723,-15.6768961 11.4987159,73.0806097 C12.4429007,91.9631224 38.5625866,215.954032 69.7171363,178.502947 C81.1041109,164.808425 92.1061986,153.229303 92.1061986,153.229303 C97.5708822,156.859418 104.112776,158.711132 110.970975,158.046005 L111.503667,157.593718 C111.338125,159.294079 111.413801,160.957192 111.717099,162.925968 C103.691233,171.893062 106.049626,173.467492 90.0055797,176.770069 C73.7711594,180.115806 83.308194,186.072388 89.5349654,187.629081 C97.0837136,189.516859 114.54788,192.190965 126.34812,175.672166 L125.877506,177.556988 C129.022226,180.075603 131.230448,193.940397 130.860342,206.508637 C130.490236,219.077469 130.243104,227.706383 132.720924,234.446337 C135.198744,241.186291 137.668286,256.351187 158.759612,251.831871 C176.383409,248.055132 185.516046,238.268009 186.786587,221.94254 C187.688203,210.336222 189.728517,212.051954 189.857404,201.675381 L191.493912,196.762901 C193.381099,181.029838 191.793663,175.95418 202.651492,178.314938 L205.290125,178.546697 C213.2817,178.9103 223.741044,177.261376 229.879723,174.408129 C243.098309,168.273589 250.93794,158.031224 237.904406,160.722476 L237.905589,160.722476" fill="#336791"> </path> <path d="M108.076342,81.5250624 C105.396915,81.152 102.969349,81.4972748 101.741376,82.426679 C101.050236,82.9499122 100.836804,83.5559169 100.779455,83.973321 C100.625145,85.0783187 101.399649,86.2997875 101.874993,86.9300323 C103.220619,88.7137552 105.18703,89.9399538 107.133339,90.2101432 C107.415353,90.249164 107.695594,90.2680831 107.974651,90.2680831 C111.220471,90.2680831 114.170679,87.7411917 114.430818,85.8758799 C114.755991,83.5399538 111.36473,81.9826697 108.076342,81.5250624" fill="#FFFFFF"> </path> <path d="M196.860453,81.5989654 L196.859861,81.5989654 C196.604453,79.7679446 193.345626,79.2458938 190.253524,79.6757136 C187.166152,80.1061247 184.171603,81.4996397 184.421691,83.3347991 C184.622707,84.7620139 187.19867,87.198448 190.249386,87.1978568 C190.506568,87.1978568 190.766707,87.1807113 191.028619,87.1440554 C193.064794,86.8620416 194.558818,85.5690346 195.268286,84.8235012 C196.349635,83.688351 196.974559,82.4219492 196.860453,81.5989654" fill="#FFFFFF"> </path> <path d="M247.802088,160.025423 C246.66812,156.596323 243.018494,155.492508 236.954309,156.745312 C218.949173,160.461155 212.501284,157.886965 210.38352,156.327908 C224.378975,135.007187 235.89188,109.236323 242.102688,85.1906513 C245.04521,73.8007206 246.670485,63.2231316 246.802919,54.601903 C246.949543,45.1375889 245.338457,38.1842032 242.014005,33.9362587 C228.611547,16.8108637 208.942115,7.62501617 185.131751,7.37256351 C168.763122,7.18869284 154.93321,11.3781062 152.252009,12.5558245 C146.60582,11.1516674 140.450587,10.2896628 133.750245,10.1796952 C121.461654,9.98104388 110.840314,12.9229746 102.045857,18.9191686 C98.2259584,17.4978661 88.3536998,14.10897 76.2814965,12.1644342 C55.4089238,8.80332564 38.8233164,11.3497275 26.9870115,19.7350577 C12.8638522,29.740933 6.34383372,47.626642 7.60727945,72.8943741 C8.03236952,81.3961755 12.8756767,107.547788 20.5202032,132.593219 C30.5822448,165.556915 41.5192979,184.218309 53.0280647,188.056536 C54.374873,188.505866 55.9286097,188.820397 57.6407945,188.820397 C61.8390762,188.820397 66.9856813,186.927889 72.3409885,180.490051 C81.2359538,169.788896 89.5408776,160.821801 92.6022356,157.563566 C97.1262818,159.992314 102.09552,161.347991 107.179455,161.483972 C107.188323,161.616998 107.201921,161.750023 107.213746,161.882457 C106.193885,163.092102 105.357303,164.152166 104.644286,165.05733 C101.122365,169.528166 100.389247,170.458753 89.0519353,172.793497 C85.8273995,173.458624 77.2611547,175.224018 77.1364065,181.227898 C76.9998337,187.787529 87.2605266,190.542633 88.4299677,190.834697 C92.5040924,191.854559 96.4286374,192.357691 100.171677,192.357691 C109.275344,192.357099 117.285838,189.365506 123.688203,183.576831 C123.490734,206.962697 124.466254,230.006836 127.273977,237.028212 C129.573247,242.775501 135.191649,256.822984 152.93842,256.821801 C155.54158,256.821801 158.408425,256.519095 161.561423,255.843326 C180.082106,251.872074 188.124527,243.686577 191.236139,225.640055 C192.901025,215.995418 195.758411,192.963695 197.101672,180.610069 C199.937774,181.49454 203.589173,181.899529 207.536185,181.898938 C215.768388,181.898938 225.266993,180.150097 231.224166,177.384942 C237.91564,174.277469 249.991982,166.650679 247.802088,160.025423 L247.802088,160.025423 Z M203.696185,76.5445912 C203.634697,80.1918522 203.132748,83.5027067 202.600647,86.9590023 C202.028342,90.6760277 201.435935,94.5189838 201.286947,99.1843326 C201.139732,103.724342 201.706716,108.444674 202.255372,113.008924 C203.363326,122.228471 204.500249,131.720573 200.098587,141.086744 C199.41454,139.871778 198.754143,138.546254 198.14873,137.078245 C197.601848,135.752129 196.414079,133.621949 194.769885,130.673515 C188.370476,119.197857 173.385312,92.3243603 181.056443,81.3583372 C183.340933,78.0935982 189.139658,74.7384018 203.696185,76.5445912 L203.696185,76.5445912 Z M186.052286,14.7581339 C207.386014,15.2293395 224.261321,23.2102725 236.209958,38.4780416 C245.373931,50.1890069 235.282919,103.476028 206.069949,149.446651 C205.781432,149.080092 205.487594,148.709986 205.183704,148.33042 C205.062503,148.178476 204.938938,148.024166 204.814189,147.868083 C212.362938,135.400942 210.886651,123.066236 209.572952,112.129774 C209.033164,107.641792 208.523529,103.402716 208.653007,99.4214134 C208.787215,95.2000739 209.34533,91.5811917 209.884527,88.0811455 C210.548471,83.7675751 211.223058,79.3050162 211.036822,74.0437136 C211.17576,73.4921016 211.231926,72.8399815 211.159206,72.0660693 C210.683861,67.0205635 204.924157,51.9224758 193.18363,38.2551501 C186.762346,30.7808961 177.396767,22.4156674 164.609774,16.7736166 C170.109931,15.6337367 177.631483,14.5707159 186.052286,14.7581339 L186.052286,14.7581339 Z M66.6741062,175.777995 C60.7742818,182.871501 56.6995658,181.512277 55.3598522,181.065903 C46.6292471,178.153533 36.499806,159.702023 27.568776,130.441755 C19.8408868,105.123769 15.3245266,79.6650716 14.9674273,72.5260416 C13.8387806,49.9483788 19.3117413,34.2129515 31.2349561,25.7572656 C50.6389284,11.9965266 82.5413764,20.2328684 95.3602956,24.4104573 C95.1758337,24.591963 94.9842771,24.7622356 94.8015889,24.9466975 C73.7664296,46.1911501 74.2654226,82.4875751 74.3168591,84.7058476 C74.3150855,85.56194 74.3866236,86.7739492 74.485358,88.4412009 C74.8471871,94.5455889 75.5205912,105.907732 73.7214965,118.775132 C72.0489238,130.732046 75.7346143,142.435326 83.8320185,150.883917 C84.6703741,151.758337 85.5453857,152.579547 86.4493672,153.352277 C82.8446744,157.212379 75.0115473,165.74788 66.6741062,175.777995 L66.6741062,175.777995 Z M89.1530346,145.78461 C82.6265127,138.975483 79.6627067,129.503483 81.020157,119.795584 C82.920351,106.202753 82.2185681,94.3646744 81.8419584,88.0048776 C81.7893395,87.1150855 81.7426328,86.335261 81.7148453,85.7197968 C84.7880277,82.9954365 99.0288406,75.3645081 109.184296,77.6915658 C113.819492,78.7534042 116.642587,81.9087667 117.816758,87.3373857 C123.893358,115.440037 118.621413,127.153367 114.385293,136.565654 C113.512055,138.504868 112.687298,140.337663 111.982559,142.234309 L111.436859,143.699954 C110.054577,147.406337 108.768665,150.851991 107.971695,154.124416 C101.034273,154.103132 94.2848591,151.139917 89.1530346,145.78461 L89.1530346,145.78461 Z M90.2178291,183.685025 C88.1922956,183.178938 86.3701432,182.299788 85.3012102,181.570808 C86.1939584,181.150448 87.7831686,180.579326 90.5388637,180.011751 C103.876286,177.265515 105.93552,175.328074 110.433552,169.61685 C111.465238,168.30788 112.634088,166.823316 114.252859,165.015353 C114.25345,165.014171 114.254042,165.01358 114.254633,165.012988 C116.666236,162.31346 117.768868,162.771067 119.768979,163.600554 C121.390115,164.271594 122.968684,166.303039 123.608979,168.539048 C123.911686,169.594975 124.252231,171.599815 123.138956,173.158873 C113.742633,186.31479 100.051067,186.1457 90.2178291,183.685025 L90.2178291,183.685025 Z M160.016554,248.637487 C143.700545,252.133395 137.923695,243.80837 134.116804,234.291436 C131.659677,228.146845 130.452397,200.440314 131.309081,169.84388 C131.320314,169.436527 131.262374,169.043363 131.150042,168.673848 C131.05249,167.96024 130.902319,167.238356 130.694208,166.511741 C129.419529,162.059824 126.315012,158.335704 122.5903,156.792018 C121.110467,156.178919 118.393792,155.05382 115.129644,155.888628 C115.826106,153.0206 117.033386,149.782467 118.341764,146.275326 L118.891012,144.79963 C119.509432,143.136517 120.284527,141.413691 121.105145,139.590356 C125.538143,129.741746 131.609423,116.25297 125.020231,85.7795104 C122.551871,74.3659307 114.310208,68.7924619 101.815871,70.0866513 C94.3250624,70.861746 87.472776,73.8840831 84.0549099,75.6169607 C83.3200185,75.9894319 82.6477968,76.3488961 82.0199169,76.6994919 C82.9735612,65.1990023 86.578254,43.707418 100.060527,30.1098568 C108.54873,21.548933 119.854115,17.3210901 133.628453,17.5487113 C160.768591,17.9933118 178.172453,31.9213672 187.994457,43.5276859 C196.457829,53.5294226 201.040998,63.6038799 202.870245,69.0372286 C189.115418,67.6389838 179.76048,70.3544758 175.017681,77.1340416 C164.700822,91.8815335 180.662097,120.506236 188.333229,134.262836 C189.739751,136.784406 190.954125,138.963067 191.336055,139.888924 C193.833977,145.943058 197.067972,149.984665 199.429321,152.935464 C200.152979,153.839446 200.855353,154.716231 201.389229,155.481866 C197.223464,156.683233 189.740342,159.457848 190.422023,173.328554 C189.872185,180.289035 185.960647,212.874938 183.974134,224.387843 C181.351464,239.597672 175.754346,245.263372 160.016554,248.637487 L160.016554,248.637487 Z M228.120831,170.700564 C223.861062,172.678208 216.732083,174.161589 209.959612,174.479667 C202.479446,174.830263 198.671963,173.641903 197.776259,172.91115 C197.355307,164.267455 200.573339,163.364065 203.978199,162.408055 C204.513256,162.257293 205.035307,162.111261 205.53903,161.935076 C205.852379,162.189894 206.195289,162.442938 206.570716,162.690661 C212.582873,166.658956 223.306494,167.087002 238.444785,163.962383 C238.50036,163.950559 238.555935,163.939917 238.610919,163.928684 C236.569423,165.837746 233.075289,168.400111 228.120831,170.700564 L228.120831,170.700564 Z" fill="#FFFFFF"> </path> </g> </g></svg>
                    </div>
                </div>
            </li>
            <li class="text-lg font-normal relative sm:text-base mt-5 pt-5 border-t border-[#eef0fc]">
                <div class="flex items-center justify-between">
                    <div>
                        <h2>
                            Deployment
                        </h2>
                    </div>
                    <div class="flex items-center justify-between gap-3">
                        <svg viewBox="0 0 16 16" width="25" xmlns="http://www.w3.org/2000/svg" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#2396ED" d="M12.342 4.536l.15-.227.262.159.116.083c.28.216.869.768.996 1.684.223-.04.448-.06.673-.06.534 0 .893.124 1.097.227l.105.057.068.045.191.156-.066.2a2.044 2.044 0 01-.47.73c-.29.299-.8.652-1.609.698l-.178.005h-.148c-.37.977-.867 2.078-1.702 3.066a7.081 7.081 0 01-1.74 1.488 7.941 7.941 0 01-2.549.968c-.644.125-1.298.187-1.953.185-1.45 0-2.73-.288-3.517-.792-.703-.449-1.243-1.182-1.606-2.177a8.25 8.25 0 01-.461-2.83.516.516 0 01.432-.516l.068-.005h10.54l.092-.007.149-.016c.256-.034.646-.11.92-.27-.328-.543-.421-1.178-.268-1.854a3.3 3.3 0 01.3-.81l.108-.187zM2.89 5.784l.04.007a.127.127 0 01.077.082l.006.04v1.315l-.006.041a.127.127 0 01-.078.082l-.039.006H1.478a.124.124 0 01-.117-.088l-.007-.04V5.912l.007-.04a.127.127 0 01.078-.083l.039-.006H2.89zm1.947 0l.039.007a.127.127 0 01.078.082l.006.04v1.315l-.007.041a.127.127 0 01-.078.082l-.039.006H3.424a.125.125 0 01-.117-.088L3.3 7.23V5.913a.13.13 0 01.085-.123l.039-.007h1.413zm1.976 0l.039.007a.127.127 0 01.077.082l.007.04v1.315l-.007.041a.127.127 0 01-.078.082l-.039.006H5.4a.124.124 0 01-.117-.088l-.006-.04V5.912l.006-.04a.127.127 0 01.078-.083l.039-.006h1.413zm1.952 0l.039.007a.127.127 0 01.078.082l.007.04v1.315a.13.13 0 01-.085.123l-.04.006H7.353a.124.124 0 01-.117-.088l-.006-.04V5.912l.006-.04a.127.127 0 01.078-.083l.04-.006h1.412zm1.97 0l.039.007a.127.127 0 01.078.082l.006.04v1.315a.13.13 0 01-.085.123l-.039.006H9.322a.124.124 0 01-.117-.088l-.006-.04V5.912l.006-.04a.127.127 0 01.078-.083l.04-.006h1.411zM4.835 3.892l.04.007a.127.127 0 01.077.081l.007.041v1.315a.13.13 0 01-.085.123l-.039.007H3.424a.125.125 0 01-.117-.09l-.007-.04V4.021a.13.13 0 01.085-.122l.039-.007h1.412zm1.976 0l.04.007a.127.127 0 01.077.081l.007.041v1.315a.13.13 0 01-.085.123l-.039.007H5.4a.125.125 0 01-.117-.09l-.006-.04V4.021l.006-.04a.127.127 0 01.078-.082l.039-.007h1.412zm1.953 0c.054 0 .1.037.117.088l.007.041v1.315a.13.13 0 01-.085.123l-.04.007H7.353a.125.125 0 01-.117-.09l-.006-.04V4.021l.006-.04a.127.127 0 01.078-.082l.04-.007h1.412zm0-1.892c.054 0 .1.037.117.088l.007.04v1.316a.13.13 0 01-.085.123l-.04.006H7.353a.124.124 0 01-.117-.088l-.006-.04V2.128l.006-.04a.127.127 0 01.078-.082L7.353 2h1.412z"></path></g></svg>
                        <svg viewBox="0 0 50 50" width="25" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:#4D4C4D;} .st1{fill:#ED6F62;} .st2{fill:#656766;} .st3{fill:#E8E4E7;} .st4{fill:#53B2E4;} .st5{fill:#FFCA65;} .st6{fill:#BC8D5D;} .st7{fill:#D3D3D3;} .st8{fill:#86BE57;} </style> <rect class="st0" height="4.5" width="20.7" x="14.6" y="9.4"></rect> <g> <rect class="st0" height="10.7" width="1" x="24.5" y="17"></rect> </g> <g> <path class="st0" d="M38.5,36.3h-1v-5.1c0-1.5-1.3-2.8-2.8-2.8H15.3c-1.5,0-2.8,1.3-2.8,2.8v5.1h-1v-5.1c0-2.1,1.7-3.8,3.8-3.8 h19.3c2.1,0,3.8,1.7,3.8,3.8v5.1H38.5z"></path> </g> <circle class="st1" cx="25" cy="27.9" r="2.8"></circle> <g> <g> <rect class="st0" height="1.5" width="8.7" x="6.7" y="45.8"></rect> <path class="st2" d="M16.2,47.2H5.9c-0.5,0-0.9,0.4-0.9,0.9l0,0C5,48.6,5.4,49,5.9,49h10.3c0.5,0,0.9-0.4,0.9-0.9l0,0 C17.1,47.6,16.7,47.2,16.2,47.2z"></path> <path class="st2" d="M19.2,32.2H2.9c-1,0-1.9,0.8-1.9,1.9v10C1,45.2,1.9,46,2.9,46h16.3c1.1,0,1.9-0.9,1.9-1.9v-10 C21.1,33,20.2,32.2,19.2,32.2z"></path> </g> <path class="st3" d="M2.9,43.6c-0.5,0-1-0.4-1-1V34c0-0.5,0.4-1,1-1h16.3c0.5,0,1,0.4,1,1v8.6c0,0.5-0.4,1-1,1H2.9z"></path> <path class="st4" d="M20.2,34.6V34c0-0.5-0.4-1-1-1H2.9c-0.5,0-1,0.4-1,1v0.6H20.2z"></path> <rect class="st5" height="7.3" width="5.6" x="2.9" y="35.4"></rect> <rect class="st6" height="2.8" width="9.6" x="9.5" y="35.4"></rect> <rect class="st7" height="0.8" width="9.6" x="9.5" y="39"></rect> <rect class="st7" height="0.8" width="9.6" x="9.5" y="40.5"></rect> <rect class="st7" height="0.8" width="9.6" x="9.5" y="41.9"></rect> <g> <rect class="st0" height="1.5" width="8.7" x="34.6" y="45.8"></rect> <path class="st2" d="M44.1,47.2H33.8c-0.5,0-0.9,0.4-0.9,0.9l0,0c0,0.5,0.4,0.9,0.9,0.9h10.3c0.5,0,0.9-0.4,0.9-0.9l0,0 C45,47.6,44.6,47.2,44.1,47.2z"></path> <path class="st2" d="M47.1,32.2H30.8c-1.1,0-1.9,0.9-1.9,1.9v10c0,1.1,0.9,1.9,1.9,1.9h16.3c1.1,0,1.9-0.9,1.9-1.9v-10 C49,33,48.1,32.2,47.1,32.2z"></path> </g> <path class="st3" d="M30.8,43.6c-0.5,0-1-0.4-1-1V34c0-0.5,0.4-1,1-1h16.3c0.5,0,1,0.4,1,1v8.6c0,0.5-0.4,1-1,1H30.8z"></path> <path class="st4" d="M48.1,34.6V34c0-0.5-0.4-1-1-1H30.8c-0.5,0-1,0.4-1,1v0.6H48.1z"></path> <rect class="st1" height="7.3" width="5.6" x="30.8" y="35.4"></rect> <rect class="st8" height="2.8" width="9.6" x="37.5" y="35.4"></rect> <rect class="st7" height="0.8" width="9.6" x="37.5" y="39"></rect> <rect class="st7" height="0.8" width="9.6" x="37.5" y="40.5"></rect> <rect class="st7" height="0.8" width="9.6" x="37.5" y="41.9"></rect> </g> <path class="st2" d="M36.6,1H13.4C12.1,1,11,2.1,11,3.4v4.2c0,1.3,1.1,2.4,2.4,2.4h23.1c1.3,0,2.4-1.1,2.4-2.4V3.4 C38.9,2.1,37.9,1,36.6,1z"></path> <g> <circle class="st1" cx="15.4" cy="5.5" r="1.7"></circle> <circle class="st8" cx="19.8" cy="5.5" r="1.7"></circle> <circle class="st4" cx="24.2" cy="5.5" r="1.7"></circle> </g> <path class="st2" d="M36.6,12.7H13.4c-1.3,0-2.4,1.1-2.4,2.4v4.2c0,1.3,1.1,2.4,2.4,2.4h23.1c1.3,0,2.4-1.1,2.4-2.4V15 C38.9,13.7,37.9,12.7,36.6,12.7z"></path> <g> <circle class="st1" cx="15.4" cy="17.1" r="1.7"></circle> <circle class="st8" cx="19.8" cy="17.1" r="1.7"></circle> <circle class="st4" cx="24.2" cy="17.1" r="1.7"></circle> </g> </g></svg>
                        <svg viewBox="-17.5 0 291 291" width="25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path d="M2.05386819,218.186819 C3.37421203,220.534097 5.28137536,222.294556 7.6286533,223.6149 L120.591404,288.751862 L120.591404,288.751862 C125.28596,291.539255 131.00745,291.539255 135.555301,288.751862 L248.518052,223.6149 C253.212607,220.974212 256,215.986246 256,210.558166 L256,80.2842407 L256,80.2842407 C256,74.8561605 253.212607,69.8681948 248.518052,67.2275072 L135.555301,2.09054441 L135.555301,2.09054441 C130.860745,-0.696848138 125.139255,-0.696848138 120.591404,2.09054441 L120.591404,2.09054441 L7.6286533,67.2275072 C2.78739255,69.8681948 0,74.8561605 0,80.2842407 L0,80.2842407 L0,210.704871 C0,213.345559 0.586819484,215.839542 2.05386819,218.186819" fill="#009639"> </path> <path d="M91.8372493,195.154155 C91.8372493,203.222923 85.382235,209.677937 77.313467,209.677937 C69.2446991,209.677937 62.7896848,203.222923 62.7896848,195.154155 L62.7896848,195.154155 L62.7896848,95.5415473 C62.7896848,87.7661891 69.6848138,81.4578797 79.2206304,81.4578797 C86.1157593,81.4578797 94.1845272,84.2452722 99.025788,90.2601719 L103.426934,95.5415473 L164.162751,168.160458 L164.162751,95.834957 L164.162751,95.834957 C164.162751,87.7661891 170.617765,81.3111748 178.686533,81.3111748 C186.755301,81.3111748 193.210315,87.7661891 193.210315,95.834957 L193.210315,95.834957 L193.210315,195.447564 C193.210315,203.222923 186.315186,209.531232 176.77937,209.531232 C169.884241,209.531232 161.815473,206.74384 156.974212,200.72894 L91.8372493,122.975358 L91.8372493,195.154155 L91.8372493,195.154155 Z" fill="#FFFFFF"> </path> </g> </g></svg>
                        <svg viewBox="0 0 24 24" width="25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>git_merge_fill</title> <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Development" transform="translate(-624.000000, -48.000000)" fill-rule="nonzero"> <g id="git_merge_fill" transform="translate(624.000000, 48.000000)"> <path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z" id="MingCute" fill-rule="nonzero"> </path> <path d="M6,21 C4.34315,21 3,19.6569 3,18 C3,16.6938 3.83481,15.5825 5,15.1707 L5,8.82929 C3.83481,8.41746 3,7.30622 3,6 C3,4.34315 4.34315,3 6,3 C7.65685,3 9,4.34315 9,6 C9,7.30622 8.16519,8.41746 7,8.82929 L7,9 C7,10.1046 7.89543,11 9,11 L15,11 C17.2091,11 19,12.7909 19,15 L19,15.1707 C20.1652,15.5825 21,16.6938 21,18 C21,19.6569 19.6569,21 18,21 C16.3431,21 15,19.6569 15,18 C15,16.6938 15.8348,15.5825 17,15.1707 L17,15 C17,13.8954 16.1046,13 15,13 L9,13 C8.27143,13 7.58835,12.8052 7,12.4649 L7,15.1707 C8.16519,15.5825 9,16.6938 9,18 C9,19.6569 7.65685,21 6,21 Z" id="路径" fill="#09244B"> </path> </g> </g> </g> </g></svg>
                    </div>
                </div>
            </li>
            <li class="text-lg font-normal relative sm:text-base mt-5 pt-5 border-t border-[#eef0fc]">
                <div class="flex items-center justify-between">
                    <div>
                        <h2>
                            Design
                        </h2>
                    </div>
                    <div class="flex items-center justify-between gap-3">
                        <svg viewBox="0 0 32 32" fill="none" width="25" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M2 12.1333C2 8.58633 2 6.81283 2.69029 5.45806C3.29749 4.26637 4.26637 3.29749 5.45806 2.69029C6.81283 2 8.58633 2 12.1333 2H19.8667C23.4137 2 25.1872 2 26.5419 2.69029C27.7336 3.29749 28.7025 4.26637 29.3097 5.45806C30 6.81283 30 8.58633 30 12.1333V19.8667C30 23.4137 30 25.1872 29.3097 26.5419C28.7025 27.7336 27.7336 28.7025 26.5419 29.3097C25.1872 30 23.4137 30 19.8667 30H12.1333C8.58633 30 6.81283 30 5.45806 29.3097C4.26637 28.7025 3.29749 27.7336 2.69029 26.5419C2 25.1872 2 23.4137 2 19.8667V12.1333Z" fill="#330000"></path> <path d="M15.5686 19.5963H11.2297L10.3469 22.409C10.3224 22.5135 10.2262 22.5875 10.1215 22.5823H7.92384C7.79851 22.5823 7.75469 22.5117 7.79236 22.3704L11.549 11.2738C11.5866 11.1582 11.6242 11.0266 11.6617 10.8789C11.7109 10.6218 11.736 10.3606 11.7369 10.0987C11.7261 10.0213 11.7941 9.95294 11.8683 9.96378H14.8549C14.9424 9.96378 14.9924 9.9959 15.0051 10.0601L19.269 22.3897C19.3065 22.5182 19.269 22.5824 19.1563 22.5823H16.7144C16.6288 22.5921 16.547 22.5334 16.5266 22.4475L15.5686 19.5963ZM11.9059 17.1689H14.8737C14.3861 15.5027 13.8358 13.8584 13.3898 12.1793C12.9086 13.8613 12.3836 15.5365 11.9059 17.1689Z" fill="#FF9A00"></path> <path d="M21.8045 12.0058C21.6129 12.0137 21.4219 11.98 21.2438 11.907C21.0658 11.834 20.9048 11.7232 20.7714 11.582C20.6384 11.4346 20.535 11.2618 20.4673 11.0733C20.3996 10.8849 20.3689 10.6846 20.3769 10.4839C20.3701 10.2852 20.4042 10.0873 20.477 9.90305C20.5499 9.71881 20.6598 9.5524 20.7996 9.41468C20.938 9.27839 21.1014 9.17161 21.2804 9.10052C21.4593 9.02942 21.6502 8.99543 21.842 9.00049C22.2929 9.00049 22.6466 9.13856 22.9033 9.41468C23.0329 9.55818 23.1336 9.72648 23.1997 9.90995C23.2657 10.0934 23.2959 10.2885 23.2883 10.4839C23.2962 10.6853 23.2645 10.8864 23.1951 11.075C23.1258 11.2636 23.0201 11.436 22.8845 11.582C22.7428 11.7253 22.5736 11.8369 22.3878 11.9099C22.2019 11.9828 22.0033 12.0155 21.8045 12.0058ZM20.5084 22.3896V13.181C20.5084 13.0654 20.5583 13.0076 20.6587 13.0076H22.9691C23.0691 13.0076 23.1192 13.0654 23.1193 13.181V22.3896C23.1193 22.5182 23.0692 22.5824 22.9691 22.5823H20.6775C20.5648 22.5823 20.5084 22.5181 20.5084 22.3896Z" fill="#FF9A00"></path> </g></svg>
                        <svg viewBox="0 0 32 32" width="26" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>file_type_photoshop</title><path d="M3.167,3.517H28.833V28.483H3.167Z" style="fill:#0c0824"></path><path d="M3.167,3.517H28.833V28.483H3.167ZM2,29.65H30V2.35H2Zm18.877-16.1c-.922,0-1.237.467-1.237.852,0,.42.21.712,1.447,1.353,1.832.887,2.4,1.738,2.4,2.987,0,1.867-1.423,2.87-3.348,2.87a5.076,5.076,0,0,1-2.392-.5c-.082-.035-.093-.093-.093-.187V19.208c0-.117.058-.152.14-.093a4.33,4.33,0,0,0,2.345.688c.922,0,1.307-.385,1.307-.91,0-.42-.268-.793-1.447-1.4-1.657-.793-2.345-1.6-2.345-2.94,0-1.505,1.178-2.753,3.22-2.753a5.365,5.365,0,0,1,2.088.327.258.258,0,0,1,.117.233v1.6c0,.093-.058.152-.175.117a3.941,3.941,0,0,0-2.03-.525ZM10.843,14.938c.268.023.478.023.945.023,1.365,0,2.648-.478,2.648-2.333,0-1.482-.922-2.228-2.473-2.228-.467,0-.91.023-1.12.035Zm-2.077-6.2c0-.082.163-.14.257-.14.747-.035,1.855-.058,3.01-.058,3.232,0,4.492,1.773,4.492,4.037,0,2.963-2.147,4.235-4.783,4.235-.443,0-.595-.023-.91-.023v4.48c0,.093-.035.14-.14.14H8.907c-.093,0-.14-.035-.14-.14V8.743Z" style="fill:#31c5f0"></path></g></svg>
                        <svg viewBox="0 123.30600000000001 595.279 595.279" width="24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><radialGradient id="a" cx="-183.69" cy="328.972" r=".76" gradientTransform="matrix(545.6736 0 0 528.3113 100439.305 -173525.125)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b2b36" stop-opacity=".98"></stop><stop offset="1" stop-color="#250012"></stop></radialGradient><path d="M24.803 155.549h545.674v530.792H24.803V155.549z" fill="url(#a)"></path><path d="M24.803 155.549h545.674v530.792H24.803V155.549zM0 711.145h595.28V130.746H0v580.399zm376.515-339.311c-3.721-1.736-8.682-2.48-14.635-2.48-31.996 0-54.319 24.556-54.319 65.481 0 46.63 22.819 65.48 51.344 65.48 6.2 0 12.649-.744 17.61-2.976V371.834zm-13.147-40.429c5.209 0 8.186 0 13.146.496v-65.977c0-1.736 1.24-2.48 2.479-2.48h40.182c1.984 0 2.48.744 2.48 1.984V497.34c0 6.944 0 15.626 1.24 25.051 0 1.736-.496 1.984-2.232 2.977-21.331 10.169-43.901 14.634-64.984 14.634-54.815 0-94.005-33.98-94.005-103.182-.247-59.281 38.942-105.415 101.694-105.415zM217.774 533.057c0 2.479-.496 3.224-3.225 3.224h-38.197c-2.48 0-3.225-1.24-3.225-3.224V266.668c0-2.48 1.24-3.225 3.225-3.225h38.445c1.984 0 2.977.744 2.977 2.977v266.637z" fill="#ff408c"></path></g></svg>
                        <svg viewBox="0 0 32 32" fill="none" width="27" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 16C16 13.7909 17.7909 12 20 12C22.2091 12 24 13.7909 24 16C24 18.2091 22.2091 20 20 20C17.7909 20 16 18.2091 16 16Z" fill="#1ABCFE"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 24C8 21.7909 9.79086 20 12 20H16V24C16 26.2091 14.2091 28 12 28C9.79086 28 8 26.2091 8 24Z" fill="#0ACF83"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16 4V12H20C22.2091 12 24 10.2091 24 8C24 5.79086 22.2091 4 20 4H16Z" fill="#FF7262"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 8C8 10.2091 9.79086 12 12 12H16V4H12C9.79086 4 8 5.79086 8 8Z" fill="#F24E1E"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C8 18.2091 9.79086 20 12 20H16V12H12C9.79086 12 8 13.7909 8 16Z" fill="#A259FF"></path> </g></svg> 
                    </div>
                </div>
            </li>
            <li class="text-lg font-normal relative sm:text-base mt-5 pt-5 border-t border-[#eef0fc]">
                <div class="flex items-center justify-between">
                    <div>
                        <h2>
                            More Tools
                        </h2>
                    </div>
                    <div class="flex items-center justify-between gap-3">
                        <svg viewBox="0 0 32 32" width="25" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M2.58536 17.4132C1.80488 16.6327 1.80488 15.3673 2.58536 14.5868L14.5868 2.58536C15.3673 1.80488 16.6327 1.80488 17.4132 2.58536L29.4146 14.5868C30.1951 15.3673 30.1951 16.6327 29.4146 17.4132L17.4132 29.4146C16.6327 30.1951 15.3673 30.1951 14.5868 29.4146L2.58536 17.4132Z" fill="#EE513B"></path> <path d="M12.1489 5.06152L10.9336 6.27686L14.0725 9.41577C13.9455 9.68819 13.8746 9.99201 13.8746 10.3124C13.8746 11.222 14.4461 11.9981 15.2496 12.3012V19.9798C14.4461 20.2829 13.8746 21.059 13.8746 21.9686C13.8746 23.1422 14.826 24.0936 15.9996 24.0936C17.1732 24.0936 18.1246 23.1422 18.1246 21.9686C18.1246 21.144 17.6549 20.429 16.9684 20.0768V12.3117L19.9689 15.3122C19.8481 15.5791 19.7809 15.8754 19.7809 16.1874C19.7809 17.361 20.7323 18.3124 21.9059 18.3124C23.0795 18.3124 24.0309 17.361 24.0309 16.1874C24.0309 15.0138 23.0795 14.0624 21.9059 14.0624C21.6778 14.0624 21.4582 14.0983 21.2522 14.1648L18.0297 10.9423C18.0914 10.7433 18.1246 10.5317 18.1246 10.3124C18.1246 9.13878 17.1732 8.18738 15.9996 8.18738C15.7803 8.18738 15.5688 8.22061 15.3697 8.2823L12.1489 5.06152Z" fill="white"></path> </g></svg>
                        <svg viewBox="0 -28.5 256 256" width="40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g transform="translate(138.880182, 0.000000)"> <path d="M84.5545584,66.6799734 L69.7885969,66.6799734 L69.7885969,59.0638459 C69.7885969,53.0020302 64.8147994,48.0282326 58.7529836,48.0282326 C52.6911678,48.0282326 47.7173703,53.0020302 47.7173703,59.0638459 L47.7173703,66.6799734 L32.9514088,66.6799734 L32.9514088,59.0638459 C32.9514088,44.764178 44.6087468,33.2622711 58.7529836,33.2622711 C73.0526516,33.2622711 84.5545584,44.9196091 84.5545584,59.0638459 L84.5545584,66.6799734 Z" fill="#FFA400"> </path> <path d="M90.6163742,66.6799734 L26.889593,66.6799734 C24.0918319,66.6799734 21.9157955,68.8560099 21.9157955,71.653771 L21.9157955,118.749417 C21.9157955,121.547178 24.0918319,123.723214 26.889593,123.723214 L90.6163742,123.723214 C93.4141353,123.723214 95.5901717,121.547178 95.5901717,118.749417 L95.5901717,71.653771 C95.4347405,68.8560099 93.2587041,66.6799734 90.6163742,66.6799734 Z M61.8616071,97.610777 L61.8616071,103.983455 C61.8616071,105.693198 60.4627265,107.24751 58.5975524,107.24751 C56.8878095,107.24751 55.3334978,105.848629 55.3334978,103.983455 L55.3334978,97.610777 C53.3128925,96.5227588 52.0694431,94.3467223 52.0694431,91.8598235 C52.0694431,88.2849066 55.0226354,85.3317143 58.5975524,85.3317143 C62.1724694,85.3317143 65.1256617,88.2849066 65.1256617,91.8598235 C65.2810929,94.3467223 63.8822123,96.5227588 61.8616071,97.610777 Z" fill="#003A70"> </path> <path d="M20.3614837,59.6855706 L4.97379755,59.6855706 C2.48689878,59.6855706 0.466293521,57.6649654 0.466293521,55.1780666 C0.466293521,52.6911678 2.48689878,50.6705626 4.97379755,50.6705626 L20.3614837,50.6705626 C22.8483825,50.6705626 24.8689878,52.6911678 24.8689878,55.1780666 C24.8689878,57.6649654 22.8483825,59.6855706 20.3614837,59.6855706 Z" fill="#FFA400"> </path> <path d="M31.2416659,35.4383076 C30.3090788,35.4383076 29.2210606,35.1274452 28.4439048,34.3502893 L16.3202732,24.4026942 C14.4550991,22.8483825 14.1442368,20.0506214 15.6985485,18.0300161 C17.2528603,16.164842 20.0506214,15.8539797 22.0712266,17.4082914 L34.1948582,27.3558865 C36.0600323,28.9101983 36.3708946,31.7079594 34.8165829,33.7285647 C33.7285647,34.8165829 32.4851153,35.4383076 31.2416659,35.4383076 Z" fill="#FFA400"> </path> <path d="M58.7529836,24.8689878 C56.2660848,24.8689878 54.2454796,22.8483825 54.2454796,20.3614837 L54.2454796,4.81836638 C54.2454796,2.3314676 56.2660848,0.310862347 58.7529836,0.310862347 C61.2398824,0.310862347 63.2604876,2.3314676 63.2604876,4.81836638 L63.2604876,20.3614837 C63.2604876,22.8483825 61.2398824,24.8689878 58.7529836,24.8689878 Z" fill="#FFA400"> </path> <path d="M86.1088701,35.4383076 C84.8654207,35.4383076 83.4665402,34.8165829 82.6893843,33.7285647 C81.1350726,31.8633906 81.4459349,28.9101983 83.311109,27.3558865 L95.4347405,17.4082914 C97.2999146,15.8539797 100.253107,16.164842 101.807419,18.0300161 C103.36173,19.8951902 103.050868,22.8483825 101.185694,24.4026942 L89.0620624,34.3502893 C88.1294754,35.1274452 87.1968883,35.4383076 86.1088701,35.4383076 Z" fill="#FFA400"> </path> <path d="M112.376738,59.6855706 L96.8336211,59.6855706 C94.3467223,59.6855706 92.3261171,57.6649654 92.3261171,55.1780666 C92.3261171,52.6911678 94.3467223,50.6705626 96.8336211,50.6705626 L112.376738,50.6705626 C114.863637,50.6705626 116.884242,52.6911678 116.884242,55.1780666 C116.884242,57.6649654 114.863637,59.6855706 112.376738,59.6855706 Z" fill="#FFA400"> </path> </g> <path d="M0.391006546,123.101489 L0.391006546,72.8972204 L12.5146381,72.8972204 L12.5146381,112.53217 L31.9435348,112.53217 L31.9435348,123.101489 L0.391006546,123.101489 Z M72.0447775,105.848629 L72.0447775,107.24751 L72.0447775,108.64639 L46.3986339,108.64639 C46.5540651,109.578977 46.8649274,110.511564 47.3312209,111.28872 C47.7975145,112.065876 48.4192392,112.843032 49.196395,113.309325 C49.9735509,113.93105 50.9061379,114.397344 51.838725,114.708206 C52.771312,115.019068 53.8593302,115.1745 54.7919173,115.1745 C56.6570914,115.1745 58.2114031,114.863637 59.4548525,114.086481 C60.6983019,113.464757 61.7863201,112.53217 62.563476,111.444151 L70.645897,116.57338 C68.9361541,119.060279 66.7601176,120.770022 64.1177877,122.168902 C61.4754577,123.412352 58.2114031,124.189508 54.6364861,124.189508 C51.9941562,124.189508 49.5072574,123.723214 47.1757898,122.946058 C44.8443222,122.168902 42.8237169,120.925453 40.9585428,119.371141 C39.2487999,117.81683 37.8499194,115.796224 36.7619011,113.464757 C35.6738829,111.133289 35.2075894,108.490959 35.2075894,105.537767 C35.2075894,102.584575 35.6738829,100.097676 36.7619011,97.7662081 C37.6944882,95.4347405 39.0933688,93.4141353 40.8031117,91.8598235 C42.5128546,90.3055118 44.5334598,88.9066312 46.8649274,88.1294754 C49.196395,87.1968883 51.6832938,86.7305948 54.3256238,86.7305948 C56.9679537,86.7305948 59.2994213,87.1968883 61.4754577,87.9740442 C63.6514942,88.9066312 65.5166682,90.1500806 67.07098,91.7043924 C68.6252917,93.4141353 69.8687411,95.4347405 70.645897,97.7662081 C71.578484,100.253107 72.0447775,102.895437 72.0447775,105.848629 Z M61.3200266,101.496556 C61.3200266,99.6313822 60.6983019,98.0770705 59.6102837,96.6781899 C58.5222654,95.2793094 56.6570914,94.6575847 54.3256238,94.6575847 C53.2376055,94.6575847 52.1495873,94.8130158 51.2170003,95.1238782 C50.2844132,95.4347405 49.5072574,95.9010341 48.7301015,96.5227588 C47.9529456,97.1444834 47.4866521,97.9216393 47.0203586,98.6987952 C46.5540651,99.475951 46.3986339,100.408538 46.2432027,101.341125 L61.3200266,101.341125 L61.3200266,101.496556 Z M90.6965184,96.5227588 L90.6965184,110.045271 C90.6965184,111.755014 91.0073807,112.998463 91.6291054,113.775619 C92.2508301,114.552775 93.3388483,115.019068 95.0485912,115.019068 C95.6703159,115.019068 96.2920406,115.019068 96.9137653,114.863637 C97.53549,114.708206 98.1572147,114.552775 98.468077,114.397344 L98.6235082,122.946058 C97.8463523,123.256921 96.7583341,123.412352 95.5148847,123.723214 C94.2714353,123.878645 93.027986,124.034076 91.7845366,124.034076 C89.453069,124.034076 87.4324637,123.723214 85.878152,123.101489 C84.3238402,122.479765 82.9249597,121.702609 81.9923726,120.614591 C81.0597856,119.526572 80.2826297,118.127692 79.9717674,116.57338 C79.660905,115.019068 79.3500427,113.309325 79.3500427,111.444151 L79.3500427,96.5227588 L73.5990893,96.5227588 L73.5990893,87.818613 L79.1946115,87.818613 L79.1946115,78.4927426 L90.6965184,78.4927426 L90.6965184,87.818613 L98.9343706,87.818613 L98.9343706,96.5227588 L90.6965184,96.5227588 L90.6965184,96.5227588 Z M109.659122,71.9646333 C106.239636,71.9646333 103.441875,74.4515321 103.441875,77.7155868 C103.441875,81.1350726 105.773342,83.311109 109.192828,83.311109 C109.50369,83.311109 109.814553,83.311109 109.969984,83.1556778 C109.348259,85.6425766 107.016792,87.5077507 104.685324,87.818613 L104.21903,87.818613 L104.21903,93.2587041 L104.840755,93.2587041 C107.638516,92.9478418 110.280846,91.7043924 112.301451,89.8392183 C114.943781,87.3523195 116.342662,83.6219713 116.342662,79.2698985 C116.342662,75.0732568 113.544901,71.9646333 109.659122,71.9646333 Z M136.548715,98.2325017 C135.616128,97.2999146 134.528109,96.5227588 133.28466,95.9010341 C132.041211,95.2793094 130.64233,94.968447 129.243449,94.968447 C128.155431,94.968447 127.222844,95.1238782 126.290257,95.5901717 C125.35767,96.0564652 124.891377,96.6781899 124.891377,97.7662081 C124.891377,98.6987952 125.35767,99.475951 126.445688,99.9422446 C127.533706,100.408538 129.088018,100.874832 131.419486,101.341125 C132.818366,101.651987 134.061816,101.96285 135.460696,102.584575 C136.859577,103.206299 137.947595,103.828024 139.035613,104.60518 C140.123632,105.382336 141.056219,106.470354 141.677943,107.713803 C142.299668,108.957253 142.61053,110.356133 142.61053,112.065876 C142.61053,114.241913 142.144237,116.107087 141.21165,117.661398 C140.279063,119.21571 139.191044,120.459159 137.636733,121.391747 C136.237852,122.324334 134.528109,122.946058 132.818366,123.412352 C130.953192,123.878645 129.243449,124.034076 127.378275,124.034076 C124.425083,124.034076 121.627322,123.567783 118.984992,122.635196 C116.187231,121.702609 113.855763,120.303728 112.14602,118.593985 L118.67413,111.755014 C119.762148,112.843032 121.005597,113.775619 122.559909,114.552775 C124.114221,115.329931 125.668532,115.640793 127.378275,115.640793 C128.310862,115.640793 129.243449,115.485362 130.176036,115.019068 C131.108623,114.552775 131.574917,113.775619 131.574917,112.687601 C131.574917,111.599583 130.953192,110.822427 129.865174,110.200702 C128.777156,109.734409 126.911982,109.112684 124.580514,108.64639 C123.337065,108.335528 122.093615,108.024666 120.850166,107.558372 C119.606717,107.092079 118.518698,106.470354 117.586111,105.693198 C116.653524,104.916042 115.876368,103.828024 115.254644,102.740006 C114.632919,101.496556 114.322057,100.097676 114.322057,98.543364 C114.322057,96.3673276 114.78835,94.6575847 115.720937,93.1032729 C116.653524,91.5489612 117.741543,90.460943 119.140423,89.5283559 C120.539304,88.5957689 122.093615,87.818613 123.803358,87.5077507 C125.513101,87.0414572 127.222844,86.886026 128.932587,86.886026 C131.574917,86.886026 134.217247,87.3523195 136.704146,88.1294754 C139.191044,88.9066312 141.367081,90.1500806 143.076824,91.8598235 L136.548715,98.2325017 Z M0.391006546,181.232748 L0.391006546,131.028479 L34.1195712,131.028479 L34.1195712,141.286937 L12.0483446,141.286937 L12.0483446,150.768238 L32.8761218,150.768238 L32.8761218,160.404971 L12.0483446,160.404971 L12.0483446,170.81886 L35.3630206,170.81886 L35.3630206,181.232748 L0.391006546,181.232748 Z M65.9829618,181.232748 L65.9829618,161.959283 C65.9829618,161.026696 65.8275306,160.094109 65.6720994,159.161522 C65.5166682,158.228935 65.2058059,157.451779 64.8949436,156.830054 C64.5840812,156.208329 63.9623565,155.586605 63.3406318,155.275742 C62.7189071,154.809449 61.7863201,154.654018 60.6983019,154.654018 C59.6102837,154.654018 58.6776966,154.809449 57.9005407,155.275742 C57.1233849,155.742036 56.5016602,156.208329 55.8799355,156.985485 C55.413642,157.762641 54.9473484,158.539797 54.6364861,159.472384 C54.3256238,160.404971 54.1701926,161.337558 54.1701926,162.270145 L54.1701926,181.388179 L42.5128546,181.388179 L42.5128546,146.105303 L53.7038991,146.105303 L53.7038991,150.923669 L53.8593302,150.923669 C54.3256238,150.146514 54.7919173,149.369358 55.5690731,148.747633 C56.1907978,147.970477 57.1233849,147.348752 57.9005407,146.882459 C58.8331278,146.416165 59.7657148,145.949872 60.853733,145.63901 C61.9417513,145.328147 63.0297695,145.172716 64.2732189,145.172716 C66.6046865,145.172716 68.6252917,145.63901 70.3350346,146.416165 C72.0447775,147.193321 73.2882269,148.436771 74.3762451,149.68022 C75.4642634,151.079101 76.085988,152.633412 76.5522816,154.343155 C77.0185751,156.052898 77.1740063,157.762641 77.1740063,159.627815 L77.1740063,181.388179 L65.9829618,181.388179 L65.9829618,181.232748 Z M107.638516,157.296348 C107.016792,156.519192 106.084205,155.742036 104.996186,155.275742 C103.908168,154.809449 102.664719,154.498586 101.576701,154.498586 C100.333251,154.498586 99.2452329,154.809449 98.3126459,155.275742 C97.3800588,155.742036 96.4474718,156.363761 95.8257471,157.296348 C95.2040224,158.228935 94.5822977,159.006091 94.1160042,160.094109 C93.6497107,161.182127 93.4942795,162.270145 93.4942795,163.513595 C93.4942795,164.757044 93.6497107,165.845062 94.1160042,166.93308 C94.4268665,168.021099 95.0485912,168.953686 95.8257471,169.730841 C96.602903,170.507997 97.3800588,171.285153 98.468077,171.751447 C99.5560952,172.21774 100.644113,172.528603 101.887563,172.528603 C103.131012,172.528603 104.21903,172.373171 105.46248,171.906878 C106.550498,171.440584 107.483085,170.81886 108.260241,169.886273 L114.632919,177.813262 C113.234039,179.212143 111.213433,180.300161 109.037397,181.077317 C106.705929,181.854473 104.21903,182.320767 101.732132,182.320767 C98.9343706,182.320767 96.2920406,181.854473 93.960573,181.077317 C91.4736742,180.300161 89.453069,179.056712 87.5878949,177.346969 C85.878152,175.792657 84.4792714,173.772052 83.3912532,171.440584 C82.303235,169.109117 81.8369415,166.466787 81.8369415,163.513595 C81.8369415,160.560402 82.303235,158.073503 83.3912532,155.742036 C84.4792714,153.410568 85.878152,151.389963 87.5878949,149.835651 C89.2976378,148.28134 91.4736742,146.882459 93.960573,146.105303 C96.4474718,145.172716 98.9343706,144.861854 101.732132,144.861854 C102.975581,144.861854 104.21903,145.017285 105.46248,145.172716 C106.705929,145.483578 107.949379,145.794441 109.037397,146.105303 C110.125415,146.571597 111.213433,147.03789 112.301451,147.659615 C113.234039,148.28134 114.166626,148.903064 114.78835,149.68022 L107.638516,157.296348 Z M141.522512,155.586605 C141.056219,155.431174 140.434494,155.275742 139.9682,155.275742 L138.56932,155.275742 C137.015008,155.275742 135.771559,155.586605 134.68354,156.052898 C133.595522,156.674623 132.818366,157.296348 132.196642,158.073503 C131.574917,158.850659 131.108623,159.783246 130.797761,160.715833 C130.486899,161.64842 130.331468,162.425576 130.331468,163.202732 L130.331468,181.232748 L118.67413,181.232748 L118.67413,145.949872 L129.865174,145.949872 L129.865174,151.079101 L130.020605,151.079101 C130.953192,149.213927 132.196642,147.815046 133.906385,146.727028 C135.616128,145.63901 137.481302,145.017285 139.657338,145.017285 L141.056219,145.017285 C141.522512,145.017285 141.833374,145.172716 142.144237,145.172716 L141.522512,155.586605 Z M168.878399,186.517408 C168.101243,188.382582 167.324087,189.936894 166.546931,191.491206 C165.614344,192.890086 164.681757,194.133536 163.438308,195.221554 C162.194858,196.309572 160.795978,196.931297 159.241666,197.553022 C157.687354,198.019315 155.666749,198.330177 153.490712,198.330177 C152.402694,198.330177 151.314676,198.330177 150.071227,198.174746 C148.983208,198.019315 147.89519,197.863884 147.118034,197.553022 L148.361484,187.760858 C148.983208,187.916289 149.604933,188.07172 150.226658,188.227151 C150.848383,188.382582 151.470107,188.382582 152.091832,188.382582 C153.957006,188.382582 155.200455,187.916289 155.977611,187.139133 C156.754767,186.361977 157.531923,185.118528 157.998216,183.564216 L159.086235,180.611024 L144.320273,145.949872 L157.221061,145.949872 L165.14805,168.642823 L165.303482,168.642823 L172.297884,145.949872 L184.576947,145.949872 L168.878399,186.517408 Z M227.009658,163.513595 C227.009658,166.000493 226.698795,168.331961 225.921639,170.663429 C225.144483,172.994896 224.056465,174.86007 222.657585,176.725244 C221.258704,178.434987 219.39353,179.833868 217.372925,180.921886 C215.35232,182.009904 212.865421,182.476198 210.223091,182.476198 C208.047054,182.476198 206.026449,182.009904 204.005844,181.232748 C202.14067,180.300161 200.586358,179.212143 199.49834,177.657831 L199.342909,177.657831 L199.342909,198.64104 L187.685571,198.64104 L187.685571,146.416165 L198.721184,146.416165 L198.721184,150.768238 L198.876615,150.768238 C199.964633,149.369358 201.518945,148.125908 203.384119,147.03789 C205.249293,145.949872 207.580761,145.483578 210.223091,145.483578 C212.70999,145.483578 215.041457,145.949872 217.217494,147.03789 C219.238099,147.970477 221.103273,149.369358 222.502153,151.079101 C223.901034,152.788844 224.989052,154.809449 225.766208,156.985485 C226.543364,158.695228 227.009658,161.026696 227.009658,163.513595 Z M215.663182,163.513595 C215.663182,162.425576 215.507751,161.337558 215.196888,160.24954 C214.886026,159.161522 214.264301,158.228935 213.642577,157.451779 C213.020852,156.674623 212.088265,155.897467 211.000247,155.431174 C209.912228,154.96488 208.82421,154.654018 207.42533,154.654018 C206.026449,154.654018 204.938431,154.96488 203.850413,155.431174 C202.762394,155.897467 201.985239,156.674623 201.208083,157.451779 C200.430927,158.228935 199.964633,159.316953 199.49834,160.404971 C199.032046,161.492989 198.876615,162.581007 198.876615,163.669026 C198.876615,164.757044 199.032046,165.845062 199.49834,166.93308 C199.964633,168.021099 200.430927,168.953686 201.208083,169.886273 C201.985239,170.663429 202.762394,171.440584 203.850413,171.906878 C204.938431,172.373171 206.026449,172.684034 207.42533,172.684034 C208.82421,172.684034 210.06766,172.373171 211.000247,171.906878 C212.088265,171.440584 212.865421,170.663429 213.642577,169.886273 C214.264301,169.109117 214.886026,168.021099 215.196888,166.93308 C215.507751,165.689631 215.663182,164.601613 215.663182,163.513595 Z M245.505967,154.654018 L245.505967,168.17653 C245.505967,169.886273 245.81683,171.129722 246.438554,171.906878 C247.060279,172.684034 248.148297,173.150327 249.85804,173.150327 C250.479765,173.150327 251.101489,173.150327 251.723214,172.994896 C252.344939,172.839465 252.966664,172.684034 253.277526,172.528603 L253.432957,181.077317 C252.655801,181.388179 251.567783,181.543611 250.324334,181.854473 C249.080884,182.009904 247.837435,182.165335 246.593985,182.165335 C244.262518,182.165335 242.241913,181.854473 240.687601,181.232748 C239.133289,180.611024 237.734409,179.833868 236.801821,178.74585 C235.869234,177.657831 235.092079,176.258951 234.781216,174.704639 C234.470354,173.150327 234.159492,171.440584 234.159492,169.57541 L234.159492,154.654018 L228.563969,154.654018 L228.563969,145.949872 L234.159492,145.949872 L234.159492,136.624002 L245.505967,136.624002 L245.505967,145.949872 L253.743819,145.949872 L253.743819,154.654018 L245.505967,154.654018 L245.505967,154.654018 Z" fill="#003A70"> </path> </g> </g></svg>
                        <svg viewBox="-19.5 0 295 295" width="27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1"> <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"> </feOffset> <feGaussianBlur stdDeviation="6.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> </filter> <linearGradient x1="48.5477412%" y1="115.276174%" x2="51.0473804%" y2="41.3637237%" id="linearGradient-2"> <stop stop-color="#FFEED7" offset="0%"> </stop> <stop stop-color="#BDBFC2" offset="100%"> </stop> </linearGradient> <linearGradient x1="54.4065463%" y1="2.40410545%" x2="46.1753957%" y2="90.5422349%" id="linearGradient-3"> <stop stop-color="#FFFFFF" stop-opacity="0.8" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="51.859653%" y1="88.2477484%" x2="47.9469396%" y2="9.74782136%" id="linearGradient-4"> <stop stop-color="#FFEED7" offset="0%"> </stop> <stop stop-color="#BDBFC2" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.9251097%" y1="85.4900173%" x2="49.9236843%" y2="13.8109272%" id="linearGradient-5"> <stop stop-color="#FFEED7" offset="0%"> </stop> <stop stop-color="#BDBFC2" offset="100%"> </stop> </linearGradient> <linearGradient x1="53.9014071%" y1="3.10177585%" x2="45.9555354%" y2="93.8949571%" id="linearGradient-6"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="45.5928761%" y1="5.47459052%" x2="54.811359%" y2="93.5235162%" id="linearGradient-7"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.9844987%" y1="89.8452442%" x2="49.9844987%" y2="40.6316864%" id="linearGradient-8"> <stop stop-color="#FFEED7" offset="0%"> </stop> <stop stop-color="#BDBFC2" offset="100%"> </stop> </linearGradient> <linearGradient x1="53.5047131%" y1="99.97524%" x2="42.7455968%" y2="23.5451715%" id="linearGradient-9"> <stop stop-color="#FFEED7" offset="0%"> </stop> <stop stop-color="#BDBFC2" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.8413363%" y1="13.2289558%" x2="50.2412612%" y2="94.6729694%" id="linearGradient-10"> <stop stop-color="#FFFFFF" stop-opacity="0.8" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.9272298%" y1="37.3270337%" x2="50.7270446%" y2="92.7824735%" id="linearGradient-11"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.8755597%" y1="2.29900584%" x2="49.8755597%" y2="81.203617%" id="linearGradient-12"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.8334391%" y1="2.27189065%" x2="49.8240398%" y2="71.7989617%" id="linearGradient-13"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="53.4670683%" y1="48.9213861%" x2="38.9488708%" y2="98.0999776%" id="linearGradient-14"> <stop stop-color="#FFA63F" offset="0%"> </stop> <stop stop-color="#FFFF00" offset="100%"> </stop> </linearGradient> <linearGradient x1="52.3731508%" y1="143.008909%" x2="47.57909%" y2="-64.6215389%" id="linearGradient-15"> <stop stop-color="#FFEED7" offset="0%"> </stop> <stop stop-color="#BDBFC2" offset="100%"> </stop> </linearGradient> <linearGradient x1="30.580815%" y1="34.0241079%" x2="65.8867024%" y2="89.175349%" id="linearGradient-16"> <stop stop-color="#FFA63F" offset="0%"> </stop> <stop stop-color="#FFFF00" offset="100%"> </stop> </linearGradient> <linearGradient x1="59.5715091%" y1="-17.2155207%" x2="48.3608522%" y2="66.1184465%" id="linearGradient-17"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="47.7689553%" y1="1.56481301%" x2="51.3733028%" y2="104.312856%" id="linearGradient-18"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="43.5495626%" y1="4.5334861%" x2="57.1143288%" y2="92.8267174%" id="linearGradient-19"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> <linearGradient x1="49.7328042%" y1="17.6085216%" x2="50.5582487%" y2="99.3854667%" id="linearGradient-20"> <stop stop-color="#FFA63F" offset="0%"> </stop> <stop stop-color="#FFFF00" offset="100%"> </stop> </linearGradient> <linearGradient x1="50.1697217%" y1="2.89048531%" x2="49.6802359%" y2="94.1704279%" id="linearGradient-21"> <stop stop-color="#FFFFFF" stop-opacity="0.65" offset="0%"> </stop> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"> </stop> </linearGradient> </defs> <g fill="none"> <g transform="translate(10.000000, 0.000000)"> <path d="M235.125423,249.358628 C235.125423,266.714271 182.507524,280.855905 117.584567,280.855905 C52.6616093,280.855905 0.0437105058,266.806099 0.0437105058,249.358628 L0.0437105058,249.358628 C0.0437105058,232.002986 52.6616093,217.861352 117.584567,217.861352 C182.507524,217.861352 235.033594,232.002986 235.125423,249.358628 L235.125423,249.358628 L235.125423,249.358628 Z" fill="#000000" fill-opacity="0.2" filter="url(#filter-1)"> </path> <path d="M53.2125821,215.473804 C41.8258117,199.128278 39.6219206,145.867578 66.160442,113.084699 C79.2919595,97.3819748 82.6896249,86.4543483 83.6997416,71.6699125 C84.434372,54.8652433 71.8538272,4.81855066 119.237485,1.05357012 C167.263944,-2.80323922 164.600909,44.5804184 164.325423,69.6496791 C164.141765,90.7703016 179.844489,102.799874 190.680286,119.329056 C210.607135,149.632558 208.954216,201.791313 186.915306,230.074582 C158.999353,265.428667 135.123866,250.093259 119.237485,251.378862 C89.4849556,253.123609 88.4748389,268.918162 53.2125821,215.473804 L53.2125821,215.473804 Z" fill="#000000"> </path> <path d="M169.10052,122.451235 C177.365111,130.073025 198.76122,164.141508 164.876395,185.445788 C152.938652,192.88392 175.528535,221.167189 186.364333,207.484699 C205.556551,182.874582 193.343321,143.571858 181.772893,129.522053 C174.059275,119.604543 162.121532,115.747734 169.10052,122.451235 L169.10052,122.451235 Z" fill="url(#linearGradient-2)"> </path> <path d="M166.8048,117.859796 C180.395461,128.879251 205.097407,167.447344 169.008691,192.608434 C157.162777,200.413881 179.477174,225.115827 192.057718,212.535282 C235.676395,168.641119 190.955773,118.227111 175.528535,100.871469 C161.754216,85.719718 149.540987,104.360963 166.8048,117.859796 L166.8048,117.859796 Z" stroke="#000000" stroke-width="0.9773" fill="#000000"> </path> <path d="M147.245267,25.0208853 C146.786123,37.60143 132.919975,48.5290565 116.298963,49.5391732 C99.6779518,50.54929 86.638263,40.9990954 87.097407,28.4185507 L87.097407,28.4185507 C87.556551,15.8380059 101.422699,4.91037946 118.043711,3.90026272 C134.664722,2.98197479 147.704411,12.4403405 147.245267,25.0208853 L147.245267,25.0208853 L147.245267,25.0208853 Z" fill="url(#linearGradient-3)"> </path> <path d="M107.483399,54.9570721 C107.942543,63.1298347 104.085734,70.0169942 98.7596638,70.2924806 C93.4335938,70.567967 88.7503253,64.2317802 88.2911813,56.0590176 L88.2911813,56.0590176 C87.8320374,47.8862549 91.6888467,40.9990954 97.0149167,40.723609 C102.340987,40.4481226 107.024255,46.7843094 107.483399,54.9570721 L107.483399,54.9570721 L107.483399,54.9570721 Z" fill="url(#linearGradient-4)"> </path> <path d="M117.125423,55.5998736 C117.30908,65.0582394 123.461609,72.5882005 130.807913,72.4045429 C138.154216,72.2208853 143.93943,64.4154378 143.755773,54.8652433 L143.755773,54.8652433 C143.572115,45.4068775 137.419586,37.8769164 130.073282,38.060574 C122.726979,38.2442316 116.849936,46.1415079 117.125423,55.5998736 L117.125423,55.5998736 L117.125423,55.5998736 Z" fill="url(#linearGradient-5)"> </path> <path d="M123.186123,57.7119359 C123.094294,62.9461771 125.6655,67.1703016 129.063166,67.1703016 C132.369002,67.1703016 135.215695,62.9461771 135.307524,57.8037647 L135.307524,57.8037647 C135.399353,52.5695234 132.828146,48.3453989 129.430481,48.3453989 C126.032816,48.3453989 123.277952,52.5695234 123.186123,57.7119359 L123.186123,57.7119359 L123.186123,57.7119359 Z" fill="#000000"> </path> <path d="M101.973672,57.8037647 C102.432816,62.119718 100.779897,65.7928697 98.3923486,66.1601849 C96.0048,66.4356713 93.7090802,63.2216635 93.2499362,58.9057102 L93.2499362,58.9057102 C92.7907922,54.5897569 94.4437105,50.9166051 96.8312591,50.54929 C99.2188078,50.2738036 101.514528,53.4878114 101.973672,57.8037647 L101.973672,57.8037647 L101.973672,57.8037647 Z" fill="#000000"> </path> <path d="M124.563555,54.7734145 C124.288068,57.7119359 125.6655,60.0994845 127.593905,60.2831421 C129.52231,60.4667997 131.358886,58.1710798 131.634372,55.3243872 L131.634372,55.3243872 C131.909858,52.3858658 130.532426,49.9983172 128.604022,49.8146596 C126.675617,49.631002 124.839041,51.9267219 124.563555,54.7734145 L124.563555,54.7734145 L124.563555,54.7734145 Z" fill="url(#linearGradient-6)"> </path> <path d="M99.9534381,55.5080448 C100.228925,57.8955935 99.2188078,60.0076557 97.7495471,60.1913133 C96.2802864,60.3749709 94.9028545,58.538395 94.6273681,56.0590176 L94.6273681,56.0590176 C94.3518817,53.6714689 95.3619984,51.5594067 96.8312591,51.3757491 C98.3005198,51.1920915 99.6779518,53.1204962 99.9534381,55.5080448 L99.9534381,55.5080448 L99.9534381,55.5080448 Z" fill="url(#linearGradient-7)"> </path> <path d="M71.0273681,145.68392 C77.5472125,130.899485 91.4133603,104.911936 91.6888467,84.80143 C91.6888467,68.8232199 139.531648,64.9664106 143.388458,80.9446207 C147.245267,96.9228308 156.979119,120.798317 163.223477,132.368745 C169.467835,143.847344 187.558107,180.487033 168.274061,212.443453 C150.918419,240.726722 98.3005198,263.132948 70.2009089,208.586644 C60.6507144,189.669913 62.3954615,166.25357 71.0273681,145.68392 L71.0273681,145.68392 Z" fill="url(#linearGradient-8)"> </path> <path d="M65.1503253,134.664465 C59.5487689,145.224776 47.9783409,172.957072 76.2616093,188.108823 C106.65694,204.270691 106.565111,237.420885 70.0172514,221.626333 C36.5915704,207.39287 51.3760062,149.724387 60.7425432,135.950068 C66.8032436,126.308045 75.986123,114.46213 65.1503253,134.664465 L65.1503253,134.664465 Z" fill="url(#linearGradient-9)"> </path> <path d="M69.9254226,122.726722 C61.0180296,137.235671 39.7137494,171.395983 68.2725043,189.210769 C106.65694,212.810769 95.8211424,236.31894 60.7425432,215.106488 C11.3386521,185.537617 54.7736716,125.848901 74.5168623,103.07536 C97.1067455,77.5469553 78.8328156,107.758628 69.9254226,122.726722 L69.9254226,122.726722 Z" stroke="#000000" stroke-width="1.25" fill="#000000"> </path> <path d="M156.428146,151.285477 C156.428146,167.447344 140.90908,188.384309 114.27873,188.200652 C86.8219206,188.384309 75.1596638,167.447344 75.1596638,151.285477 C75.1596638,135.123609 93.341765,121.992092 115.747991,121.992092 C138.246045,122.08392 156.428146,135.123609 156.428146,151.285477 L156.428146,151.285477 Z" fill="url(#linearGradient-10)"> </path> <path d="M141.919197,100.504154 C141.643711,117.216994 130.716084,121.165632 116.941765,121.165632 C103.167446,121.165632 93.1581074,118.686255 91.9643331,100.504154 C91.9643331,89.1173833 103.167446,82.5057102 116.941765,82.5057102 C130.716084,82.4138814 141.919197,89.0255546 141.919197,100.504154 L141.919197,100.504154 Z" fill="url(#linearGradient-11)"> </path> <path d="M58.6304809,126.216216 C67.6297027,112.533726 86.638263,91.504932 62.2118039,129.154737 C42.3767844,160.19287 54.8655004,180.119718 61.293516,185.629446 C79.8429323,202.158628 79.1083019,213.269913 64.5075237,204.546177 C33.1939051,185.904932 39.7137494,154.499485 58.6304809,126.216216 L58.6304809,126.216216 Z" fill="url(#linearGradient-12)"> </path> <path d="M188.935539,131.817772 C181.130092,115.747734 156.336318,74.9757491 190.129314,122.359407 C220.89196,165.243453 199.312193,195.087811 195.455384,198.026333 C191.598574,200.964854 178.650714,206.933726 182.415695,196.557072 C186.272504,186.180418 205.372893,166.529056 188.935539,131.817772 L188.935539,131.817772 Z" fill="url(#linearGradient-13)"> </path> <path d="M51.8351502,258.541508 C31.2655004,247.613881 1.42114241,260.65357 12.2569401,231.084699 C14.4608311,224.381197 9.0429323,214.280029 12.5324265,207.760185 C16.6647222,199.77108 25.5721152,201.515827 30.8981852,196.189757 C36.1324265,190.680029 39.438263,181.129835 49.263944,182.599095 C58.9977961,184.068356 65.5176405,196.006099 72.3129712,210.698706 C77.3635549,221.167189 95.1783409,235.951625 93.9845665,247.70571 C92.5153058,265.704154 72.0374848,269.101819 51.8351502,258.541508 L51.8351502,258.541508 Z" stroke="#E68C3F" stroke-width="6.25" fill="url(#linearGradient-14)"> </path> <path d="M201.607913,189.11894 C198.485734,194.995983 185.446045,204.454348 176.72231,201.974971 C167.906746,199.587422 163.866279,186.180418 165.611026,175.987422 C167.263944,164.600652 176.72231,163.95785 188.660053,169.651235 C201.516084,175.987422 205.372893,181.313492 201.607913,189.11894 L201.607913,189.11894 Z" fill="url(#linearGradient-15)"> </path> <path d="M194.445267,253.490924 C209.505189,235.216994 243.022699,238.981975 220.432816,213.912714 C215.657718,208.494815 217.126979,196.924387 211.249936,191.965632 C204.362777,185.904932 196.740987,190.863687 189.761998,187.741508 C182.78301,184.343842 175.436707,177.823998 166.896629,182.415438 C158.356551,187.098706 157.438263,199.220107 156.611804,215.198317 C155.877174,226.676916 145.408691,245.869134 151.010247,256.429446 C159.091181,272.774971 180.119975,270.57108 194.445267,253.490924 L194.445267,253.490924 Z" stroke="#E68C3F" stroke-width="6.2507" fill="url(#linearGradient-16)"> </path> <path d="M187.925423,229.064465 C211.249936,194.628667 193.894294,194.904154 188.017251,192.241119 C182.140209,189.486255 175.987679,184.068356 169.10052,187.833337 C162.21336,191.690146 161.846045,201.607656 161.662388,214.647344 C161.386901,224.013881 153.581454,239.716605 158.264722,248.440341 C163.958107,258.633337 177.732426,243.848901 187.925423,229.064465 L187.925423,229.064465 Z" fill="url(#linearGradient-17)"> </path> <path d="M47.0600529,234.02322 C12.1651113,211.433337 28.5106366,203.719718 33.7448778,200.138395 C40.0810646,195.546955 40.1728934,186.731391 47.9783409,187.55785 C55.7837883,188.384309 60.375228,198.026333 65.6094693,209.964076 C69.4662786,218.504154 82.8732825,229.890924 81.8631658,239.716605 C80.5775626,251.287033 62.1199751,243.665243 47.0600529,234.02322 L47.0600529,234.02322 Z" fill="url(#linearGradient-18)"> </path> <path d="M199.587679,188.843453 C196.832816,193.618551 185.629703,201.148512 178.19157,199.128278 C170.569781,197.199874 167.080286,186.455905 168.641376,178.374971 C170.018808,169.192092 178.19157,168.732948 188.476395,173.324387 C199.404022,178.283142 202.801687,182.507267 199.587679,188.843453 L199.587679,188.843453 Z" fill="#000000"> </path> <path d="M192.057718,186.180418 C190.312971,189.486255 182.966668,194.720496 177.824255,193.343064 C172.681843,191.965632 170.110637,184.5275 170.937096,178.925944 C171.671726,172.589757 177.181454,172.222442 184.160442,175.344621 C191.690403,178.834115 194.077952,181.772636 192.057718,186.180418 L192.057718,186.180418 Z" fill="url(#linearGradient-19)"> </path> <path d="M97.1067455,66.3438425 C100.779897,62.9461771 109.68729,52.5695234 126.583788,63.4053211 C129.705967,65.4255546 132.277174,65.6092121 138.246045,68.1804184 C150.275617,73.1391732 144.582232,85.0769164 131.726201,89.1173833 C126.216473,90.8621304 121.257718,97.5656324 111.340209,96.9228308 C102.800131,96.4636868 100.59624,90.8621304 95.3619984,87.8317802 C86.0872903,82.597539 84.7098584,75.5267219 89.760442,71.7617413 C94.8110257,67.9967608 96.7394304,66.6193289 97.1067455,66.3438425 L97.1067455,66.3438425 Z" stroke="#E68C3F" stroke-width="3.75" fill="url(#linearGradient-20)"> </path> <path d="M138.429703,75.9858658 C133.379119,76.2613522 122.451493,87.1889787 110.972893,87.1889787 C99.4942942,87.1889787 92.6071346,76.5368386 90.8623875,76.5368386" stroke="#E68C3F" stroke-width="2.5"> </path> <path d="M102.800131,65.4255546 C104.636707,63.7726363 110.421921,59.2730254 118.043711,63.8644651 C119.696629,64.782753 121.349547,65.7928697 123.737096,67.1703016 C128.604022,70.0169942 126.216473,74.14929 120.33943,76.7204962 C117.676395,77.8224417 113.268613,80.2099904 109.962777,80.0263328 C106.289625,79.6590176 103.810247,77.2714689 101.422699,75.7103795 C96.9230879,72.7718581 97.1985743,70.2924806 99.3106366,68.364076 C100.871726,66.8948153 102.616473,65.5173833 102.800131,65.4255546 L102.800131,65.4255546 Z" fill="url(#linearGradient-21)"> </path> </g> </g> </g></svg>
                        <svg viewBox="0 0 32 32" fill="none" width="27" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="#E95420"></path> <path d="M6.82154 14.1563C5.81185 14.1563 5 14.9865 5 16.0035C5 17.0205 5.81867 17.8507 6.82154 17.8507C7.82442 17.8507 8.64309 17.0205 8.64309 16.0035C8.64309 14.9795 7.82442 14.1563 6.82154 14.1563ZM19.8316 22.5482C18.9583 23.0602 18.665 24.1879 19.163 25.0734C19.6679 25.959 20.7799 26.2634 21.6531 25.7514C22.5264 25.2395 22.8197 24.1118 22.3217 23.2262C21.8101 22.3476 20.698 22.0432 19.8316 22.5482ZM10.7785 16.0035C10.7785 14.177 11.6722 12.565 13.0434 11.5896L11.7131 9.32725C10.1167 10.4065 8.93645 12.06 8.43842 13.9902C9.01149 14.4676 9.37989 15.194 9.37989 16.0035C9.37989 16.8129 9.01149 17.5393 8.43842 18.0167C8.92962 19.9469 10.1167 21.6004 11.7131 22.6797L13.0434 20.4174C11.6722 19.4419 10.7785 17.8299 10.7785 16.0035ZM16.0998 10.6071C18.8833 10.6071 21.1619 12.7657 21.4007 15.5261L24 15.4846C23.8704 13.4506 22.9971 11.6241 21.6463 10.282C20.9504 10.5449 20.1522 10.5034 19.4632 10.1021C18.7673 9.69393 18.3375 9.01593 18.2147 8.26875C17.5393 8.08195 16.8298 7.97817 16.0998 7.97817C14.8377 7.97817 13.6506 8.27566 12.5932 8.80838L13.8621 11.1053C14.5375 10.787 15.3016 10.6071 16.0998 10.6071ZM16.0998 21.3998C15.3016 21.3998 14.5375 21.2199 13.8553 20.9017L12.5864 23.1985C13.6438 23.7313 14.8377 24.0287 16.093 24.0287C16.823 24.0287 17.5325 23.925 18.2079 23.7382C18.3239 22.9979 18.7605 22.313 19.4564 21.9048C20.1454 21.4966 20.9504 21.462 21.6395 21.7249C22.9835 20.3828 23.8636 18.5563 23.9932 16.5223L21.3939 16.4808C21.1619 19.2343 18.8833 21.3998 16.0998 21.3998ZM19.8248 9.45178C20.698 9.96374 21.8101 9.65933 22.3149 8.77378C22.8197 7.88824 22.5196 6.76054 21.6463 6.24859C20.7731 5.73663 19.661 6.04104 19.1562 6.92659C18.6582 7.81213 18.9583 8.93983 19.8248 9.45178Z" fill="white"></path> </g></svg>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="mb-7 p-5 border-[#eef0fc] border">
        <h3 class="text-2xl text-[#232f4b] relative capitalize pb-5 mb-5
            before:absolute before:left-0 before:bottom-0 before:w-[55px] before:h-[4px]
            before:rounded-[10px]
            before:bg-[#3756f7]
            after:absolute after:left-[65px] after:bottom-0 after:w-[70%] after:h-[4px]
            after:rounded-[10px]
            after:bg-[#f2f2f2] ">Newsletter</h3>
        <p class="text-base text-[#232f4b] text-left mb-3">Join 20,000+ subscribers!</p>
        <form method="POST" class="form">
            <input type="hidden" name="csrfmiddlewaretoken" value="yb6CbSMMGxNZrGAE5Udi74Kfw6g5o8Q4I7pLcabqut0ueqbu4M8HozFSHczu730H">
            <input type="email" name="email" placeholder="Email Address" required
                class="block w-full h-[55px] shadow-[0px_1px_10px_rgba(16,45,72,0.15)] p-4
                text-center focus:shadow-[0px_1px_10px_rgba(16,45,72,0.15)] rounded-xl focus-visible:outline-none">
            <button type="submit"
                class="bg-[#3756f7] rounded-xl w-full h-[55px] text-center text-white border-none my-5">Sign
                Up
            </button>

        </form>
        <span class="text-[15px] text-[#444444]">
            By signing up you agree to our 
            <a href="/privacy-policy/" class="text-[#232f4b] font-bold">Privacy Policy</a>
        </span>
        <!-- Display messages if any -->
        <!-- Display messages if any -->
        
    </div>
    <div>
        <a href="#">
            <img src="/static/assets/images/add.jpg" alt="" class="w-full md:w-auto">
        </a>
    </div>
</div>
            </div>
            <!-- end of wpo-hero-slide-section-->
        </div>
    </div>
</div>


<!-- start wpo-subscribe-section -->
<section class="py-[60px] sm:py-[40px] sm:pt-0">
    <div class="wraper">
        <div
            class="p-[70px_100px] lg:p-[70px] md:p-[50px_30px] col:p-[40px_30px] relative overflow-hidden bg-[url(../images/newslatter-bg.png)] bg-no-repeat bg-center rounded-[60px] z-10 col:rounded-[30px]">
            <div class="text-center mb-[40px] md:mb-[20px]">
                <h3
                    class="text-[40px] text-white my-4 font-bold lg:text-[32px] md:text-[28px] md:mt-0 col:text-[24px]">
                    Never miss any Update!</h3>
                <p class="text-[21px] text-white md:text-[16px]">Get the newest tech news and updates sent
                    to your inbox.</p>
            </div>
            <form method="POST">
                <input type="hidden" name="csrfmiddlewaretoken" value="yb6CbSMMGxNZrGAE5Udi74Kfw6g5o8Q4I7pLcabqut0ueqbu4M8HozFSHczu730H">
                <div class="relative max-w-[600px] mx-auto">
                    <input name="email" type="email" placeholder="Enter your email" required
                        class="w-full p-[40px] pr-[190px] h-[75px] rounded-[5px] bg-white text-[#444444]
                        sm:h-[55px] placeholder-[#444]
                            sm:p-[30px] sm:pr-[145px] col:p-[10px] col:pr-[100px] focus:outline-0 focus:shadow-none">
                    <button type="submit" class="absolute right-[8px] top-[8px] h-[65px] w-[170px] border-[0] bg-[#3756f7] rounded-[3px] text-white 
                    pr-[40px] sm:h-[45px] sm:w-[130px] col:w-[80px] col:h-[40px] col:pr-0 before:absolute
                        before:right-[40px] before:top-[50%] before:content-['\f117'] before:font-['Flaticon']
                        before:translate-y-[-50%]  sm:before:right-[10px] col:before:hidden">Subscribe</button>
                </div>
            </form>
            <!-- Display messages if any -->
            
        </div>
    </div> <!-- end container -->
</section>
<!-- end subscribe-section -->


        
<!-- start footer -->
<section class="bg-[#191a1f] relative z-[1]">
    <div class="py-[80px] md:pb-[60px] relative overflow-hidden">
        <div class="wraper">
            <div class="grid grid-cols-12 gap-4">
                <div class="col-span-3 lg:col-span-3 md:col-span-6 sm:col-span-6 col:col-span-12 md:mb-[30px]">
                    <div class="max-w-[180px] mb-[30px]">
                        <img class="" src="/static/eric/create-with-eric-light.png" alt="Muturi Eric Wanjohi - Software Engineer & Best Technical Writer"></a>
                    </div>
                    <p class="mb-[10px] text-white text-[16px] leading-[30px]">
                        I am passionate about elevating brand presence through 
                        dynamic & strategic brand identity development, engaging social media graphics and user-centric applications.
                    </p>
                </div>
                <div class="col-span-3 lg:col-span-3 md:col-span-6 sm:col-span-6 col:col-span-12 md:mb-[30px]">
                    <div class="pl-[50px] lg:pl-0 md:pl-0">
                        <div class="mb-[30px]">
                            <h3 class="text-[25px] text-white capitalize relative font-heading-font font-bold
                                ">Quick Link</h3>
                        </div>
                        <ul>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/blogs/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Blogs & Insights
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/about/projects/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Projects
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/about/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    About me
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/services/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Skills & Services
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/contact-me/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Contact me
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-span-3 lg:col-span-3 md:col-span-6 sm:col-span-6 col:col-span-12 md:mb-[30px]">
                    <div class="px-[20px] lg:px-0 ">
                        <div class="mb-[30px]">
                            <h3 class="text-[25px] text-white capitalize relative font-heading-font font-bold
                                ">More Links</h3>
                        </div>
                        <ul>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/privacy-policy/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Privacy & Policy
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="https://emore.co.ke/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]" target="_blank">
                                    About Emore Systems
                                </a>
                            </li>
                            <!-- <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/about/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    About me
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/services/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Skills & Services
                                </a>
                            </li>
                            <li class="relative z-[1] py-[6px] pl-[15px] before:absolute before:left-0
                                before:top-[50%] before:-translate-y-1/2 before:-z-[1] before:w-[5px]
                                before:h-[2px] before:bg-[#cbcbcb] before:transition-all before:duration-300
                                hover:before:bg-[#3756f7] group">
                                <a href="/contact-me/" class="text-[16px] transition-all text-white 
                                    duration-300 group-hover:text-[#3756f7]">
                                    Contact me
                                </a>
                            </li> -->
                    </div>
                </div>
                <div class="col-span-3 lg:col-span-3 md:col-span-6 sm:col-span-6 col:col-span-12 md:mb-[30px]">
                    <div class="mb-[30px]">
                        <h3 class="text-[25px] text-white capitalize relative font-heading-font font-bold
                                ">Newsletter</h3>
                    </div>
                    <p class="mb-[10px] text-white text-[16px] leading-[30px]">Share your email & never miss insights and updates from me.</p>
                    <form method="POST" class="mt-[25px] relative">
                        <input type="hidden" name="csrfmiddlewaretoken" value="yb6CbSMMGxNZrGAE5Udi74Kfw6g5o8Q4I7pLcabqut0ueqbu4M8HozFSHczu730H">
                        <input type="email" name="email" class="bg-[#28343e] h-[55px] text-white p-[6px_15px] 
                        border-[1px] border-[#28343e] w-full focus:outline-0 rounded-[5px] "
                            placeholder="Email Address *" required="">
                        <div class="absolute right-[5px] top-[-17px] translate-y-1/2">
                            <button type="submit" class="bg-[#3756f7] border-0 outline-0
                                text-white w-[40px] h-[45px] leading-[45px] rounded-[5px] ">
                                <i class="fi flaticon-send"></i>
                            </button>
                        </div>
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="text-center relative bg-[#101010] py-[20px]">
        <div class="wraper">
            <div class="grid grid-cols-12 gap-4">
                <div class="col-span-12 md:col-span-12">
                    <p class="text-[15px] text-white text-center">
                        Copyright &copy; <script>document.write(new Date().getFullYear());</script> - All Right Reserved by
                        <a href="https://emore.co.ke/" class="text-[#3756f7]">Emore Systems & Eric😎</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

    </div>
    <!-- All JavaScript files
    ================================================== -->
    <script src="/static/assets/js/jquery.min.js"></script>
    <!-- Plugins for this template -->
    <script src="/static/assets/js/modernizr.custom.js"></script>
    <script src="/static/assets/js/jquery-plugin-collection.js"></script>
    <script src="/static/assets/js/tw-elements.umd.min.js"></script>
    <script src="/static/assets/js/moving-animation.js"></script>
    <!-- Custom script for this template -->
    <script src="/static/assets/js/script.js"></script>
</body>
</html>