index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-36459796-2"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-36459796-2');
    </script>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZVZFHLFSML"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-ZVZFHLFSML');
    </script>

    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

    <!-- Twitter card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@FreshbitsWeb">

    <meta property="og:url" content="https://www.freshbits.in/">
    <meta property="og:title" content="Freshbits Web Solutions | Web apps | Backend systems | Laravel | Vue.js">
    <meta property="og:description" content="Freshbits Web Solutions offers web development services to the companies and individuals with great ideas and world-class vision. We specialize in Laravel and other PHP based backend development services.">
    <meta property="og:image" content="https://www.freshbits.in/images/meta/freshbits-web-solutions-web-apps-backend-systems-laravel-vue-js.png">

    <meta name="title" content="Freshbits Web Solutions | Web Development Services">
    <meta name="description" content="Freshbits Web Solutions offers web development services to the companies and individuals with great ideas and world-class vision. We specialize in Laravel and other PHP based backend development services.">
    <meta name="keywords" content="Website Development, Website Customization, Performance Optimization, Backend Development, PHP Development, Laravel Development" />

    <title>Freshbits Web Solutions | Web apps | Backend systems | Laravel | Vue.js</title>

    <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
    <link rel="manifest" href="images/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="css/bootstrap.min.css">

    <link rel="stylesheet" href="css/animate.css">

    <link rel="stylesheet" href="css/style.css">

    <link rel="stylesheet" href="css/font-awesome.min.css">

    <link rel="stylesheet" href="css/slick.css">

    <link rel="stylesheet" href="css/lity.css">

    <link href="https://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>

<body id="home">
    <div class="background-svg">
        <div class="svg-box">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                viewBox="0 0 1920 1053.23">
                <defs>
                    <style>
                        .bg-1 {
                            fill: none;
                        }

                        .bg-2 {
                            clip-path: url(#clip-path);
                        }

                        .bg-3 {
                            fill: url(#linear-gradient);
                        }
                    </style>

                    <clipPath id="clip-path" transform="translate(0 0)">
                        <polygon class="bg-1" points="0 0 0 1053.23 1920 902.18 1920 0 0 0">
                    </clipPath>

                    <linearGradient id="linear-gradient" y1="1053.23" x2="1" y2="1053.23"
                        gradientTransform="matrix(1920, 0, 0, -1920, 0, 2022737.79)" gradientUnits="userSpaceOnUse">
                        <stop offset="0" stop-color="#101626">
                            <stop offset="1" stop-color="#171f34">
                    </linearGradient>
                </defs>
                <title>Background</title>
                <g id="Layer_2" data-name="Layer 2">
                    <g id="Layer_1-2" data-name="Layer 1">
                        <g class="bg-2">
                            <rect class="bg-3" width="1920" height="1053.23">
                        </g>
                    </g>
                </g>
            </svg>
        </div>
        <div class="svg-box-res"></div>
    </div>

    <nav class="navbar navbar-default navbar-fixed-top" id="nav-main">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed x" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar i1"></span>
                    <span class="icon-bar i2"></span>
                    <span class="icon-bar i3"></span>
                </button>

                <a class="navbar-brand text-center" href="/" data-aos="fade-In"></a>
            </div>

            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#service" class="page-scroll">Services</a>
                    </li>

                    <li>
                        <a href="#portfolio" class="page-scroll">Portfolio</a>
                    </li>

                    <li>
                        <a href="#testimonial" class="page-scroll">Testimonials</a>
                    </li>

                    <li>
                        <a href="careers.html" class="page-scroll">Careers</a>
                    </li>

                    <li>
                        <a href="#contact" class="page-scroll">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <section id="home">
        <div class="landing-home">
            <div class="container">
                <div class="bg-inner">
                    <div class="bg-container">
                        <h1 data-animation="fadeInUp" data-animation-delay="100">
                            We do the
                            <span class="tlt">
                                <ul class="load-text">
                                    <li>hard work</li>
                                    <li>magic&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                                    <li>crafting&nbsp;&nbsp;</li>
                                    <li>optimization</li>
                                </ul>
                            </span>
                        </h1>

                        <h1 data-animation="fadeInUp" data-animation-delay="300">behind what you see.</h1>

                        <p>Elegant Web apps and Powerful backend systems for the<br>leading companies of the age.</p>

                        <div id="subscribe-input" class="form-wapper form-wapper1 animated fadeInUp visible"
                            data-animation="fadeInUp" data-animation-delay="500">
                            <a href="#service" class="page-scroll">
                                <label class="form-text" style="text-transform: none;">
                                    Tell me more
                                    <button class="form-btn1 form-btn color-21b2eb">
                                        <img src="images/next-section-icon.png" alt="Tell me more">
                                    </button>
                                </label>
                            </a>
                        </div>
                    </div>

                    <div class="bg-image-container" data-animation="fadeInUp" data-animation-delay="500">
                        <?xml version="1.0" encoding="utf-8"?>
                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 297 410.8"
                            style="enable-background:new 0 0 297 410.8;" xml:space="preserve">
                            <style type="text/css">
                                .st0 {
                                    opacity: 0.2;
                                    enable-background: new;
                                }

                                .st1 {
                                    clip-path: url(#SVGID_2_);
                                }

                                .st2 {
                                    fill: #EFD620;
                                }

                                .st3 {
                                    fill: #FFFFFF;
                                }

                                .st4 {
                                    fill: #21B3ED;
                                }

                                .st5 {
                                    fill: #F41C5F;
                                }

                                .st6 {
                                    fill: #24EA87;
                                }

                                .st7 {
                                    fill: #7673EF;
                                }

                                .st8 {
                                    fill: #5C59C1;
                                }

                                .st9 {
                                    fill: #6A60CC;
                                }

                                .st10 {
                                    fill: url(#SVGID_3_);
                                }

                                .st11 {
                                    fill: url(#SVGID_4_);
                                }

                                .st12 {
                                    fill: url(#SVGID_5_);
                                }

                                .st13 {
                                    fill: #B17F79;
                                }

                                .st14 {
                                    opacity: 0.2;
                                    fill: #FFFFFF;
                                    enable-background: new;
                                }

                                .st15 {
                                    fill: #D8A68B;
                                }

                                .st16 {
                                    fill: url(#SVGID_6_);
                                }

                                .st17 {
                                    fill: #F2F2F2;
                                }

                                .st18 {
                                    fill: none;
                                }

                                .st19 {
                                    fill: url(#SVGID_7_);
                                }

                                .st20 {
                                    enable-background: new;
                                }

                                .st21 {
                                    fill: url(#SVGID_8_);
                                }

                                .st22 {
                                    fill: url(#SVGID_9_);
                                }

                                .st23 {
                                    fill: url(#SVGID_10_);
                                }

                                .st24 {
                                    fill: url(#SVGID_11_);
                                }

                                .st25 {
                                    fill: url(#SVGID_12_);
                                }

                                .st26 {
                                    fill: url(#SVGID_13_);
                                }

                                .st27 {
                                    fill: url(#SVGID_14_);
                                }

                                .st28 {
                                    fill: url(#SVGID_15_);
                                }

                                .st29 {
                                    fill: url(#SVGID_16_);
                                }

                                .st30 {
                                    fill: url(#SVGID_17_);
                                }

                                .st31 {
                                    fill: url(#SVGID_18_);
                                }
                            </style>
                            <circle class="st0" cx="157.2" cy="170.8" r="126.6" />
                            <g>
                                <g>
                                    <g>
                                        <g>
                                            <g class="globe">
                                                <defs>
                                                    <circle id="SVGID_1_" cx="157.2" cy="170.8" r="126.6" />
                                                </defs>

                                                <clipPath id="SVGID_2_">
                                                    <use xlink:href="#SVGID_1_" style="overflow:visible;" />
                                                </clipPath>
                                                <g class="st1 left">
                                                    <path class="st2"
                                                        d="M167.2,24.5H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,23.6,168.3,24.5,167.2,24.5z" />
                                                    <path class="st2"
                                                        d="M210.4,24.5h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,23.6,211.5,24.5,210.4,24.5z" />
                                                    <path class="st3"
                                                        d="M122.1,37.3H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,36.4,123.2,37.3,122.1,37.3z" />
                                                    <path class="st3"
                                                        d="M145.8,37.3h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,36.4,147,37.3,145.8,37.3z" />
                                                    <path class="st4"
                                                        d="M106.3,46.2H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,47.1,105.1,46.2,106.3,46.2z" />
                                                    <path class="st4"
                                                        d="M71.3,46.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,47.1,70.2,46.2,71.3,46.2z" />
                                                    <path class="st5"
                                                        d="M132.6,63.5H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,62.6,133.7,63.5,132.6,63.5z" />
                                                    <path class="st6"
                                                        d="M122.1,76.3H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,75.4,123.2,76.3,122.1,76.3z" />
                                                    <path class="st6"
                                                        d="M145.8,76.3h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,75.4,147,76.3,145.8,76.3z" />
                                                    <path class="st6"
                                                        d="M169.3,76.3H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,75.4,170.4,76.3,169.3,76.3z" />
                                                    <path class="st7"
                                                        d="M106.3,85.2H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,86.1,105.1,85.2,106.3,85.2z" />
                                                    <path class="st7"
                                                        d="M71.3,85.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,86.1,70.2,85.2,71.3,85.2z" />
                                                    <path class="st7"
                                                        d="M193,85.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,86.1,191.9,85.2,193,85.2z" />
                                                    <path class="st7"
                                                        d="M229,85.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,86.1,227.9,85.2,229,85.2z" />
                                                    <path class="st2"
                                                        d="M167.2,105.3H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,104.4,168.3,105.3,167.2,105.3z" />
                                                    <path class="st2"
                                                        d="M210.4,105.3h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,104.4,211.5,105.3,210.4,105.3z" />
                                                    <path class="st3"
                                                        d="M122.1,118.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,117.2,123.2,118.2,122.1,118.2z" />
                                                    <path class="st3"
                                                        d="M145.8,118.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,117.2,147,118.2,145.8,118.2z" />
                                                    <path class="st4"
                                                        d="M106.3,127H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,127.9,105.1,127,106.3,127z" />
                                                    <path class="st4"
                                                        d="M71.3,127h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,127.9,70.2,127,71.3,127z" />
                                                    <path class="st5"
                                                        d="M132.6,144.3H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,143.4,133.7,144.3,132.6,144.3z" />
                                                    <path class="st6"
                                                        d="M122.1,157.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,156.2,123.2,157.2,122.1,157.2z" />
                                                    <path class="st6"
                                                        d="M145.8,157.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,156.2,147,157.2,145.8,157.2z" />
                                                    <path class="st6"
                                                        d="M169.3,157.2H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,156.2,170.4,157.2,169.3,157.2z" />
                                                    <path class="st7"
                                                        d="M106.3,166H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,166.9,105.1,166,106.3,166z" />
                                                    <path class="st7"
                                                        d="M71.3,166h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,166.9,70.2,166,71.3,166z" />
                                                    <path class="st7"
                                                        d="M193,166h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,166.9,191.9,166,193,166z" />
                                                    <path class="st7"
                                                        d="M229,166h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,166.9,227.9,166,229,166z" />
                                                    <path class="st2"
                                                        d="M167.2,186.4H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,185.5,168.3,186.4,167.2,186.4z" />
                                                    <path class="st2"
                                                        d="M210.4,186.4h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,185.5,211.5,186.4,210.4,186.4z" />
                                                    <path class="st3"
                                                        d="M122.1,199.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,198.3,123.2,199.2,122.1,199.2z" />
                                                    <path class="st3"
                                                        d="M145.8,199.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,198.3,147,199.2,145.8,199.2z" />
                                                    <path class="st4"
                                                        d="M106.3,208.1H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,209,105.1,208.1,106.3,208.1z" />
                                                    <path class="st4"
                                                        d="M71.3,208.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,209,70.2,208.1,71.3,208.1z" />
                                                    <path class="st5"
                                                        d="M132.6,225.4H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,224.5,133.7,225.4,132.6,225.4z" />
                                                    <path class="st6"
                                                        d="M122.1,238.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,237.3,123.2,238.2,122.1,238.2z" />
                                                    <path class="st6"
                                                        d="M145.8,238.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,237.3,147,238.2,145.8,238.2z" />
                                                    <path class="st6"
                                                        d="M169.3,238.2H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,237.3,170.4,238.2,169.3,238.2z" />
                                                    <path class="st7"
                                                        d="M106.3,247.1H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,248,105.1,247.1,106.3,247.1z" />
                                                    <path class="st7"
                                                        d="M71.3,247.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,248,70.2,247.1,71.3,247.1z" />
                                                    <path class="st7"
                                                        d="M193,247.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,248,191.9,247.1,193,247.1z" />
                                                    <path class="st7"
                                                        d="M229,247.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,248,227.9,247.1,229,247.1z" />
                                                    <path class="st2"
                                                        d="M167.2,267.2H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,266.3,168.3,267.2,167.2,267.2z" />
                                                    <path class="st2"
                                                        d="M210.4,267.2h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,266.3,211.5,267.2,210.4,267.2z" />
                                                    <path class="st3"
                                                        d="M122.1,280.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,279.2,123.2,280.1,122.1,280.1z" />
                                                    <path class="st3"
                                                        d="M145.8,280.1h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,279.2,147,280.1,145.8,280.1z" />
                                                    <path class="st4"
                                                        d="M106.3,288.9H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,289.8,105.1,288.9,106.3,288.9z" />
                                                    <path class="st4"
                                                        d="M71.3,288.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,289.8,70.2,288.9,71.3,288.9z" />
                                                    <path class="st5"
                                                        d="M132.6,306.2H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,305.3,133.7,306.2,132.6,306.2z" />
                                                    <path class="st6"
                                                        d="M122.1,319.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,318.2,123.2,319.1,122.1,319.1z" />
                                                    <path class="st6"
                                                        d="M145.8,319.1h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,318.2,147,319.1,145.8,319.1z" />
                                                    <path class="st6"
                                                        d="M169.3,319.1H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,318.2,170.4,319.1,169.3,319.1z" />
                                                    <path class="st7"
                                                        d="M106.3,327.9H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,328.8,105.1,327.9,106.3,327.9z" />
                                                    <path class="st7"
                                                        d="M71.3,327.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,328.8,70.2,327.9,71.3,327.9z" />
                                                    <path class="st7"
                                                        d="M193,327.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,328.8,191.9,327.9,193,327.9z" />
                                                    <path class="st7"
                                                        d="M229,327.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,328.8,227.9,327.9,229,327.9z" />
                                                </g>
                                                <g class="st1 middle">
                                                    <path class="st2"
                                                        d="M167.2,186.5H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,185.6,168.3,186.5,167.2,186.5z" />
                                                    <path class="st2"
                                                        d="M210.4,186.5h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,185.6,211.5,186.5,210.4,186.5z" />
                                                    <path class="st3"
                                                        d="M122.1,199.3H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,198.4,123.2,199.3,122.1,199.3z" />
                                                    <path class="st3"
                                                        d="M145.8,199.3h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,198.4,147,199.3,145.8,199.3z" />
                                                    <path class="st4"
                                                        d="M106.3,208.2H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,209.1,105.1,208.2,106.3,208.2z" />
                                                    <path class="st4"
                                                        d="M71.3,208.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,209.1,70.2,208.2,71.3,208.2z" />
                                                    <path class="st5"
                                                        d="M132.6,225.5H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,224.6,133.7,225.5,132.6,225.5z" />
                                                    <path class="st6"
                                                        d="M122.1,238.3H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,237.4,123.2,238.3,122.1,238.3z" />
                                                    <path class="st6"
                                                        d="M145.8,238.3h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,237.4,147,238.3,145.8,238.3z" />
                                                    <path class="st6"
                                                        d="M169.3,238.3H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,237.4,170.4,238.3,169.3,238.3z" />
                                                    <path class="st7"
                                                        d="M106.3,247.2H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,248.1,105.1,247.2,106.3,247.2z" />
                                                    <path class="st7"
                                                        d="M71.3,247.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,248.1,70.2,247.2,71.3,247.2z" />
                                                    <path class="st7"
                                                        d="M193,247.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,248.1,191.9,247.2,193,247.2z" />
                                                    <path class="st7"
                                                        d="M229,247.2h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,248.1,227.9,247.2,229,247.2z" />
                                                    <path class="st2"
                                                        d="M167.2,267.3H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,266.4,168.3,267.3,167.2,267.3z" />
                                                    <path class="st2"
                                                        d="M210.4,267.3h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,266.4,211.5,267.3,210.4,267.3z" />
                                                    <path class="st3"
                                                        d="M122.1,280.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,279.2,123.2,280.2,122.1,280.2z" />
                                                    <path class="st3"
                                                        d="M145.8,280.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,279.2,147,280.2,145.8,280.2z" />
                                                    <path class="st4"
                                                        d="M106.3,289H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,289.9,105.1,289,106.3,289z" />
                                                    <path class="st4"
                                                        d="M71.3,289h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,289.9,70.2,289,71.3,289z" />
                                                    <path class="st5"
                                                        d="M132.6,306.3H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,305.4,133.7,306.3,132.6,306.3z" />
                                                    <path class="st6"
                                                        d="M122.1,319.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,318.2,123.2,319.2,122.1,319.2z" />
                                                    <path class="st6"
                                                        d="M145.8,319.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,318.2,147,319.2,145.8,319.2z" />
                                                    <path class="st6"
                                                        d="M169.3,319.2H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,318.2,170.4,319.2,169.3,319.2z" />
                                                    <path class="st7"
                                                        d="M106.3,328H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,328.9,105.1,328,106.3,328z" />
                                                    <path class="st7"
                                                        d="M71.3,328h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,328.9,70.2,328,71.3,328z" />
                                                    <path class="st7"
                                                        d="M193,328h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,328.9,191.9,328,193,328z" />
                                                    <path class="st7"
                                                        d="M229,328h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,328.9,227.9,328,229,328z" />
                                                    <path class="st2"
                                                        d="M167.2,348.4H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,347.5,168.3,348.4,167.2,348.4z" />
                                                    <path class="st2"
                                                        d="M210.4,348.4h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,347.5,211.5,348.4,210.4,348.4z" />
                                                    <path class="st3"
                                                        d="M122.1,361.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,360.3,123.2,361.2,122.1,361.2z" />
                                                    <path class="st3"
                                                        d="M145.8,361.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,360.3,147,361.2,145.8,361.2z" />
                                                    <path class="st4"
                                                        d="M106.3,370.1H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,371,105.1,370.1,106.3,370.1z" />
                                                    <path class="st4"
                                                        d="M71.3,370.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,371,70.2,370.1,71.3,370.1z" />
                                                    <path class="st5"
                                                        d="M132.6,387.4H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,386.5,133.7,387.4,132.6,387.4z" />
                                                    <path class="st6"
                                                        d="M122.1,400.2H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,399.3,123.2,400.2,122.1,400.2z" />
                                                    <path class="st6"
                                                        d="M145.8,400.2h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,399.3,147,400.2,145.8,400.2z" />
                                                    <path class="st6"
                                                        d="M169.3,400.2H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,399.3,170.4,400.2,169.3,400.2z" />
                                                    <path class="st7"
                                                        d="M106.3,409.1H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,410,105.1,409.1,106.3,409.1z" />
                                                    <path class="st7"
                                                        d="M71.3,409.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,410,70.2,409.1,71.3,409.1z" />
                                                    <path class="st7"
                                                        d="M193,409.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,410,191.9,409.1,193,409.1z" />
                                                    <path class="st7"
                                                        d="M229,409.1h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,410,227.9,409.1,229,409.1z" />
                                                    <path class="st2"
                                                        d="M167.2,429.2H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h95.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C169.2,428.3,168.3,429.2,167.2,429.2z" />
                                                    <path class="st2"
                                                        d="M210.4,429.2h-33c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h33c1.1,0,2.1,0.9,2.1,2.1l0,0 C212.5,428.3,211.5,429.2,210.4,429.2z" />
                                                    <path class="st3"
                                                        d="M122.1,442.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,441.2,123.2,442.1,122.1,442.1z" />
                                                    <path class="st3"
                                                        d="M145.8,442.1h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,441.2,147,442.1,145.8,442.1z" />
                                                    <path class="st4"
                                                        d="M106.3,450.9H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,451.8,105.1,450.9,106.3,450.9z" />
                                                    <path class="st4"
                                                        d="M71.3,450.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,451.8,70.2,450.9,71.3,450.9z" />
                                                    <path class="st5"
                                                        d="M132.6,468.2H71.4c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h61.2c1.1,0,2.1,0.9,2.1,2.1l0,0 C134.6,467.3,133.7,468.2,132.6,468.2z" />
                                                    <path class="st6"
                                                        d="M122.1,481.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h50.8c1.1,0,2.1,0.9,2.1,2.1l0,0 C124.1,480.2,123.2,481.1,122.1,481.1z" />
                                                    <path class="st6"
                                                        d="M145.8,481.1h-16.3c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C147.9,480.2,147,481.1,145.8,481.1z" />
                                                    <path class="st6"
                                                        d="M169.3,481.1H153c-1.1,0-2.1-0.9-2.1-2.1l0,0c0-1.1,0.9-2.1,2.1-2.1h16.3c1.1,0,2.1,0.9,2.1,2.1l0,0 C171.3,480.2,170.4,481.1,169.3,481.1z" />
                                                    <path class="st7"
                                                        d="M106.3,489.9H183c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1h-76.7c-1.1,0-2.1-0.9-2.1-2.1l0,0 C104.2,490.8,105.1,489.9,106.3,489.9z" />
                                                    <path class="st7"
                                                        d="M71.3,489.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H71.3c-1.1,0-2.1-0.9-2.1-2.1l0,0 C69.3,490.8,70.2,489.9,71.3,489.9z" />
                                                    <path class="st7"
                                                        d="M193,489.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H193c-1.1,0-2.1-0.9-2.1-2.1l0,0 C190.9,490.8,191.9,489.9,193,489.9z" />
                                                    <path class="st7"
                                                        d="M229,489.9h25.9c1.1,0,2.1,0.9,2.1,2.1l0,0c0,1.1-0.9,2.1-2.1,2.1H229c-1.1,0-2.1-0.9-2.1-2.1l0,0 C227,490.8,227.9,489.9,229,489.9z" />
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </g>
                            <g>
                                <g>
                                    <polygon class="st8" points="186.8,324.3 181,324.3 199.4,410.8 205.2,410.8" />
                                    <polygon class="st9"
                                        points="181.3,324.3 137.8,324.3 126.5,403.7 126.5,410.8 148.5,410.8 154.3,410.8 161.6,378.4 164,367.5 177.3,410.8 199.7,410.8" />
                                </g>
                                <g>
                                    <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="128.2864"
                                        y1="802.6647" x2="138.1995" y2="802.6647"
                                        gradientTransform="matrix(1 0 0 1 0 -603.7647)">
                                        <stop offset="0" style="stop-color:#E3A889" />
                                        <stop offset="8.382058e-02" style="stop-color:#E8B69A" />
                                        <stop offset="0.2058" style="stop-color:#EDC5AC" />
                                        <stop offset="0.3531" style="stop-color:#F1CFB9" />
                                        <stop offset="0.5498" style="stop-color:#F3D5C0" />
                                        <stop offset="1" style="stop-color:#F4D7C2" />
                                    </linearGradient>
                                    <circle class="st10" cx="133.3" cy="198.9" r="5" />
                                    <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="174.7647"
                                        y1="802.6647" x2="184.6778" y2="802.6647"
                                        gradientTransform="matrix(1 0 0 1 0 -603.7647)">
                                        <stop offset="0" style="stop-color:#E3A889" />
                                        <stop offset="8.382058e-02" style="stop-color:#E8B69A" />
                                        <stop offset="0.2058" style="stop-color:#EDC5AC" />
                                        <stop offset="0.3531" style="stop-color:#F1CFB9" />
                                        <stop offset="0.5498" style="stop-color:#F3D5C0" />
                                        <stop offset="1" style="stop-color:#F4D7C2" />
                                    </linearGradient>
                                    <circle class="st11" cx="179.8" cy="198.9" r="5" />
                                    <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="133.7"
                                        y1="818.5147" x2="180.7" y2="818.5147"
                                        gradientTransform="matrix(1 0 0 1 0 -603.7647)">
                                        <stop offset="0" style="stop-color:#E3A889" />
                                        <stop offset="8.382058e-02" style="stop-color:#E8B69A" />
                                        <stop offset="0.2058" style="stop-color:#EDC5AC" />
                                        <stop offset="0.3531" style="stop-color:#F1CFB9" />
                                        <stop offset="0.5498" style="stop-color:#F3D5C0" />
                                        <stop offset="1" style="stop-color:#F4D7C2" />
                                    </linearGradient>
                                    <path class="st12"
                                        d="M147.5,230.6v-6.5l-11.2-7.2c0,0-1.7-3.4-1.7-6.7l-0.9-11.3h47v10.6c0,0-0.1,4.2-2.6,6.1l-7.8,6.1v8.9H147.5 L147.5,230.6z" />
                                    <path class="st13"
                                        d="M133.1,186.6v9.4c0,3.2,1.4,6.3,3.9,8.4l6.2,5.2c2.7,2.2,6.1,3.5,9.6,3.5h10.9c4,0,7.7-1.6,10.4-4.5l2.9-3.2 c2.3-2.5,3.6-5.7,3.6-9.1v-20.9c0-7.1-5.4-13.1-12.5-13.8l-40.8-4.2c0,0-1,8.1,5.2,11.2L133.1,186.6z" />
                                    <path class="st13"
                                        d="M133.1,186.6v9.4c0,3.2,1.4,6.3,3.9,8.4l6.2,5.2c2.7,2.2,6.1,3.5,9.6,3.5h10.9c4,0,7.7-1.6,10.4-4.5l2.9-3.2 c2.3-2.5,3.6-5.7,3.6-9.1v-20.9c0-7.1-5.4-13.1-12.5-13.8l-40.8-4.2c0,0-1,8.1,5.2,11.2L133.1,186.6z" />
                                </g>
                                <g class="right-hand">
                                    <g class="round">
                                        <ellipse transform="matrix(0.1388 -0.9903 0.9903 0.1388 65.8457 335.6925)"
                                            class="st14" cx="225.9" cy="130" rx="10.1" ry="10.1" />
                                    </g>
                                    <g>
                                        <g>
                                            <g>
                                                <path class="st9"
                                                    d="M266.8,204.2L266.8,204.2c-0.9,0.5-1.9,0.1-2.4-0.7l-40.1-72.7c-0.5-0.9-0.1-1.9,0.7-2.4l0,0 c0.9-0.5,1.9-0.1,2.4,0.7l40.1,72.7C268,202.6,267.7,203.7,266.8,204.2z" />
                                                <path class="st3"
                                                    d="M227.6,136.7l-3.2-5.9c-0.5-0.9-0.1-1.9,0.7-2.4l0,0c0.9-0.5,1.9-0.1,2.4,0.7l3.2,5.9" />
                                                <path class="st3"
                                                    d="M264.3,195.8l3.2,5.9c0.5,0.9,0.1,1.9-0.7,2.4l0,0c-0.9,0.5-1.9,0.1-2.4-0.7l-3.2-5.9" />
                                            </g>
                                            <g>
                                                <path class="st15"
                                                    d="M267.8,177.9c0,0,0.6-5-0.4-8.4c0,0-0.5-1.5,0.6-2.2c0,0,1.7-1.1,2.3,0.3c0.6,1.4,2.2,6.4,1.4,9.6 C270.8,180.2,267.8,177.9,267.8,177.9z" />
                                                <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse"
                                                    x1="234.3446" y1="774.5045" x2="268.4949" y2="774.5045"
                                                    gradientTransform="matrix(0.9903 0.1388 -0.1388 0.9903 119.6272 -621.1915)">
                                                    <stop offset="0" style="stop-color:#E5BCA0" />
                                                    <stop offset="0.6024" style="stop-color:#E4BA9E" />
                                                    <stop offset="0.8653" style="stop-color:#E2B397" />
                                                    <stop offset="1" style="stop-color:#E0AB90" />
                                                </linearGradient>
                                                <path class="st16"
                                                    d="M245.7,194.3c0,0,2.4-4,0.4-6.7c0,0-3.6-3.7-2-6.3c1.6-2.6,2.9-3.2,3.1-7.5c0,0,0.7-2.1,2.2,0 c1.4,2.2,1.4,6.5-0.1,9.1c0,0,1.1,2.4,5.1,0.8c4.1-1.6,6.3-6,6.3-6s2.1-4.1-1.8-5.1c0,0-1.7-0.6-3,1c0,0-3,1.9-4.8-0.4 c0,0-1.4-1.4,0.4-2.5c0,0,2.1-0.5,3.6-1.7c1.6-1.2,4.2-1.7,7.1-0.4c2.8,1.4,3.9,4.4,3.3,8.3c0,0,5.9-1.4,7-9.7c0,0,0-4.6,1.1-5 c1.1-0.4,2.5,0,2.7,2.6c0.1,2.5,0.2,7.3-2.3,11.6c0,0-2.4,4.3-1.9,6.3c0,0,2.2-1.1,4.5-3.6c0,0,3.2-0.3,1.3,3.2 c-1.9,3.5-11.3,8.6-14.2,11.2c-2.8,2.6-4.5,3.8-4.6,7.5L245.7,194.3z" />
                                            </g>
                                        </g>
                                        <g>
                                            <path class="st17"
                                                d="M260.8,197c-0.5-0.3-0.8-0.6-1.3-0.9c0.3,0.8,0.3,2.4-0.7,4.9l-14,41.4c0,0-2.5,10.5-16.3,13.3l-42.8,8.7 c-3.2,0.7-6.3-0.2-8.7-1.9c2.5,3.2,6.6,4.9,10.8,3.9l42.8-8.7c13.8-2.8,16.3-13.3,16.3-13.3l14-41.4 C262.8,198.1,260.8,197,260.8,197z" />
                                            <path class="st3"
                                                d="M186.2,264.7l42.8-8.7c13.8-2.8,16.3-13.3,16.3-13.3l14-41.4c1-2.5,1-4,0.7-4.9c-4.9-2.9-11.7-3.6-11.7-3.6 c-5.1-1.5-5.7,1-5.7,1l-13.1,35.7c-1.7,4.2-4.5,4.6-6.1,4.5c-1.1-0.1-2.2-0.2-3.3-0.2c-10.2,0.1-23.8-1.1-33.5-2.1 c-6.7-0.6-12.4,4.7-12,11.4l0.7,13.2c0.2,2.3,1,4.5,2.4,6.2C179.9,264.6,183,265.3,186.2,264.7z" />
                                        </g>
                                    </g>
                                    <rect x="42.3" y="103"
                                        transform="matrix(0.9903 0.1388 -0.1388 0.9903 35.8519 -23.2671)" class="st18"
                                        width="285.1" height="285.1" />
                                </g>
                                <g class="left-hand">
                                    <g>
                                        <path class="st15"
                                            d="M34.4,240.9c0,0,0.3-1.9,2.4-4.3c0,0,1.8-2.2,1.4-3.1c-0.3-0.7-1.8-1.1-3.6-0.1c-1.8,1-3.2,4.8-3.2,4.8 L34.4,240.9z" />
                                        <linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="41.1384"
                                            y1="857.6076" x2="44.008" y2="867.7815"
                                            gradientTransform="matrix(0.9946 0.1039 -0.1039 0.9946 89.7094 -613.3641)">
                                            <stop offset="0" style="stop-color:#E5BCA0" />
                                            <stop offset="0.6024" style="stop-color:#E4BA9E" />
                                            <stop offset="0.8653" style="stop-color:#E2B397" />
                                            <stop offset="1" style="stop-color:#E0AB90" />
                                        </linearGradient>
                                        <path class="st19"
                                            d="M56.3,251.2c0,0-0.8-11.7-6.9-16.5c-0.6-0.4-1.3-0.2-1.6,0.3c-0.5,1-1.1,2.6,0.2,4.3 c1.9,2.7,2.7,2.3,0.7,2.9c-2,0.7-14.8,2.9-18.7-12.8c-0.4-1.3-2.1-1.6-2.9-0.5c-0.3,0.5-0.4,1.2-0.3,2.2c0.3,3.8,1,5.3,3.3,8.8 c0,0-3.7,2.4-0.6,6.2c0,0-1.8,4.7,1.4,7.1c3.1,2.3,12.6,7.6,21.8,5.6L56.3,251.2z" />
                                    </g>
                                    <g>
                                        <path class="st17"
                                            d="M154.9,252.9c-0.3,3.4-2.1,6.7-5.3,8.7l-37.6,22.3C99.8,291.1,91,285,91,285l-38.2-21.3 c-0.7-0.3-1.1-0.6-1.6-0.9c-0.6-0.4-0.9-1-1.2-1.6c-0.6,1.7-0.1,3.8,1.5,4.8c0.5,0.3,0.9,0.6,1.6,0.9l38.2,21.3 c0,0,8.8,6,20.9-1.1l37.6-22.3C154,262.3,155.9,257.4,154.9,252.9z" />
                                        <path class="st3"
                                            d="M50.9,263.4c0.5,0.3,0.9,0.6,1.6,0.9l38.2,21.3c0,0,8.8,6,20.9-1.1l37.6-22.3c3.2-1.9,5.1-5.2,5.3-8.7 c-0.3-1.5-1.1-3.1-2.1-4.4l-8.4-10.3c-4.3-5.2-12.1-5.4-16.6-0.4c-6.6,7.4-15.9,17.2-23.5,24.1c-0.8,0.7-1.6,1.5-2.4,2.4 c-1,1.1-3.4,2.7-7.5,0.7l-33.9-17.5c0,0-2.1-1.5-4.8,3.1c0,0-2.2,4.2-5.6,10.1c-0.1,0.3-0.2,0.6-0.2,0.9 C50,262.6,50.3,263,50.9,263.4z" />
                                    </g>
                                    <rect x="28" y="141.4"
                                        transform="matrix(0.9946 0.1039 -0.1039 0.9946 26.5488 -12.6908)" class="st18"
                                        width="214.2" height="214.2" />
                                </g>
                                <path class="st3"
                                    d="M130.3,330.4c0,0,44.4,3.3,63.4,0c0,0-1.5-7.8-2.3-21.5l3.5-64.3c0.4-6.9-5-12.7-11.8-12.9 c-2.8-0.1-6.3,0.2-10.6,0.9l-1.6-3.5l-23.7,0.7l-1.2,3.3c0,0-13.6-1-18.2,5.9c-1,1.5-1.4,3.4-1.2,5.3 C127.9,255.5,134.9,317.2,130.3,330.4z" />
                            </g>
                            <g class="em-box animate">
                                <g class="st20">
                                    <g>
                                        <linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="258.2459"
                                            y1="706.0629" x2="266.1112" y2="706.0629"
                                            gradientTransform="matrix(0.9999 -1.310000e-02 1.310000e-02 0.9999 -16.9213 -407.5575)">
                                            <stop offset="0" style="stop-color:#FFD524" />
                                            <stop offset="1" style="stop-color:#FF7B22" />
                                        </linearGradient>
                                        <polygon class="st21"
                                            points="258.5,304.4 250.7,300.3 250.5,285.6 258.4,288.2" />
                                    </g>
                                    <g>
                                        <linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="266.0746"
                                            y1="707.2036" x2="279.7209" y2="707.2036"
                                            gradientTransform="matrix(0.9999 -1.310000e-02 1.310000e-02 0.9999 -16.9213 -407.5575)">
                                            <stop offset="0" style="stop-color:#FFD524" />
                                            <stop offset="1" style="stop-color:#FF7B22" />
                                        </linearGradient>
                                        <polygon class="st22" points="272,287.6 272.1,302.3 258.5,304.4 258.4,288.2" />
                                    </g>
                                    <g>
                                        <linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="258.286"
                                            y1="697.7519" x2="279.7232" y2="697.7519"
                                            gradientTransform="matrix(0.9999 -1.310000e-02 1.310000e-02 0.9999 -16.9213 -407.5575)">
                                            <stop offset="0" style="stop-color:#FFD524" />
                                            <stop offset="1" style="stop-color:#FF7B22" />
                                        </linearGradient>
                                        <polygon class="st23" points="258.4,289.7 250.5,285.6 264.1,283.5 272,287.6" />
                                    </g>
                                </g>
                            </g>
                            <g class="em-box animate">
                                <g class="st20">
                                    <linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="200.9231"
                                        y1="1327.2164" x2="207.8578" y2="1334.6528"
                                        gradientTransform="matrix(0.3667 0.9303 -0.9303 0.3667 1320.7308 -659.9918)">
                                        <stop offset="0" style="stop-color:#71FFB3" />
                                        <stop offset="0.2366" style="stop-color:#63F0A7" />
                                        <stop offset="1" style="stop-color:#3AC181" />
                                    </linearGradient>
                                    <path class="st24"
                                        d="M145.2,18c5.9,2.5,11.8,5.1,17.8,7.6c0.6,0.3,1.4,0.8,2.1,0.6c2.3-0.8,3.7-4.7,3.6-6.8c0-1.8-1.2-2-2.6-2.6 c-3.2-1.4-6.5-2.8-9.7-4.2c-2.5-1.1-5-2.1-7.4-3.2" />
                                    <g>
                                        <linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="196.3266"
                                            y1="1342.5938" x2="196.3266" y2="1335.4506"
                                            gradientTransform="matrix(0.3667 0.9303 -0.9303 0.3667 1320.7308 -659.9918)">
                                            <stop offset="0" style="stop-color:#71FFB3" />
                                            <stop offset="0.2366" style="stop-color:#63F0A7" />
                                            <stop offset="1" style="stop-color:#3AC181" />
                                        </linearGradient>
                                        <path class="st25"
                                            d="M149.6,10.5c0.3,1.7-0.7,4.4-2.1,6.2c-1.4,1.7-2.7,1.8-3,0.1s0.7-4.4,2.1-6.2C148,8.9,149.3,8.9,149.6,10.5 z" />
                                    </g>
                                </g>
                            </g>
                            <g class="ring1">
                                <g class="st20">
                                    <linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="847.9633"
                                        y1="436.4444" x2="860.9148" y2="436.4444"
                                        gradientTransform="matrix(0.4083 -0.9129 0.9129 0.4083 -731.0706 700.1232)">
                                        <stop offset="0" style="stop-color:#FFB127" />
                                        <stop offset="1" style="stop-color:#D36011" />
                                    </linearGradient>
                                    <path class="st26"
                                        d="M20.5,93.7c-2-1.8-4.3-2.7-6.7-2.5c-2.5,0.1-3.4,1.3-4.6,2.6c3.7-2.8,8.8-0.5,11,3.1 c1.9,3.1,1.8,7.4-1.2,9.7c2.1-1.3,4.1-2.3,4.5-4.7C24.1,99.2,22.5,95.7,20.5,93.7z" />
                                    <linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="841.8064"
                                        y1="435.2435" x2="858.7659" y2="435.2435"
                                        gradientTransform="matrix(0.4083 -0.9129 0.9129 0.4083 -731.0706 700.1232)">
                                        <stop offset="0" style="stop-color:#FFB127" />
                                        <stop offset="1" style="stop-color:#D36011" />
                                    </linearGradient>
                                    <path class="st27"
                                        d="M12.4,107.5c-4.2-2.4-8-8.3-6.1-13.4c0.6-1.5,1.1-2.8,2.5-3.9c-1.4,1.1-2.8,2.1-3.7,3.7 C3.9,96,3.7,98.6,4.2,101c1,5,5.3,9.3,10.4,9.9c3.7,0.4,5.4-1.1,7.8-2.9C19.5,110.2,15.6,109.2,12.4,107.5z" />
                                    <g>
                                        <linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="843.4303"
                                            y1="436.2006" x2="863.4252" y2="436.2006"
                                            gradientTransform="matrix(0.4083 -0.9129 0.9129 0.4083 -731.0706 700.1232)">
                                            <stop offset="0" style="stop-color:#FFD524" />
                                            <stop offset="1" style="stop-color:#FF7B22" />
                                        </linearGradient>
                                        <path class="st28"
                                            d="M5.8,94.7c1.5-5.3,7.2-7.7,12.6-5.3c5.4,2.4,8.6,8.8,7,14.1c-1.5,5.4-7.2,7.7-12.6,5.3S4.2,100,5.8,94.7z M22.7,102.3c1.1-3.8-1.2-8.4-5.1-10.2c-3.9-1.8-8-0.1-9.1,3.8c-1.1,3.8,1.2,8.4,5.1,10.2C17.5,107.8,21.6,106.1,22.7,102.3" />
                                    </g>
                                </g>
                            </g>
                            <g class="ring">
                                <g class="st20">
                                    <linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="1165.1201"
                                        y1="299.3394" x2="1184.0437" y2="299.3394"
                                        gradientTransform="matrix(-0.9805 -0.1963 0.1963 -0.9805 1366.8459 638.017)">
                                        <stop offset="0" style="stop-color:#E24D8A" />
                                        <stop offset="1.757514e-02" style="stop-color:#E04C89" />
                                        <stop offset="0.6909" style="stop-color:#911E6B" />
                                        <stop offset="1" style="stop-color:#720C5F" />
                                    </linearGradient>
                                    <path class="st29"
                                        d="M265.7,109.3c-2,3.1-1.4,7.7-0.1,11.1c0.9,2.3,2.9,3.1,4.7,4.5c-4.8-4-3.6-11.3,0.3-15.4 c3.6-3.8,9.8-5.5,14.1-1.9c-0.5-0.7-1.4-1.6-2.1-2.1c-1.8-1.4-3.8-2.6-5.7-2.5C272.4,103,267.9,105.9,265.7,109.3z" />
                                    <linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="1156.5042"
                                        y1="297.7358" x2="1180.3342" y2="297.7358"
                                        gradientTransform="matrix(-0.9805 -0.1963 0.1963 -0.9805 1366.8459 638.017)">
                                        <stop offset="0" style="stop-color:#E24D8A" />
                                        <stop offset="1.757514e-02" style="stop-color:#E04C89" />
                                        <stop offset="0.6909" style="stop-color:#911E6B" />
                                        <stop offset="1" style="stop-color:#720C5F" />
                                    </linearGradient>
                                    <path class="st30"
                                        d="M288.6,116.4c-1.4,5.1-4.5,8.6-9.3,10.7c-4.5,2-9.9,2.6-13.8-0.6c1.9,1.6,3.8,3.2,6.2,4 c3.4,1,7.1,0.5,10.2-1c6.7-3.2,11.4-11.1,9.7-18.6c-0.5-2.3-1.6-4.4-3.3-6.1c-0.8-0.8-1.8-1.6-2.7-2.3 C289.8,105.8,289.9,111.4,288.6,116.4z" />
                                    <g>
                                        <linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="1158.783"
                                            y1="299.1422" x2="1186.751" y2="299.1422"
                                            gradientTransform="matrix(-0.9805 -0.1963 0.1963 -0.9805 1366.8459 638.017)">
                                            <stop offset="0" style="stop-color:#FF80AE" />
                                            <stop offset="0.6572" style="stop-color:#BA408F" />
                                            <stop offset="1" style="stop-color:#9B2381" />
                                        </linearGradient>
                                        <path class="st31"
                                            d="M272.7,129.3c-7.8-0.5-12.8-7.5-11.1-15.6c1.6-8.2,9.3-14.4,17.1-14c7.8,0.5,12.8,7.5,11.1,15.6 C288.2,123.5,280.5,129.7,272.7,129.3z M277.9,103.9c-5.6-0.3-11.1,4.2-12.3,10c-1.2,5.9,2.4,10.9,8,11.2s11.1-4.2,12.3-10.1 C287,109.2,283.5,104.2,277.9,103.9" />
                                    </g>
                                </g>
                            </g>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="main-wrapper">
        <div class="container">
            <section id="about" class="pb-100">
                <h2 class="heading animated" data-animation="fadeInUp" data-animation-delay="100">About Us</h2>

                <div class="about-inner">
                    <div class="about-left animated" data-animation="fadeInUp" data-animation-delay="200">
                        <p class="about-head">
                            Do you believe a well-coded system can either make or break the future of the business? We
                            do.
                        </p>
                    </div>

                    <div class="about-right animated" data-animation="fadeInUp" data-animation-delay="300">
                        <p class="about-text">
                            Do you also believe writing readable, maintainable, well-tested and well-documented code is very important for the long-term gains? We too.
                        </p>

                        <p class="about-text">
                            Creating a user-friendly website which is very fast and secure takes experience. And that’s
                            what we have acquired. If you are looking for a team which can quickly craft a working solution for your
                            next venture; Or if your existing solution is not matching with the standards of your business, let us
                            discuss. We create solutions for individuals and companies across the globe.
                        </p>
                    </div>
                </div>
            </section>

            <section id="service" class="pb-100">
                <ul class="service-inner">
                    <li>
                        <div class="serv-img">
                            <?xml version="1.0" encoding="UTF-8"?>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                viewBox="0 0 120.73 182.9">
                                <defs>
                                    <style>
                                        .serv1-1 {
                                            fill: none;
                                        }

                                        .serv1-2 {
                                            clip-path: url(#clip-path);
                                        }

                                        .serv1-3 {
                                            fill: #16224d;
                                        }

                                        .serv1-4 {
                                            fill: #223570;
                                        }

                                        .serv1-5 {
                                            fill: #6693ed;
                                        }

                                        .serv1-6 {
                                            fill: #101b3d;
                                        }

                                        .serv1-7 {
                                            fill: #fff;
                                        }

                                        .serv1-8 {
                                            fill: #9638e8;
                                        }

                                        .serv1-9 {
                                            clip-path: url(#clip-path-2);
                                        }

                                        .serv1-10 {
                                            fill: url(#serv1-linear-gradient);
                                        }

                                        .serv1-11 {
                                            clip-path: url(#clip-path-3);
                                        }

                                        .serv1-12 {
                                            fill: url(#serv1-linear-gradient-2);
                                        }

                                        .serv1-13 {
                                            clip-path: url(#clip-path-4);
                                        }

                                        .serv1-14 {
                                            fill: url(#serv1-linear-gradient-3);
                                        }
                                    </style>
                                    <clipPath id="clip-path">
                                        <rect class="serv1-1" y="18.77" width="113.39" height="164.12" />
                                    </clipPath>
                                    <clipPath id="clip-path-2">
                                        <path class="serv1-1"
                                            d="M71.85,24.81c-5.52.22-7.51,2.87-10.16,5.74,8.17-6.19,19.44-1.1,24.3,6.85,4.2,6.85,4,16.35-2.65,21.43C88,56,92.4,53.75,93.28,48.45c1.33-6-2.21-13.7-6.63-18.12-4-3.61-8.57-5.58-13.35-5.58q-.72,0-1.45.06" />
                                    </clipPath>
                                    <linearGradient id="serv1-linear-gradient" y1="182.94" x2="1" y2="182.94"
                                        gradientTransform="translate(64.44 -5193.44) scale(28.62)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#ffb127" />
                                        <stop offset="1" stop-color="#d36011" />
                                    </linearGradient>
                                    <clipPath id="clip-path-3">
                                        <path class="serv1-1"
                                            d="M90.75,62l.11-.08-.11.08M52.63,30.78c-2.65,4.64-3.09,10.38-2,15.69,2.21,11,11.71,20.55,23,21.87,8.12.88,11.88-2.39,17.13-6.33-6.4,4.76-15,2.55-22-1.18-9.28-5.3-17.67-18.34-13.48-29.61C56.61,27.9,57.71,25,60.8,22.6c-3.09,2.43-6.19,4.64-8.18,8.17" />
                                    </clipPath>
                                    <linearGradient id="serv1-linear-gradient-2" x1="0" y1="182.85" x2="1" y2="182.85"
                                        gradientTransform="translate(50.06 -6805.96) scale(37.47)"
                                        xlink:href="#serv1-linear-gradient" />
                                    <clipPath id="clip-path-4">
                                        <path class="serv1-1"
                                            d="M71.41,57.73c-8.62-4-13.7-14.14-11.27-22.54,2.43-8.62,11.49-12.37,20.11-8.4s13.7,14.14,11.27,22.54a13.53,13.53,0,0,1-13.34,9.85,16.93,16.93,0,0,1-6.77-1.46m1.09-39A18.7,18.7,0,0,0,54.18,32.54c-3.54,11.71,3.53,25.85,15.47,31.15S94.16,63.92,97.48,52C101,40.28,93.94,26.14,82,20.83a23.15,23.15,0,0,0-9.28-2.06Z" />
                                    </clipPath>
                                    <linearGradient id="serv1-linear-gradient-3" y1="182.91" x2="1" y2="182.91"
                                        gradientTransform="translate(55.14 -8036.78) scale(44.18)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#ffd524" />
                                        <stop offset="1" stop-color="#ff7b22" />
                                    </linearGradient>
                                </defs>
                                <title>Food Delivery or Travel Booking Platform</title>
                                <g id="Layer_2" data-name="Layer 2">
                                    <g id="Layer_1-2" data-name="Layer 1">
                                        <g class="serv1-2">
                                            <g class="serv-mob animatable  bounceIn">
                                                <path class="serv1-3"
                                                    d="M108,164.29,54.37,181.17a7.45,7.45,0,0,1-9.44-4.67L12.05,72a7.45,7.45,0,0,1,5.06-9.23L70.75,45.92a7.45,7.45,0,0,1,9.44,4.67l32.88,104.47a7.45,7.45,0,0,1-5.06,9.23" />
                                                <rect class="serv1-4" x="26.19" y="61.11" width="71.04" height="100.76"
                                                    transform="translate(-30.62 23.66) rotate(-17.47)" />
                                                <path class="serv1-5"
                                                    d="M76.21,166.73a3.34,3.34,0,1,1,4.19,2.19,3.34,3.34,0,0,1-4.19-2.19" />
                                                <path class="serv1-6"
                                                    d="M83.51,104.63A22.85,22.85,0,1,1,54.85,89.69a22.85,22.85,0,0,1,28.66,14.94" />
                                                <path class="serv1-7"
                                                    d="M52,106.44l1.72-3.31,8.74,1.34L64.86,100a2.46,2.46,0,1,1,4.37,2.28l-2.35,4.52,6.1,6.4-1.72,3.31L64.15,112l-2.72,5.22,1.44,4.51-1.52,2.92-3.67-5.57-6.67.18,1.52-2.92,4.52-1.4,2.72-5.22Z" />
                                            </g>
                                            <path class="serv1-8  animatable  bounceIn"
                                                d="M33.25,182.35,5.66,172.09A8.69,8.69,0,0,1,.55,160.92L10.8,133.34A8.69,8.69,0,0,1,22,128.22l27.59,10.25a8.69,8.69,0,0,1,5.12,11.17L44.42,177.23a8.69,8.69,0,0,1-11.17,5.12" />
                                        </g>
                                        <g class="serv-ring1 animatable  bounceIn">
                                            <g class="serv1-9">
                                                <rect class="serv1-10" x="55.7" y="19.54" width="44.9" height="44.12"
                                                    transform="translate(8.26 95.95) rotate(-65.9)" />
                                            </g>
                                            <g class="serv1-11">
                                                <rect class="serv1-12" x="40.48" y="17.53" width="59.42" height="56.75"
                                                    transform="translate(-0.37 91.24) rotate(-65.9)" />
                                            </g>
                                            <g class="serv1-13">
                                                <rect class="serv1-14" x="42.62" y="10.64" width="66.41" height="66.49"
                                                    transform="translate(4.81 95.19) rotate(-65.9)" />
                                            </g>
                                        </g>

                                        <g class="serv1-2 animatable  bounceIn">
                                            <path class="serv1-7"
                                                d="M34.71,164.26,30,154.06l-5.54-11.92-.68-.25-.27.3a6.66,6.66,0,0,0-1.46,2.6,4.15,4.15,0,0,0,.18,2.89l4.32,9.3,1.23-.57,3.72,9.35a1.78,1.78,0,1,0,3.24-1.5" />
                                            <path class="serv1-7"
                                                d="M23.95,154.26l-7.29,3.39a1.78,1.78,0,0,0,1.5,3.24l7.29-3.39Z" />
                                            <path class="serv1-7"
                                                d="M39.16,151.12,35,153l-.5-1.08L38.66,150l-.5-1.08L34,150.88l-.5-1.08,4.13-1.92-.5-1.08-5.39,2.5a3,3,0,0,0-1.47,1.51,1.68,1.68,0,0,1-.3.46l1.63,3.5a1.7,1.7,0,0,1,.55.07,3,3,0,0,0,2.1-.15l5.39-2.5Z" />
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>

                        <h2 class="serv-bold">Food Delivery or Travel Booking Platform</h2>

                        <p class="serv-text">
                            Whether you need a system to let all the foodie people order your delicious food or to let
                            the backpackers schedule and plan their trips, we can build a beautiful and performant portal for you.
                        </p>
                    </li>

                    <li>
                        <div class="serv-img">
                            <?xml version="1.0" encoding="UTF-8"?>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                viewBox="0 0 180.9 125.12">
                                <defs>
                                    <style>
                                        .serv3-21 {
                                            fill: none;
                                        }

                                        .serv3-22 {
                                            clip-path: url(#clip-path-serv);
                                        }

                                        .serv3-23 {
                                            fill: #223570;
                                        }

                                        .serv3-24 {
                                            fill: #16224d;
                                        }

                                        .serv3-25 {
                                            fill: #df3d7b;
                                        }

                                        .serv3-26 {
                                            fill: #f9b25f;
                                        }

                                        .serv3-27 {
                                            fill: #42e0be;
                                        }

                                        .serv3-28 {
                                            fill: #e43d7d;
                                        }

                                        .serv3-29 {
                                            clip-path: url(#clip-path-serv-2);
                                        }

                                        .serv3-210 {
                                            fill: url(#linear-gradient1);
                                        }

                                        .serv3-211 {
                                            clip-path: url(#clip-path-serv-3);
                                        }

                                        .serv3-212 {
                                            fill: url(#linear-gradient1-2);
                                        }

                                        .serv3-213 {
                                            clip-path: url(#clip-path-serv-4);
                                        }

                                        .serv3-214 {
                                            fill: url(#linear-gradient1-3);
                                        }

                                        .serv3-215 {
                                            fill: #fff;
                                        }
                                    </style>
                                    <clipPath id="clip-path-serv">
                                        <rect class="serv3-21" x="0.55" y="0.63" width="180.35" height="124.49" />
                                    </clipPath>
                                    <clipPath id="clip-path-serv-2">
                                        <polygon class="serv3-21"
                                            points="1 38.28 18.48 47.47 18.26 11.16 0.55 5.34 1 38.28" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient1" x1="0.55" y1="125.12" x2="1.55" y2="125.12"
                                        gradientTransform="translate(-9.07 -2178.97) scale(17.63)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#ffd524" />
                                        <stop offset="1" stop-color="#ff7b22" />
                                    </linearGradient>
                                    <clipPath id="clip-path-serv-3">
                                        <polygon class="serv3-21"
                                            points="18.26 11.16 18.48 47.47 48.96 42.76 48.73 9.82 18.26 11.16" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient1-2" x1="0.55" y1="125.12" x2="1.55" y2="125.12"
                                        gradientTransform="translate(1.36 -3797.64) scale(30.58)"
                                        xlink:href="#linear-gradient1" />
                                    <clipPath id="clip-path-serv-4">
                                        <polygon class="serv3-21"
                                            points="31.02 0.63 0.55 5.34 18.26 14.53 48.73 9.82 31.03 0.63 31.02 0.63" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient1-3" x1="0.55" y1="125.12" x2="1.55" y2="125.12"
                                        gradientTransform="translate(-26.01 -6003.19) scale(48.04)"
                                        xlink:href="#linear-gradient1" />
                                </defs>
                                <title>Logistics and Financial Management System</title>
                                <g id="Layer_2" data-name="Layer 2">
                                    <g id="Layer_1-2" data-name="Layer 1">
                                        <g class="serv3-22">
                                            <g class="web animatable bounceIn">
                                                <path class="serv3-23"
                                                    d="M148.42,106.06,52.07,125a8.26,8.26,0,0,1-9.7-6.52L26.23,36.17a8.26,8.26,0,0,1,6.51-9.7L129.1,7.57a8.26,8.26,0,0,1,9.7,6.52l16.14,82.28a8.26,8.26,0,0,1-6.51,9.69" />
                                                <path class="serv3-24"
                                                    d="M140.66,23.57,28.09,45.65l-2.37-12.1A5.59,5.59,0,0,1,30.13,27L131.72,7.05a5.59,5.59,0,0,1,6.57,4.41Z" />
                                                <path class="serv3-25"
                                                    d="M105.76,21.28a2.82,2.82,0,1,1-3.31-2.22,2.82,2.82,0,0,1,3.31,2.22" />
                                                <path class="serv3-26"
                                                    d="M118.83,18.71a2.82,2.82,0,1,1-3.31-2.22,2.82,2.82,0,0,1,3.31,2.22" />
                                                <path class="serv3-27"
                                                    d="M131.9,16.15a2.82,2.82,0,1,1-3.31-2.22,2.82,2.82,0,0,1,3.31,2.22" />
                                            </g>
                                            <path class="serv3-28 late1  animatable bounceIn"
                                                d="M180.35,79.23a29.14,29.14,0,1,1-34.21-23,29.14,29.14,0,0,1,34.21,23" />
                                        </g>
                                        <g class="cube animatable bounceIn">
                                            <g class="serv3-29">
                                                <rect class="serv3-210" x="0.28" y="5.22" width="18.48" height="42.36"
                                                    transform="translate(-0.35 0.13) rotate(-0.75)" />
                                            </g>
                                            <g class="serv3-211">
                                                <rect class="serv3-212" x="18.01" y="9.62" width="31.19" height="38.05"
                                                    transform="translate(-0.37 0.44) rotate(-0.75)" />
                                            </g>
                                            <g class="serv3-213">
                                                <rect class="serv3-214" x="0.46" y="0.32" width="48.36" height="14.52"
                                                    transform="translate(-0.1 0.32) rotate(-0.75)" />
                                            </g>
                                        </g>
                                        <g class="serv3-22">
                                            <path class="serv3-215 late  animatable bounceIn"
                                                d="M87.34,76.56a3.91,3.91,0,1,0,4.72,2.89,3.91,3.91,0,0,0-4.72-2.89m1.38,5.71a2,2,0,1,1,1.44-2.36,2,2,0,0,1-1.44,2.36m26.62-15.43,1,4.06a1.89,1.89,0,0,1-1.39,2.28l-2,.47A5.17,5.17,0,0,0,103,76l-9.94,2.4a5.17,5.17,0,0,0-9.95,2.4l-2.46.59A1.89,1.89,0,0,1,78.38,80L77.4,76Zm-8.09,4.93A3.91,3.91,0,1,0,112,74.65a3.92,3.92,0,0,0-4.72-2.89m1.38,5.71a2,2,0,1,1,1.44-2.36,2,2,0,0,1-1.44,2.36m5-14.55-8.92-5.39a2.52,2.52,0,0,0-1.89-.29l-3.64.88-.33-1.36a1.88,1.88,0,0,0-2.28-1.39l-21,5.06a1.89,1.89,0,0,0-1.39,2.28l.07.29L67,65.63l13.6-1.46-13,4.55L81.36,67.4l-13,4.36,8-.4.87,3.6,37.93-9.15-.32-1.34a2.53,2.53,0,0,0-1.14-1.56m-3.08,1-7,1.68a.29.29,0,0,1-.36-.22L101.92,60a.3.3,0,0,1,.22-.36l1.33-.32a.32.32,0,0,1,.22,0l6.94,4a.29.29,0,0,1-.08.54" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M145.68,86.8a17,17,0,0,0,2.13-.68l-1.87-7.54a17.22,17.22,0,0,0-2.2.4c-4.29,1.07-7.38,3.51-6.9,5.46l.19.76c.48,1.95,4.36,2.66,8.65,1.59" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M146.66,90.73a17.23,17.23,0,0,0,2.13-.68l-.55-2.21a17.22,17.22,0,0,1-2.13.68c-3.75.93-7.17.51-8.31-.91a1.77,1.77,0,0,0,0,.76l.19.76c.48,1.95,4.36,2.66,8.65,1.59" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M149.27,92l0-.17a17.29,17.29,0,0,1-2.13.68c-3.75.93-7.17.51-8.31-.91a1.78,1.78,0,0,0,0,.76l.19.76c.48,1.95,4.36,2.66,8.65,1.59a17,17,0,0,0,2.41-.79,2.86,2.86,0,0,1-.6-1.16Z" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M153.46,70.22c-4.29,1.07-7.38,3.51-6.9,5.46l.19.76c.48,1.95,4.36,2.66,8.65,1.59s7.38-3.51,6.9-5.46l-.19-.76c-.48-1.95-4.36-2.66-8.65-1.59" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M155.83,79.76c-3.75.93-7.17.51-8.31-.91a1.78,1.78,0,0,0,0,.76l.19.76c.49,1.95,4.36,2.66,8.65,1.59s7.38-3.51,6.9-5.46l-.19-.76a1.78,1.78,0,0,0-.34-.68c-.34,1.78-3.16,3.76-6.91,4.7" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M156.81,83.7c-3.75.93-7.17.51-8.31-.91a1.77,1.77,0,0,0,0,.76l.19.76c.49,1.95,4.36,2.66,8.65,1.59s7.38-3.51,6.9-5.46l-.19-.76a1.79,1.79,0,0,0-.34-.68c-.34,1.78-3.16,3.76-6.91,4.7" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M157.85,87.85c-3.75.93-7.17.51-8.31-.91a1.78,1.78,0,0,0,0,.76l.19.76c.49,1.95,4.36,2.66,8.65,1.59s7.38-3.51,6.9-5.46l-.19-.76a1.78,1.78,0,0,0-.34-.68c-.34,1.78-3.16,3.76-6.91,4.7" />
                                            <path class="serv3-215 late1  animatable bounceIn"
                                                d="M158.82,91.79c-3.75.93-7.17.51-8.31-.91a1.78,1.78,0,0,0,0,.76l.19.76c.49,1.95,4.36,2.66,8.65,1.59s7.38-3.51,6.9-5.46l-.19-.76a1.78,1.78,0,0,0-.34-.68c-.34,1.78-3.16,3.76-6.91,4.7" />
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>
                        <h2 class="serv-bold">Logistics and Financial Management System</h2>
                        <p class="serv-text">
                            Whether you want to build a system for Logistics or for Accounting and Finance where every
                            penny counts and security is of utmost importance, we’ve got your back.
                        </p>
                    </li>

                    <li>
                        <div class="serv-img">
                            <?xml version="1.0" encoding="UTF-8"?>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                viewBox="0 0 150.94 162.97">
                                <defs>
                                    <style>
                                        .serv3-1 {
                                            fill: none;
                                        }

                                        .serv3-2 {
                                            clip-path: url(#clip-path1);
                                        }

                                        .serv3-3 {
                                            fill: #223570;
                                        }

                                        .serv3-4 {
                                            fill: #16224d;
                                        }

                                        .serv3-5 {
                                            fill: #df3d7b;
                                        }

                                        .serv3-6 {
                                            fill: #f9b25f;
                                        }

                                        .serv3-7 {
                                            fill: #42e0be;
                                        }

                                        .serv3-8 {
                                            clip-path: url(#clip-path1-3);
                                        }

                                        .serv3-9 {
                                            fill: url(#linear-gradient11);
                                        }

                                        .serv3-10 {
                                            clip-path: url(#clip-path1-4);
                                        }

                                        .serv3-11 {
                                            fill: url(#linear-gradient11-2);
                                        }

                                        .serv3-12 {
                                            fill: #fff;
                                        }

                                        .serv3-13 {
                                            opacity: 0.5;
                                        }

                                        .serv3-14 {
                                            clip-path: url(#clip-path1-6);
                                        }

                                        .serv3-15 {
                                            opacity: 0.24;
                                        }

                                        .serv3-16 {
                                            clip-path: url(#clip-path1-7);
                                        }

                                        .serv3-17 {
                                            fill: #e25050;
                                        }
                                    </style>
                                    <clipPath id="clip-path1">
                                        <rect class="serv3-1" x="18.13" y="22.94" width="132.82" height="140.03" />
                                    </clipPath>
                                    <clipPath id="clip-path1-3">
                                        <path class="serv3-1"
                                            d="M52.56,25.61c-6.26,4.28-12.63,8.74-18.88,13-4.9,3.33-9.61,6.79-14.4,9.94L30.73,65.46c11.39-8,23-15.85,34.46-24,1.24-.76,3.08-1.66,3.52-3.18,1.17-5.15-4.4-12.21-8.37-14.45a5,5,0,0,0-2.65-.88c-1.81,0-3.24,1.36-5.13,2.68" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient11" x1="18.13" y1="163.02" x2="19.13" y2="163.02"
                                        gradientTransform="translate(3641.9 -367.4) rotate(90) scale(22.07)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#71ffb3" />
                                        <stop offset="0.24" stop-color="#63f0a7" />
                                        <stop offset="1" stop-color="#3ac181" />
                                    </linearGradient>
                                    <clipPath id="clip-path1-4">
                                        <path class="serv3-1"
                                            d="M18.72,54.37c1.7,4.65,5.52,9.59,9,11S32.5,64.26,31,59.73c-1.7-4.65-5.52-9.59-9-11a4.48,4.48,0,0,0-1.61-.35c-2.12,0-2.9,2.28-1.66,6" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient11-2" x1="18.13" y1="162.98" x2="19.13"
                                        y2="162.98" gradientTransform="translate(-263.3 -2468.93) scale(15.5)"
                                        xlink:href="#linear-gradient" />
                                    <clipPath id="clip-path1-6">
                                        <rect class="serv3-1" x="39.02" y="86.8" width="86.01" height="30.09" />
                                    </clipPath>
                                    <clipPath id="clip-path1-7">
                                        <rect class="serv3-1" x="35.13" y="106.75" width="86.01" height="30.09" />
                                    </clipPath>
                                </defs>
                                <title>Healthcare or Club Members Management</title>
                                <g id="Layer_2" data-name="Layer 2">
                                    <g id="Layer_1-2" data-name="Layer 1">
                                        <g class="serv3-2">
                                            <g class="serv3-2 animatable bounceIn">
                                                <path class="serv3-3"
                                                    d="M119.89,148.67,29.82,131.86a8.26,8.26,0,0,1-6.6-9.64L37.55,45.44a8.26,8.26,0,0,1,9.64-6.6l90.07,16.81a8.26,8.26,0,0,1,6.6,9.64l-14.33,76.78a8.26,8.26,0,0,1-9.63,6.6" />
                                                <path class="serv3-4"
                                                    d="M142.27,73.77,36,53.93,38,42.82a5.59,5.59,0,0,1,6.53-4.47l95.31,17.79a5.59,5.59,0,0,1,4.47,6.53Z" />
                                                <path class="serv3-5"
                                                    d="M112.5,59.62a2.66,2.66,0,1,1-2.12-3.1,2.66,2.66,0,0,1,2.12,3.1" />
                                                <path class="serv3-6"
                                                    d="M124.84,61.92a2.66,2.66,0,1,1-2.12-3.1,2.66,2.66,0,0,1,2.12,3.1" />
                                                <path class="serv3-7"
                                                    d="M137.18,64.23a2.66,2.66,0,1,1-2.12-3.1,2.66,2.66,0,0,1,2.12,3.1" />
                                            </g>
                                            <g class="round1 animatable bounceIn">
                                                <g class="serv3-8">
                                                    <rect class="serv3-9" x="11.81" y="12.67" width="65.53"
                                                        height="63.06"
                                                        transform="translate(-16.77 30.89) rotate(-32.51)" />
                                                </g>
                                                <g class="serv3-10">
                                                    <rect class="serv3-11" x="14.58" y="48.52" width="20.81"
                                                        height="18.12"
                                                        transform="translate(-36.18 71.67) rotate(-79.51)" />
                                                </g>
                                            </g>
                                            <g class="serv3-2">
                                                <path class="serv3-12 late animatable bounceIn"
                                                    d="M124.79,96.37,44.43,80.73A1.76,1.76,0,0,1,43,78.66l2.13-10.92a1.76,1.76,0,0,1,2.07-1.39L127.59,82A1.76,1.76,0,0,1,129,84.05L126.86,95a1.76,1.76,0,0,1-2.07,1.39" />
                                                <g class="serv3-13 late animatable bounceIn">
                                                    <g class="serv3-14">
                                                        <path class="serv3-12"
                                                            d="M120.8,116.85,40.44,101.21a1.76,1.76,0,0,1-1.39-2.07l2.13-10.92a1.76,1.76,0,0,1,2.07-1.39l80.36,15.64a1.76,1.76,0,0,1,1.39,2.07l-2.12,10.92a1.76,1.76,0,0,1-2.07,1.39" />
                                                    </g>
                                                </g>
                                                <g class="serv3-15 late animatable bounceIn">
                                                    <g class="serv3-16">
                                                        <path class="serv3-12"
                                                            d="M116.92,136.81,36.56,121.17a1.76,1.76,0,0,1-1.39-2.07l2.13-10.92a1.76,1.76,0,0,1,2.07-1.4l80.36,15.64a1.77,1.77,0,0,1,1.39,2.07L119,135.41a1.76,1.76,0,0,1-2.07,1.39" />
                                                    </g>
                                                </g>
                                                <path class="serv3-17 late1 animatable bounceIn"
                                                    d="M135.21,105.95l-20.66-3.86a10.7,10.7,0,0,0-10.1,3.56l-13.67,16a10.71,10.71,0,0,0-2,10.53l7,19.82a10.71,10.71,0,0,0,8.13,7l20.66,3.86a10.71,10.71,0,0,0,10.1-3.56l13.67-16a10.71,10.71,0,0,0,2-10.53l-7-19.82a10.71,10.71,0,0,0-8.13-7" />
                                                <path class="serv3-12 late1 animatable bounceIn"
                                                    d="M130.66,140.34l.63-3a4.37,4.37,0,0,0-8.55-1.78L122,139a3.78,3.78,0,0,1-7.39-1.54l.31-1.47a8,8,0,0,0,4.6-.9l.71-.38-.81-1.5a6.3,6.3,0,0,0,2.52-3.85l.62-3A2.59,2.59,0,1,0,121,126l-.62,3a4.69,4.69,0,0,1-1.71,2.75l-.75-1.39-.7.38a3.07,3.07,0,0,1-3.86-.81l-.5-.63-1.24,1a4.7,4.7,0,0,1-.47-3.2l.62-3a2.59,2.59,0,1,0-1.57-.33l-.62,3a6.29,6.29,0,0,0,.77,4.53L109,132.35l.49.63a8,8,0,0,0,3.86,2.67l-.31,1.47a5.38,5.38,0,1,0,10.53,2.19l.71-3.42a2.77,2.77,0,0,1,5.42,1.13l-.62,3a3,3,0,1,0,1.57.33" />
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>

                        <h2 class="serv-bold">
                            Healthcare or Club Members Management
                        </h2>

                        <p class="serv-text">
                            Or, you want to manage the records of your club members or patients, we have got a ton of experience with that.
                        </p>
                    </li>

                    <li>
                        <div class="serv-img">
                            <?xml version="1.0" encoding="UTF-8"?>
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                viewBox="0 0 178.92 154.96">
                                <defs>
                                    <style>
                                        .serv4-1 {
                                            fill: none;
                                        }

                                        .serv4-2 {
                                            clip-path: url(#clip-path4);
                                        }

                                        .serv4-3 {
                                            fill: #16224d;
                                        }

                                        .serv4-4 {
                                            fill: #223570;
                                        }

                                        .serv4-5 {
                                            fill: #6693ed;
                                        }

                                        .serv4-6 {
                                            fill: #101b3d;
                                        }

                                        .serv4-7 {
                                            clip-path: url(#clip-path4-3);
                                        }

                                        .serv4-8 {
                                            fill: url(#linear-gradient4);
                                        }

                                        .serv4-9 {
                                            clip-path: url(#clip-path4-4);
                                        }

                                        .serv4-10 {
                                            fill: url(#linear-gradient4-2);
                                        }

                                        .serv4-11 {
                                            clip-path: url(#clip-path4-5);
                                        }

                                        .serv4-12 {
                                            fill: url(#linear-gradient4-3);
                                        }

                                        .serv4-13 {
                                            clip-path: url(#clip-path4-6);
                                        }

                                        .serv4-14 {
                                            fill: url(#linear-gradient4-4);
                                        }

                                        .serv4-15 {
                                            fill: #fff;
                                        }

                                        .serv4-16 {
                                            opacity: 0.5;
                                        }

                                        .serv4-17 {
                                            clip-path: url(#clip-path4-8);
                                        }

                                        .serv4-18 {
                                            clip-path: url(#clip-path4-9);
                                        }

                                        .serv4-19 {
                                            opacity: 0.25;
                                        }

                                        .serv4-20 {
                                            clip-path: url(#clip-path4-10);
                                        }

                                        .serv4-21 {
                                            clip-path: url(#clip-path4-11);
                                        }
                                    </style>
                                    <clipPath id="clip-path4">
                                        <rect class="serv4-1" x="10.54" y="10.61" width="167.26" height="144.35" />
                                    </clipPath>
                                    <clipPath id="clip-path4-3">
                                        <path class="serv4-1"
                                            d="M129.34,81.79l-11.75,31.62a8.69,8.69,0,0,0,5.12,11.17l31.62,11.75a8.69,8.69,0,0,0,11.17-5.12L177.25,99.6a8.69,8.69,0,0,0-5.12-11.17L140.52,76.68a8.68,8.68,0,0,0-11.17,5.12" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient4" x1="10.54" y1="154.95" x2="11.54" y2="154.95"
                                        gradientTransform="matrix(60.75, 0, 0, -60.75, -523.06, 9520.1)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#ffd524" />
                                        <stop offset="1" stop-color="#ff7b22" />
                                    </linearGradient>
                                    <clipPath id="clip-path4-4">
                                        <path class="serv4-1"
                                            d="M39,16.66c-8.21,0-16.41,5.29-20.42,11.49-3.65,5.65-2.55,14-.18,20.24C20.08,52.59,23.72,54,27,56.6c-8.75-7.29-6.56-20.61.55-28.08,6.57-6.93,17.87-10,25.71-3.47a19.06,19.06,0,0,0-3.83-3.83c-3.15-2.45-6.65-4.57-10-4.57H39" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient4-2" x1="10.54" y1="154.96" x2="11.54"
                                        y2="154.96"
                                        gradientTransform="translate(-5313.01 416.98) rotate(-90) scale(34.51)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#e24d8a" />
                                        <stop offset="0.02" stop-color="#e04c89" />
                                        <stop offset="0.69" stop-color="#911e6b" />
                                        <stop offset="1" stop-color="#720c5f" />
                                    </linearGradient>
                                    <clipPath id="clip-path4-5">
                                        <path class="serv4-1"
                                            d="M60.38,41.1a28.49,28.49,0,0,1-17,19.51c-8.21,3.65-18.05,4.74-25.16-1.09,3.47,2.92,6.93,5.83,11.31,7.29A26.23,26.23,0,0,0,48.16,65c12.22-5.84,20.79-20.24,17.69-33.92a22.25,22.25,0,0,0-6-11.12,54.25,54.25,0,0,0-4.92-4.19c7.66,6,7.84,16.23,5.47,25.35" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient4-3" x1="10.54" y1="154.94" x2="11.54"
                                        y2="154.94"
                                        gradientTransform="translate(-6689.23 522.14) rotate(-90) scale(43.45)"
                                        xlink:href="#linear-gradient4-2" />
                                    <clipPath id="clip-path4-6">
                                        <path class="serv4-1"
                                            d="M33,57c-10.21-.55-16.78-9.66-14.59-20.42C20.62,26,30.65,17.76,40.86,18.3S57.46,28,55.45,38.55C53.33,49,43.86,57,34,57l-1,0m8-46.35c-13.76,0-27,11.08-29.85,25.56a27.86,27.86,0,0,0-.61,5.58V42c.06,12.15,8.55,21.8,20.85,22.59C45.61,65.35,59.65,54,62.57,39.09c3.1-14.77-6-27.54-20.24-28.45q-.64,0-1.27,0Z" />
                                    </clipPath>
                                    <linearGradient id="linear-gradient4-4" x1="10.54" y1="154.96" x2="11.54"
                                        y2="154.96" gradientTransform="matrix(0, -51, 51, 0, -7864.42, 599.5)"
                                        gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#ff80ae" />
                                        <stop offset="0.66" stop-color="#ba408f" />
                                        <stop offset="1" stop-color="#9b2381" />
                                    </linearGradient>
                                    <clipPath id="clip-path4-8">
                                        <rect class="serv4-1" x="131.04" y="98.66" width="6.31" height="6.31" />
                                    </clipPath>
                                    <clipPath id="clip-path4-9">
                                        <rect class="serv4-1" x="140.82" y="102.27" width="23.37" height="12.6" />
                                    </clipPath>
                                    <clipPath id="clip-path4-10">
                                        <rect class="serv4-1" x="127.18" y="108.58" width="6.31" height="6.31" />
                                    </clipPath>
                                    <clipPath id="clip-path4-11">
                                        <rect class="serv4-1" x="136.97" y="112.19" width="23.37" height="12.6" />
                                    </clipPath>
                                </defs>
                                <title>Student or Learning Management System</title>
                                <g id="Layer_2" data-name="Layer 2">
                                    <g id="Layer_1-2" data-name="Layer 1">
                                        <g class="serv4-2">
                                            <g class="serv4-2 mob animatable bounceIn">
                                                <path class="serv4-3"
                                                    d="M134.78,137.71,81.15,154.59a7.45,7.45,0,0,1-9.44-4.67L38.84,45.45a7.45,7.45,0,0,1,5.06-9.23L97.53,19.34A7.45,7.45,0,0,1,107,24l32.87,104.47a7.45,7.45,0,0,1-5.06,9.23" />
                                                <rect class="serv4-4" x="52.97" y="34.53" width="71.04" height="100.76"
                                                    transform="translate(-21.41 30.48) rotate(-17.47)" />
                                                <path class="serv4-5"
                                                    d="M103,140.15a3.34,3.34,0,1,1,4.19,2.19,3.34,3.34,0,0,1-4.19-2.19" />
                                                <path class="serv4-6"
                                                    d="M110.29,78A22.85,22.85,0,1,1,81.63,63.11,22.85,22.85,0,0,1,110.29,78" />
                                            </g>
                                            <g class="serv4-7  late1 animatable bounceIn">
                                                <rect class="serv4-8" x="115.92" y="76.13" width="63" height="61.88" />
                                            </g>
                                            <g class="serv-ring animatable fadeIn">
                                                <g class="serv4-9">
                                                    <rect class="serv4-10" x="10.78" y="13.93" width="46.69"
                                                        height="45.39"
                                                        transform="translate(-8.49 62.89) rotate(-78.68)" />
                                                </g>
                                                <g class="serv4-11">
                                                    <rect class="serv4-12" x="12.7" y="12.15" width="61.8"
                                                        height="60.09"
                                                        transform="translate(-6.33 76.66) rotate(-78.68)" />
                                                </g>
                                                <g class="serv4-13">
                                                    <rect class="serv4-14" x="5.85" y="5.58" width="64.5" height="64.8"
                                                        transform="translate(-6.62 67.89) rotate(-78.68)" />
                                                </g>
                                            </g>
                                            <g class="serv4-2">
                                                <polygon class="serv4-15 late animatable bounceIn"
                                                    points="100.21 78.52 100.07 78.01 87.22 75.57 77.31 84.1 77.44 84.61 90.29 87.05 100.21 78.52" />
                                                <path class="serv4-15 late animatable bounceIn"
                                                    d="M82.16,86.45,83,89.73l7.74,1.47,1.15-.31,6-5.12v0L97,82.47,90.56,88Z" />
                                                <polygon class="serv4-15 late animatable bounceIn"
                                                    points="101.13 86.75 99.42 80.38 98.64 81.07 100.23 86.99 100.12 88.94 101.32 89.89 101.62 89.81 102.19 88.38 101.13 86.75" />
                                                <path class="serv4-15 late1 animatable bounceIn"
                                                    d="M137.13,94.49h0a3.15,3.15,0,1,1,4-1.87,3.15,3.15,0,0,1-4,1.87" />
                                                <path class="serv4-15  late1 animatable bounceIn"
                                                    d="M164,104.39l-17.06-6.3a3.15,3.15,0,0,1,2.18-5.92l17.06,6.3a3.15,3.15,0,0,1-2.18,5.91" />
                                                <g class="serv4-16  late1 animatable bounceIn">
                                                    <g class="serv4-17">
                                                        <path class="serv4-15"
                                                            d="M133.1,104.77h0a3.15,3.15,0,0,1-1.87-4h0a3.15,3.15,0,1,1,1.87,4" />
                                                    </g>
                                                </g>
                                                <g class="serv4-16  late1 animatable bounceIn">
                                                    <g class="serv4-18">
                                                        <path class="serv4-15"
                                                            d="M159.94,114.68l-17.06-6.3a3.15,3.15,0,1,1,2.18-5.91l17.06,6.3a3.15,3.15,0,1,1-2.18,5.91" />
                                                    </g>
                                                </g>
                                                <g class="serv4-19  late1 animatable bounceIn">
                                                    <g class="serv4-20">
                                                        <path class="serv4-15"
                                                            d="M129.25,114.7h0a3.15,3.15,0,1,1,4-1.87,3.15,3.15,0,0,1-4,1.87" />
                                                    </g>
                                                </g>
                                                <g class="serv4-19  late1 animatable bounceIn">
                                                    <g class="serv4-21">
                                                        <path class="serv4-15"
                                                            d="M156.09,124.6,139,118.3a3.15,3.15,0,1,1,2.18-5.91l17.06,6.3a3.15,3.15,0,0,1-2.18,5.91" />
                                                    </g>
                                                </g>
                                            </g>
                                        </g>
                                    </g>
                                </g>
                            </svg>
                        </div>

                        <h2 class="serv-bold">
                            Student or Learning Management System
                        </h2>

                        <p class="serv-text">
                            Storing thousands of records and reporting them beautifully is the key to success for any backend system. LMSes and Student CRMs are no exceptions. Been there; Done that.
                        </p>
                    </li>
                </ul>

                <div class="portfolio-inner">
                    <div class="port-left animated" data-animation="fadeInUp" data-animation-delay="500">
                        <h2>Technology Stack</h2>
                    </div>

                    <div class=" port-right animated" data-animation="fadeInUp" data-animation-delay="600">
                        <p>
                            One of the many qualities that our existing clients like about our service is that we use up-to-date and stable tools. We work not just to complete a project, we work to "support it for a lifetime" and make sure that the systems we create help achieve your business goals.
                        </p>
                    </div>
                </div>

                <div class="portfolio-tabs">
                    <div class="portfolio-inner">
                        <div class="port-tab-left animated" data-animation="fadeInUp" data-animation-delay="700">
                            <ul class="nav nav-tabs tabs-left sideways">
                                <li class="active"><a href="#backend-tab" data-toggle="tab">Back end</a></li>
                                <li><a href="#frontend-tab" data-toggle="tab">Front end</a></li>
                                <li><a href="#integration-tab" data-toggle="tab">Integration</a></li>
                                <li><a href="#server-tab" data-toggle="tab">Server</a></li>
                                <li><a href="#communication-tab" data-toggle="tab">Communication</a></li>
                            </ul>
                        </div>

                        <div class="port-tab-right animated" data-animation="fadeInUp" data-animation-delay="700">
                            <div class="tab-content">
                                <div class="tab-pane active fade in" id="backend-tab">
                                    <div class="tab-inner">
                                        <div class="tab-detail">
                                            <img src="images/technology-stack/laravel-development.svg" alt="Laravel Development" class="logo-img">
                                            <span class="tab-text">Laravel Development</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/php-development.svg" alt="PHP Development" class="logo-img">
                                            <span class="tab-text">PHP Development</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/schema-design.svg" alt="Schema Design" class="logo-img">
                                            <span class="tab-text">Schema Design</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/test-driven-development.svg" alt="Test Driven Development" class="logo-img">
                                            <span class="tab-text">Test Driven Development</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/api-development.svg" alt="API Development" class="logo-img">
                                            <span class="tab-text">API Development</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="frontend-tab">
                                    <div class="tab-inner">
                                        <div class="tab-detail">
                                            <img src="images/technology-stack/vue-js.svg" alt="Vue.js" class="logo-img">
                                            <span class="tab-text">Vue.js</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/bootstrap.svg" alt="Bootstrap" class="logo-img">
                                            <span class="tab-text">Bootstrap</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/laravel-mix.svg" alt="Laravel Mix" class="logo-img">
                                            <span class="tab-text">Laravel Mix</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/npm.svg" alt="NPM" class="logo-img">
                                            <span class="tab-text">NPM</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/webpack.svg" alt="Webpack" class="logo-img">
                                            <span class="tab-text">Webpack</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/progressive-web-apps.svg" alt="Progressive Web Apps" class="logo-img">
                                            <span class="tab-text">Progressive Web Apps</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="integration-tab">
                                    <div class="tab-inner">
                                        <div class="tab-detail">
                                            <img src="images/technology-stack/stripe.svg" alt="Stripe" class="logo-img">
                                            <span class="tab-text">Stripe</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/algolia.svg" alt="Algolia" class="logo-img">
                                            <span class="tab-text">Algolia</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/mailchimp.svg" alt="Mailchimp" class="logo-img">
                                            <span class="tab-text">Mailchimp</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/laravel-nova.svg" alt="Laravel Nova" class="logo-img">
                                            <span class="tab-text">Laravel Nova</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/laravel-socialite.svg" alt="Laravel Socialite" class="logo-img">
                                            <span class="tab-text">Laravel Socialite</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/laravel-passport.svg" alt="Laravel Passport" class="logo-img">
                                            <span class="tab-text">Laravel Passport</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="server-tab">
                                    <div class="tab-inner">
                                        <div class="tab-detail">
                                            <img src="images/technology-stack/server-setup.svg" alt="Server Setup" class="logo-img">
                                            <span class="tab-text">Server Setup</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/digital-ocean.svg" alt="Digital Ocean" class="logo-img">
                                            <span class="tab-text">Digital Ocean</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/laravel-forge.svg" alt="Laravel Forge" class="logo-img">
                                            <span class="tab-text">Laravel Forge</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/amazon-web-services.svg" alt="Amazon Web Services" class="logo-img">
                                            <span class="tab-text">AWS</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/nginx.svg" alt="Nginx" class="logo-img">
                                            <span class="tab-text">Nginx</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/docker.svg" alt="Docker" class="logo-img">
                                            <span class="tab-text">Docker</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/cloudflare.svg" alt="Cloudflare" class="logo-img">
                                            <span class="tab-text">Cloudflare</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/linux.svg" alt="Linux" class="logo-img">
                                            <span class="tab-text">Linux</span>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="communication-tab">
                                    <div class="tab-inner">
                                        <div class="tab-detail">
                                            <img src="images/technology-stack/google-drive.svg" alt="Google Drive" class="logo-img">
                                            <span class="tab-text">Google Drive</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/slack.svg" alt="Slack" class="logo-img">
                                            <span class="tab-text">Slack</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/trello.svg" alt="Trello" class="logo-img">
                                            <span class="tab-text">Trello</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/plain-paper.svg" alt="Plain Paper (schema design)" class="logo-img">
                                            <span class="tab-text">Plain Paper (schema design)</span>
                                        </div>

                                        <div class="tab-detail">
                                            <img src="images/technology-stack/skype.svg" alt="Skype" class="logo-img">
                                            <span class="tab-text">Skype</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <section id="portfolio">
        <div class="product-main-container">
            <div class="container">
                <div class="heading-bg animated" data-animation="fadeInUp" data-animation-delay="200">
                    <div class="heading-img">
                        <img src="images/logo-icon.png">
                        Our code powers some of the very powerful web apps that help businesses across the globe.
                    </div>
                </div>

                <div class="product-inner">
                    <ul class="product-list ">
                        <li class="animated" data-animation="fadeInUp" data-animation-delay="400">
                            <a href="#">
                                <img src="images/portfolio/POSable.png" alt="POSable">
                                <h5>POSable</h5>
                            </a>
                        </li>

                        <li class="animated" data-animation="fadeInUp" data-animation-delay="200">
                            <a href="/submission-portal-casestudy">
                                <img src="images/portfolio/submission-portal.png" alt="Music Submission Portal">
                                <h5>Music Submission Portal</h5>
                            </a>
                        </li>

                        <li class="animated" data-animation="fadeInUp" data-animation-delay="600">
                            <a href="https://www.align.ly/" target="_blank">
                                <img src="images/portfolio/alignly.png" alt="Align.ly">
                                <h5>Align.ly</h5>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="text-center text-white">
                    <strong class="h3">(Casestudy)</strong>
                </div>
            </div>
        </div>
    </section>

    <div class="marquee-main">
        <h3 class="caption  text-center animated text-white fadeInUp visible" data-animation="fadeInUp"
            data-animation-delay="400">
            Some of the backend systems that we have built on-demand for our wonderful clients.
        </h3>

        <div class="marquee">
            <ul class="search-tag">
                <li><a href="#" class="white">ABWA</a></li>
                <li><a href="#" class="orange">ArborHQ</a></li>
                <li><a href="#" class="green">Caplet</a></li>
                <li><a href="#" class="blue">Fiken</a></li>
                <li><a href="#" class="orange">Harvest</a></li>
                <li><a href="#" class="purple">JSS</a></li>
                <li><a href="#" class="pink">Matriders</a></li>
                <li><a href="#" class="d-green">Monarch</a></li>
                <li><a href="#" class="white">Project Laura</a></li>
                <li><a href="#" class="pink">New Heights Roofing</a></li>
                <li><a href="#" class="blue">Lumen API</a></li>
                <li><a href="#" class="d-green">STT</a></li>
                <li><a href="#" class="green">WP Showcase</a></li>
            </ul>
        </div>
    </div>

    <div class="text-main-container" id="testimonial">
        <div class="container">
            <div class="test-inner">
                <div class="test-left animated" data-animation="fadeInUp" data-animation-delay="200">
                    <h2 class="heading-test">Testimonials</h2>
                    <span>
                        Don't just take our word for it.
                    </span>
                    <p>
                        Working with a consultative approach by clear communication and providing support for the lifetime of the project is our USP. Ask any of our clients.
                    </p>
                </div>

                <div class="test-right animated" data-animation="fadeInUp" data-animation-delay="400">
                    <div class="slider vertical-slider">
                        <div class="slick">
                            <div class="item">
                                <div class="snip1192">
                                    <span>
                                        Freshbits team is very professional, fast, always available, had all the skills it took to fulfill the job and work with lots of care for detail.
                                    </span>

                                    <div class="author">
                                        <div class="author-left">
                                            <img src="images/quote.png">
                                        </div>

                                        <div class="author-right">
                                            <div class="author-detail">
                                                <h5>Claudi Sult</h5>
                                                <span>Greenme Berlin</span>
                                            </div>

                                            <div class="a-img" style="background:url('images/testimonials/claudi-sult.jpg');"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <div class="snip1192">
                                    <span>
                                        The team transformed my project from a risky, drawn-out initiative to a solid, best-in-class app delivered on schedule.
                                    </span>

                                    <div class="author">
                                        <div class="author-left">
                                            <img src="images/quote.png">
                                        </div>

                                        <div class="author-right">
                                            <a class="play" href="//www.youtube.com/watch?v=bzz4Tmx8hNo?controls=0" data-lity>
                                                <i class="fa fa-play-circle"></i>
                                            </a>

                                            <div class="author-detail">
                                                <h5>Jason Cooper</h5>
                                                <span>Peerless group</span>
                                            </div>

                                            <div class="a-img" style="background:url('images/testimonials/jason-cooper.png');"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <div class="snip1192">
                                    <span>
                                        Delight to work with, great with communications from the start and always thoughtful in feedback on methods of achieving our goal.
                                    </span>
                                    <div class="author">
                                        <div class="author-left">
                                            <img src="images/quote.png">
                                        </div>

                                        <div class="author-right">
                                            <a class="play" href="//www.youtube.com/watch?v=h5K_pA0q2hM?controls=0" data-lity>
                                                <i class="fa fa-play-circle"></i>
                                            </a>

                                            <div class="author-detail">
                                                <h5>Andre Liem</h5>
                                                <span>Midstride Tech</span>
                                            </div>

                                            <div class="a-img" style="background:url('images/testimonials/andre-liem.jpeg');"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <div class="snip1192">
                                    <span>
                                        This team has been a dream to work with. They quickly understand business requirements and the bigger picture whilst producing high quality code.
                                    </span>

                                    <div class="author">
                                        <div class="author-left">
                                            <img src="images/quote.png">
                                        </div>

                                        <div class="author-right">
                                            <div class="author-detail">
                                                <h5>Ross M</h5>
                                                <span>IT House</span>
                                            </div>

                                            <div class="a-img" style="background:url('images/testimonials/ross-m.jpeg');"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section id="blog">
        <div class="container">
            <div class="blog-head">
                <div class="blog-head-left">
                    We like open-source. And love to contribute. Some of our packages:
                </div>

                <div class="blog-head-right">
                    <div id="subscribe-input" class="form-wapper">
                        <a class="form-text" href="//github.com/freshbitsweb" target="_blank">
                            Find More
                            <button class="form-btn">
                                <img src="images/know-more-icon.png" alt="Find more packages">
                            </button>
                        </a>
                    </div>
                </div>
            </div>

            <div class="clash-card-main">
                <div class="clash-card">
                    <div class="clash-up">
                        <div class="clash-card__image">
                            <img src="images/packages/laratables-icon.png" alt="Laratables icon">
                            <div class="clash-card__level clash-card__level">Laratables</div>
                        </div>

                        <div class="clash-card__unit-description">
                            Ajax support of DataTables (Laravel 5.5 - Laravel 5.8)
                            <span class="c-sky">Demo Here</span>
                        </div>
                    </div>
                    <div class="clash-card-down">
                        <a class="github-button stat-value"
                            href="//github.com/freshbitsweb/laratables"
                            data-size="large"
                            data-show-count="true"
                            aria-label="Star freshbitsweb/laratables on GitHub"
                            target="_blank"
                        >Github</a>
                    </div>
                </div>

                <div class="clash-card">
                    <div class="clash-up">
                        <div class="clash-card__image">
                            <img src="images/packages/laravel-log-enhancer-icon.png" alt="Laravel Log Enhancer Icon">
                            <div class="clash-card__level clash-card__level">Laravel Log Enhancer</div>
                        </div>

                        <div class="clash-card__unit-description">
                            Make debugging easier by adding more data to your laravel logs (Laravel 5.6 to Laravel 5.8)
                        </div>
                    </div>

                    <div class="clash-card-down">
                        <a class="github-button stat-value"
                            href="//github.com/freshbitsweb/laravel-log-enhancer"
                            data-size="large"
                            data-show-count="true"
                            aria-label="Star freshbitsweb/laravel-log-enhancer on GitHub"
                            target="_blank"
                        >Github</a>
                    </div>
                </div>

                <div class="clash-card">
                    <div class="clash-up">
                        <div class="clash-card__image">
                            <img src="images/packages/laravel-cart-manager-icon.png" alt="Laravel Cart Manager icon">
                            <div class="clash-card__level clash-card__level">Laravel Cart Manager</div>
                        </div>

                        <div class="clash-card__unit-description">
                            Managing the cart in your Laravel application is a breeze Links: 1.
                            <span class="c-orange">
                                Demo
                            </span>
                            , 2.
                            <span class="c-orange">Docs</span>
                        </div>
                    </div>

                    <div class="clash-card-down">
                        <a class="github-button stat-value"
                            href="//github.com/freshbitsweb/laravel-cart-manager"
                            data-size="large"
                            data-show-count="true"
                            aria-label="Star freshbitsweb/laravel-cart-manager on GitHub"
                            target="_blank"
                        >Github</a>
                    </div>
                </div>
            </div>

            <div class="blog-head animated" data-animation="fadeInUp" data-animation-delay="200">
                <div class="blog-head-left">
                    You can meet us personally on our next meetup or event...
                </div>

                <div class="blog-head-right">
                    <a href="//www.facebook.com/LaravelRajkot/photos/?tab=album&album_id=425798934907438" target="_blank">
                        <div id="subscribe-input" class="form-wapper">
                            <label class="form-text">
                                Know More
                                <button class="form-btn">
                                    <img src="images/know-more-icon.png" alt="Know more">
                                </button>
                            </label>
                        </div>
                    </a>
                </div>

                <div class="d-text">
                    We believe in sharing and learning together. And that is why we set aside a few hours every week for local community-related work like arranging meetups, preparing for a talk and others.
                </div>
            </div>

            <section id="about" class="pb-100 mb-100">
                <div class="about-inner align-items-center">
                    <div class="about-left animated fadeInUp" data-animation="fadeInUp" data-animation-delay="200">
                        <h2 class="heading animated fadeInUp" data-animation="fadeInUp" data-animation-delay="100">
                            Address
                        </h2>

                        <p class="about-head text-white">
                            Freshbits Web Solutions, <br>
                            205, Time Square, <br>
                            Ayodhya Chowk, <br>
                            150ft Ring Road, Rajkot.
                        </p>
                    </div>

                    <div class="about-right animated fadeInUp" data-animation="fadeInUp" data-animation-delay="300">
                        <div class="map">
                            <iframe
                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3690.827918513251!2d70.7650956145404!3d22.322346885312108!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3959c980c29fe5a5%3A0xdd2ba6cec534f24c!2sFreshbits%20Web%20Solutions!5e0!3m2!1sen!2sin!4v1575609014872!5m2!1sen!2sin"
                                width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"
                                marginwidth="0"></iframe>
                        </div>
                    </div>
                </div>
            </section>

            <div class="con-list" id="contact">
                <div class="con-head animated" class="animated" data-animation="fadeInUp" data-animation-delay="200">
                    We should talk
                </div>

                <div class="con-text animated" class="animated" data-animation="fadeInUp" data-animation-delay="400">
                    Now, even we are tired of this one way communication and eagerly waiting to see you press `Contact Now` button and drop a quick message.
                </div>

                <a class="con-btn animated" data-animation="fadeInUp" data-animation-delay="600"
                    href="#" data-toggle="modal" data-target="#contact-modal">
                    Contact now
                </a>
            </div>
        </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="foot-main">
                <div class="foot-inner">
                    <img src="images/logo_black.svg" alt="Freshbits Logo">
                </div>

                <div class="f_m">
                    With &#10084; from Freshbits
                </div>

                <div class="f_d">
                    <ul class="f_d_list">
                        <li>
                            <a href="https://www.linkedin.com/company/freshbits-web-solutions/" target="_blank">
                                <i class="fa fa-linkedin"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com/freshbitsweb/" target="_blank">
                                <i class="fa fa-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://github.com/freshbitsweb/" target="_blank">
                                <i class="fa fa-github"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.instagram.com/freshbitsrajkot/" target="_blank">
                                <i class="fa fa-instagram"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <div class="modal fade" id="contact-modal" tabindex="-1" role="dialog" aria-labelledby="contact-modal-label" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <img src="images/close.png">
                    </button>
                </div>

                <div class="modal-body">
                    <div class="contact-main">
                        <div class=" contact-inner">
                            <div class="contact-right">
                                <div class="log-overlay">
                                    <div class="con-logo"></div>
                                </div>
                            </div>

                            <div class="contact-left">
                                <div class="conatiner">
                                    <div class="item-decribe">
                                        <div class="edit-info-inner">
                                            <p class="hidden">
                                                <label><input name="bot-field"></label>
                                            </p>

                                            <h5 class="contact-head">Contact Us</h5>

                                            <p>
                                                Striving to talk with you soon. Let's build something awesome. Great wishes!
                                            </p>

                                            <p>
                                                Please send an email to <b>info [at] freshbits.in</b> for inquiries.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Scripts -->
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
        integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
    </script>
    <!-- Menu link click slide -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js">
    </script>
    <script type="text/javascript" src="js/appear.min.js"></script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
    <script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/267285/jquery.lettering.js">
    </script>
    <script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/267285/jquery.textillate.js">
    </script>
    <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js'></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.5.0/jquery.marquee.js">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script type="text/javascript" src="js/lity.js"></script>
    <script type="text/javascript" src="//buttons.github.io/buttons.js" async defer></script>
    <script type="text/javascript" src="js/diaries-data.js"></script>
    <script type="text/javascript" src="js/custom_script.js"></script>
</body>
</html>