IRA Design - Build your own amazing illustrations @ Creative Tim

<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png"> <link rel="icon" type="image/png" sizes="96x96" href="./assets/img/favicon.svg"> <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>IRA Design - Build your own amazing illustrations @ Creative Tim</title>  <link rel="canonical" href="https://iradesign.io/">  <meta name="keywords" content="illustration, app, website illustration, app illustration, design component, custom illustration, illustration component, color gradient, gradients, gallery, best illustrations, colorful illustrations"> <meta name="description" content="Build your own amazing illustrations.">  <meta name="twitter:card" content="product"> <meta name="twitter:site" content="@creativetim"> <meta name="twitter:title" content="IRA Design by Creative Tim"> <meta name="twitter:description" content="Build your own amazing illustrations."> <meta name="twitter:creator" content="@creativetim"> <meta name="twitter:image" content="https://raw.githack.com/ira-design/ira-design.github.io/master/assets/img/iradesign.jpg"> <meta name="twitter:data1" content="IRA Design by Creative Tim"> <meta name="twitter:label1" content="Product Type"> <meta name="twitter:label2" content="Price">  <meta property="fb:app_id" content="655968634437471"> <meta property="og:title" content="IRA Design by Creative Tim"> <meta property="og:type" content="article"> <meta property="og:url" content="https://iradesign.io/"> <meta property="og:image" content="https://raw.githack.com/ira-design/ira-design.github.io/master/assets/img/iradesign.jpg"> <meta property="og:description" content="Build your own amazing illustrations."> <meta property="og:site_name" content="IRA Design"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <meta name="viewport" content="width=device-width" /> <link href="./assets/bootstrap-4/css/bootstrap.min.css" rel="stylesheet" /> <link href="./assets/css/gsdk.css" rel="stylesheet"/> <link href="./assets/css/new-css.css?v=1.0.0" rel="stylesheet" />  <link href="./assets/css/animate.min.css" rel="stylesheet" />  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="./assets/css/icons.css">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MBT68RX');</script>  </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBT68RX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="change-colors fixed-plugin fas"> <p class="text-clothes"><img src="./assets/img/leggins.svg">Trousers</p> <div class="colors badge-colors-trousers"> <span class="badge filter badge-info active" data-color="blue"></span> <span class="badge filter badge-purple" data-color="purple"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> <p class="text-clothes"><img src="./assets/img/tshirt.svg">T-shirt</p> <div class="colors badge-colors-tshirt"> <span class="badge filter badge-purple active" data-color="purple"></span> <span class="badge filter badge-info" data-color="blue"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> <p class="text-clothes"><img src="./assets/img/hair.svg">Hair</p> <div class="colors badge-colors-hair"> <span class="badge filter badge-info active" data-color="blue"></span> <span class="badge filter badge-purple" data-color="purple"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> <p class="text-object"><img src="./assets/img/object.svg">Objects</p> <div class="badge-colors-objects"> <span class="badge filter badge-purple active" data-color="purple"></span> <span class="badge filter badge-info" data-color="blue"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> </div> <nav class="navbar navbar-expand-md navbar-default py-2" role="navigation-demo"> <div class="container"> <div class="navbar-brand pl-0 my-0 py-0 d-flex"> <a href="." style="width:14%;"> <img src="./assets/img/ira-logo-pen.png" class="w-100"/> </a> <div class="d-flex flex-column"> <a href="." class="text-ira text-lg"> Ira Design </a> <a href="https://www.creative-tim.com/" target="_blank" class="text-dark text-sm"> <span>by Creative Tim</span> </a> </div> </div> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation-default"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse" id="navigation-default"> <ul class="navbar-nav ml-auto align-items-center"> <a class="btn btn-simple btn-dark w-100 px-2 text-capitalize pt-1 mt-2" href="/gallery/illustrations"> Gallery </a> <li> <div class="dropdown"> <button class="btn btn-simple btn-dark w-100 dropdown-toggle text-capitalize px-2" type="button" id="dropdownIllustrations" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Illustrations <span class="caret"></span> </button> <div class="dropdown-menu border-0 pr-2 pl-0 pb-0" aria-labelledby="dropdownIllustrations"> <a class="dropdown-item py-1 pl-2 text-uppercase d-flex align-items-center mt-3" href="./illustrations"> <img src="./assets/img/pen-gradient.png" class="w-15 mr-1"> <span class="opacity-6 text-sm">Gradient</span> </a> <a class="dropdown-item py-1" href="./illustrations/characters">Characters</a> <a class="dropdown-item py-1" href="./illustrations/objects">Objects</a> <a class="dropdown-item py-1" href="./illustrations/backgrounds">Backgrounds</a> <a class="dropdown-item py-1" href="./illustrations">All illustrations</a> <a class="dropdown-item py-1 pl-2 text-uppercase d-flex align-items-center mt-3" href="./illustrations"> <img src="./assets/img/pen-outline.png" class="w-15 mr-1"> <span class="opacity-6 text-sm">Outline</span> </a> <a class="dropdown-item py-1" href="./illustrations/outline/characters">Characters</a> <a class="dropdown-item py-1 mb-3" href="./illustrations/outline/objects">Objects</a> </div> </div> </li> <li> <div class="dropdown"> <button class="btn btn-simple btn-dark w-100 dropdown-toggle text-capitalize px-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Download <span class="caret"></span> </button> <div class="dropdown-menu border-0 pr-2 pl-0 pb-0" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item py-2" href="https://github.com/ira-design/ira-illustrations/blob/SVG/SVG.zip?raw=true">Download SVG</a> <a class="dropdown-item py-2" href="https://github.com/ira-design/ira-illustrations/blob/PNG/PNG.zip?raw=true">Download PNG</a> <a class="dropdown-item py-2" href="https://github.com/ira-design/ira-illustrations/blob/ALL/PNG%2BSVG.zip/?raw=true">Download ALL</a> </div> </div> </li> <li> <div class="dropdown"> <button class="btn btn-simple btn-dark w-100 dropdown-toggle text-capitalize position-relative px-2" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Ecosystem <span class="caret"></span> <span class="badge badge-purple badge-sm text-white pt-1 badge-top-right position-absolute top-0 end-0 ml-n1">New</span> </button> <div class="dropdown-menu border-0 pr-2 pl-0 pb-0" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item position-relative py-2" href="https://course-ui-ux.creative-tim.com/course/ux-design-fundamentals?ref=iradesign-navbar" target="_blank"> <i class="fa fa-graduation-cap text-dark mr-1"></i> UI/UX Course <span class="badge badge-purple badge-sm text-white pt-1">New</span> </a> <a class="dropdown-item py-2" href="https://www.creative-tim.com/courses/fundamentals-ui-ux?ref=iradesign-navbar" target="_blank"> <i class="fa fa-book text-dark mr-1"></i> UI/UX Book </a> <a class="dropdown-item py-2" href="https://www.creative-tim.com/services/updivision?ref=iradesign" target="_blank"> <i class="fa fa-tools text-dark mr-1"></i> Custom Development </a> </div> </div> </li> </ul> </div> </div> </nav> <div class="wrapper"> <div class="section section-header"> <div class="container"> <div class="row"> <div class="col-lg-6 text-sm-left text-center mt-sm-5" style="z-index:2;"> <a class="w-auto" href="https://course-ui-ux.creative-tim.com/course/ux-design-fundamentals?ref=iradesign-info" target="_blank"> <div class="d-inline-flex border align-items-center py-1 px-2 border-radius-sm badge-pill mb-sm-0 mb-3"> <div class="badge badge-pill badge-success text-xs pt-1">NEW</div> <p class="mb-0 text-dark text-sm ml-2">Courses - The Ultimate UI/UX Design Course</p> <i class="fa fa-chevron-right text-dark text-xs ml-sm-0 ml-2"></i> </div> </a> <h1 class="title text-dark font-weight-bold mt-5"> Build your own amazing illustrations</h1> <h4 class="desc text-gray">Using our awesome gradients and hand drawn sketch components.</h4> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7IPK3I&placement=iradesignio" id="_carbonads_js"></script> <a href="https://dribbble.com/creativetim" class="btn btn-simple btn-dark px-2 btn-icon" target="_blank"><i class="fab fa-dribbble"></i></a> <a href="https://twitter.com/CreativeTim" class="btn btn-simple btn-dark px-2 btn-icon" target="_blank"><i class="fab fa-twitter"></i></a> <a href="https://www.facebook.com/CreativeTim" class="btn btn-simple btn-dark px-2 btn-icon" target="_blank"><i class="fab fa-facebook"></i></a> <a href="https://github.com/ira-design/ira-illustrations" class="btn btn-simple btn-dark px-2 btn-icon" target="_blank"><i class="fab fa-github"></i></a> </div> <div class="col-lg-6 text-center"> <div class="position-relative h-80 mt-5 d-lg-block d-none"> <div class="illustration-colored"> <img src="./assets/img/img-header-gradient.jpg" class="illustrations-outline"> </div> <div class="illustration-outline opacity-0"> <img src="./assets/img/img-header-outline.jpg" class="illustrations-outline"> </div> </div> <div class="position-relative z-index-100 w-130 d-lg-flex d-none"> <p class="ml-auto mb-0">Colored</p> <div class="ml-3"> <div class="switch" id="switch-illustration" data-on-label="<i class='fa fa-tint-slash'></i>" data-off-label="<i class='fa fa-tint'></i>"> <input type="checkbox" class="ira-blue"/> </div> </div> <p class="mr-auto mb-0">Outline</p> </div> </div> </div> </div> <div class="space-180 d-sm-block d-none"></div> <div class="card card-plain border-0 mt-5 mt-sm-0"> <div class="card-featured-content text-center"> <a href="https://www.forbes.com/" target="_blank"> <img src="./assets/img/who/forbes.jpg"> </a> <a href="https://entrepreneur.com/" target="_blank"> <img src="./assets/img/who/entrepreneur.jpg" style="width: 150px; top: 2px; position: relative"> </a> <a href="https://www.producthunt.com/" target="_blank"> <img src="./assets/img/who/product-hunt.jpg" style="width: 145px"> </a> <a href="https://www.awwwards.com/" target="_blank"> <img src="./assets/img/who/awwwards.jpg" style="width: 125px"> </a> <a href="https://www.creativebloq.com/" target="_blank"> <img src="./assets/img/who/creativebloq.jpg" style="width: 120px"> </a> <a href="https://themeisle.com/" target="_blank"> <img src="./assets/img/who/themeisle.png" style="width: 130px"> </a> </div> </div> </div> <div class="section section-how"> <div class="container"> <div class="space-50 d-sm-block d-none"></div> <div class="col-lg-8 m-auto text-center"> <h2 class="title text-dark font-weight-bold">How to create?</h2> <div class="space-50 d-sm-block d-none"></div> </div> <div class="row"> <div class="col-lg-4"> <div class="info"> <div class="icon icon-info icon-round icon-lg"> <i class="nc-icon nc-palette"></i> </div> <div class="description"> <h4 class="info-title text-dark">Awesome Gradients</h4> <h5 class="desc text-gray"> Mix and match five available color gradients. Choose your favourite hand drawn characters and objects. Use your final illustrations to create mobile apps or website kits. </h5> </div> </div> </div> <div class="col-lg-4"> <div class="info"> <div class="icon icon-danger icon-round icon-lg"> <i class="nc-icon nc-settings"></i> </div> <div class="description"> <h4 class="info-title text-dark">Infinite Scalability</h4> <h5 class="desc text-gray"> Scale your final illustration without any quality change. Use ai, svg and png images without worrying about your page load speed. </h5> </div> </div> </div> <div class="col-lg-4"> <div class="info mb-sm-4 mb-0"> <div class="icon icon-success icon-round icon-lg"> <i class="nc-icon nc-single-copy-04"></i> </div> <div class="description pb-sm-3 pb-0"> <h4 class="info-title text-dark">MIT License</h4> <h5 class="desc text-gray"> Use it on commercial or personal projects. Every design component we use to create our products can be downloaded for free under MIT License. </h5> </div> </div> </div> </div> </div> </div> <div class="section section-colors"> <div class="container"> <div class="space-50 d-sm-block d-none"></div> <div class="col-lg-8 m-auto text-center"> <h2 class="title text-dark font-weight-bold">Choose your colors</h2> <h4 class="desc text-gray">You have the option to choose, play and mix 5 gradient colors to suit each character you want to use in your project.</h4> <div class="space-50 d-sm-block d-none"></div> </div> <div class="row"> <div class="col-sm-5"> <div class="change-colors"> <p class="text-dark">Trousers</p> <div class="colors badge-colors-trousers"> <span class="badge filter badge-purple" data-color="purple"></span> <span class="badge filter badge-info active" data-color="blue"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> <p class="text-dark">T-shirt </p> <div class="colors badge-colors-tshirt"> <span class="badge filter badge-purple active" data-color="purple"></span> <span class="badge filter badge-info" data-color="blue"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> <p class="text-dark">Hair</p> <div class="colors badge-colors-hair"> <span class="badge filter badge-purple" data-color="purple"></span> <span class="badge filter badge-info active" data-color="blue"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> <p class="text-dark">Object </p> <div class="badge-colors-objects"> <span class="badge filter badge-purple active" data-color="purple"></span> <span class="badge filter badge-info" data-color="blue"></span> <span class="badge filter badge-success" data-color="green"></span> <span class="badge filter badge-warning" data-color="orange"></span> <span class="badge filter badge-danger" data-color="red"></span> </div> </div> </div> <div class="col-sm-7"> <img src="./assets/img/bg1.png" class="w-100"> <svg version="1.1" id="Man" style="position: absolute; width:15%; bottom: 0; right: 50%;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 116.4 348.8" style="enable-background:new 0 0 116.4 348.8;" xml:space="preserve"> <g> <path class="st0" d="M75.4,334.3c-1.5-6.3-2-14.4-3-14.6h-1.1l-10.6,0.1c0,0-2.2,10.1-3.3,14.3c-0.1,0.3-0.3,1-0.5,1.5 c-0.2,0.7-0.2,1.5-0.2,2.2c0.2,3.8,1.7,7.1,5.1,8.8c3.8,1.9,6.7,3.7,10.6,0C76.3,342.9,76.9,340.6,75.4,334.3z"/> <path class="st0" d="M41.9,320.7l-13.4,0.7c0,0-5.3,9.2-13.1,11.4c-7.3,2.1-19.4,7.2-14,10.1c4,2.3,29.8,0.2,36.1,0.7 c4.7,0.4,6-2.5,5.5-8.8C42.6,330.1,41.9,320.7,41.9,320.7z"/> </g> <linearGradient class="gradient-trousers" id="SVGID_5_trousers" gradientUnits="userSpaceOnUse" x1="600.2042" y1="1420.4301" x2="674.07" y2="1420.4301" gradientTransform="matrix(1 0 0 1 -584.07 -1183.03)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_5_trousers)" d="M25.8,153.3c0,0-9,74-9.6,78.8s3.1,29.5,3.1,34.2s8.8,55.2,8.8,55.2l14-0.6c0,0-2.8-74.3-2.5-77.9 s15.6-46.7,15.6-46.7s1.1,11.4,1.1,15S60.5,320,60.5,320h12.2L90,165.2l-0.3-3L25.8,153.3z"/> <linearGradient class="gradient-skin" id="SVGID_5_skin" gradientUnits="userSpaceOnUse" x1="591.77" y1="1280.23" x2="695.57" y2="1280.23" gradientTransform="matrix(1 0 0 1 -584.07 -1183.03)"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.41" style="stop-color:#F89453"/> <stop offset="0.71" style="stop-color:#F8C548"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_5_skin)" d="M67,10.4c0,0-13.4,5.2-16.4,6.4s-4.7,4.9-4.7,4.9s-1.5-0.9-1.5,1.6s1.2,8.2,2.2,9.7c1.6,2.5,3,5,4.3,7.6 c1.2,2.6,0.8,8-0.5,8.8S26.5,70.6,26.5,70.6L7.7,128.5l2.5,18.3l3.8,18c0,0-0.8,1.3,0.8,2.8s8.4,12.7,8.4,12.7l2.3-16.5l-7.7-24.5 l-2.7-20.6l18-36.8L95.5,93l6.8,40.1l-12.6,34.2L87.5,184l10.6-9.3c0.6-0.5,1.8-3.1,2.4-4.5l6.3-17.8l4.7-28.4 c0,0-39.4-71-41.4-75.2c-0.9-1.9,0.1-6.5,0.6-8.8c0.5-2.1,1.5-4.8,2.5-5.6c1.5-1.6,2.2-3.9,2.6-6c0-1.5,0.6-7.3-0.9-5.9 c-0.3,0.4-1.4-1.4-1.9-3.7C72.1,15.4,69.7,12.6,67,10.4z"/> <linearGradient class="gradient-shirt" id="SVGID_5_shirt" gradientUnits="userSpaceOnUse" x1="585.2187" y1="1293.8895" x2="700.5569" y2="1293.8895" gradientTransform="matrix(1 0 0 1 -584.07 -1183.03)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2" /> </linearGradient> <path style="fill:url(#SVGID_5_shirt)" d="M61.9,68.3c-1,0.9-2.5,0.8-3.4-0.1c-0.7-1.1-1.4-2.2-1.9-3.3c-1-2-8.7-13.3-8.7-13.3s-18.3,4.7-21.2,6.6 c-3,2-5.7,4.7-6.7,8.2S4.9,111,4.2,113.5s-4.3,6.5-2.6,16.6s11.2,36,12.2,36.3s11.1-4.7,11.1-4.7s-8-32.2-8-35.4S24.1,114,27,107.8 s5-11.6,6-14.3S24.4,147,24.4,147s-0.2,10.2,1.7,11.2c1.8,0.9,23.3,9.1,28.3,11c0.5,0.2,1.1-0.1,1.4-0.6l0,0l3.2-9.1 c0-0.1,0.1-0.2,0.2-0.1c0.1,0,0.1,0.1,0.1,0.1l3,9.9c0.1,0.5,0.7,0.8,1.2,0.7l26.5-5.7c0,0-0.4-48.9,0.1-57.1 c0.4-8-0.6-12.5,0.9-10.3c1.6,2.4,8.3,24.4,8.3,28.1s-7.5,36.2-7.5,36.2l9.9,5.5c0,0,13.4-35.7,14.1-40.4s1-7.2-1.2-11.9 s-14.4-47.4-14.4-47.4S99,61.9,90,59.2s-15.7-6.7-17.3-6.6s-6.6,9.5-8.8,12.3C62.9,66,63.1,66.5,61.9,68.3z"/> <linearGradient class="gradient-hair" id="SVGID_5_hair" gradientUnits="userSpaceOnUse" x1="41.9497" y1="11.9794" x2="76.6323" y2="11.9794"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_5_hair)" d="M66.9,10.5c0,0-15.1,5.5-18.2,7.8c-2.3,1.7-2.8,3.3-2.8,3.3s-1.6-0.7-1.5,1.6s-1.8-3.6-2.3-5.5 c-0.4-1.9-0.5-7.2,3.6-11.1s8.6-6.8,12.4-6.6s6.9,1.3,9.9,4.2s3.7,2.7,4.3,3c0.6,0.3,3.7,3.6,4.1,7.2s-0.7,8.9-0.7,8.9 s-0.7-0.8-1.5-0.2s-1-3.4-3.6-8.3C68.7,11.2,66.9,10.5,66.9,10.5z"/> <path class="st5" d="M57.3,188.7c-1.7,5-8.4,14.8-12.8,20.7s-17.9,18.3-17,33.4c0.9,15.1,10,54,10,57.5s-3.4,20-6,25.1 s-3.8,14.2-2.5,14.2c2.4-0.1,4.9-0.4,7.3-1c2.2-0.5,4.4-1,6.5-1.7c0.9-0.4,1.1-3.3,1.1-3.3c0.1-1.2-0.1-2.5-0.4-3.6 c-0.6-1.9-1.1-3.8-1.4-5.7c-0.5-14.2-1.8-47.1-1.5-49.4c0.5-4.3-3-26,0.2-36.7S57.3,188.7,57.3,188.7z"/> <path class="st5" d="M24.9,161.7l-2.3,17.8c0,0,2.3,3.7,3,0.6s5.5-8.9,2.5-13.1S24.9,161.7,24.9,161.7z"/> <path class="st5" d="M89.9,166.6l-0.8,8.5l-1,8.2c0,0-3.4,2.5-3.3-0.7s-5.7-8-1.3-11.2S89.9,166.6,89.9,166.6z"/> <path class="st5" d="M47.8,51.7c0.6-0.1-2.9,0.8,0.2-0.2c5.3-1.7,3.1-11.7,3.1-11.7s0.5,3.7,5.5,5.2s6.3,0.4-1.2,3.9 s-3.6,4.7-3.1,9.3"/> <path class="st5" d="M32.8,96.9l-8.4,51c0,0,0.1,9.1,1.7,10.4s7,2.2,8.2,3.1s14.2,5.2,10.8-2.1c-0.8-1.6-18.3-11.4-10.5-21.7 s6.4-24.5,2.7-34.4c-2.2-5.8-3.3-12-3-18.2L32.8,96.9z"/> </svg> <svg class="gradient-object" data-color="purple" version="1.1" id="Armchair" style="position:absolute; width:22%; bottom:5%; right: 20%;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 537.2 667.9" style="enable-background:new 0 0 537.2 667.9;" xml:space="preserve"> <polyline style="fill:#fff" points="303.3,497.2 324.7,490.7 334.9,664.2 326.5,667.9 303.3,497.2 "/> <polygon style="fill:#fff" points="464.8,447.1 497.3,436.9 537.2,595.6 527.9,598.3 "/> <polygon style="fill:#fff" points="82.9,484.1 41.9,615.1 30.9,610.1 49.9,479.1 "/> <polygon style="fill:#fff" points="274.6,502.8 286.6,502.8 303.3,497.2 326.5,667.9 316.3,665.2 "/> <linearGradient id="gradient-chair" gradientUnits="userSpaceOnUse" x1="54.1003" y1="612.1203" x2="381.4303" y2="320.4403" gradientTransform="matrix(1 0 0 -1 0 670)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <polygon style="fill:url(#gradient-chair);" points="233.1,3.7 424.2,2.8 420.5,426.7 260,441.5 237.1,450.7 50.2,439.4 50.7,427.4 255.4,401.7 "/> <linearGradient id="gradient-chair-2" gradientUnits="userSpaceOnUse" x1="376.4831" y1="760.8584" x2="150.8031" y2="336.8983" gradientTransform="matrix(1 0 0 -1 0 670)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <polygon style="fill:url(#gradient-chair-2);" points="167.4,4.4 233.1,3.7 264,417.9 38.7,429.8 26,338.6 77.9,328.5 194.7,322.1 "/> <linearGradient id="gradient-chair-3" gradientUnits="userSpaceOnUse" x1="827.7972" y1="242.5834" x2="1332.9073" y2="33.2534" gradientTransform="matrix(1 0 0 -1 -779.14 393.14)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#gradient-chair-3);" d="M0,437.1l1.1,28.1c0,0-0.5,11.6,14.3,12.1s259.1,25.4,259.1,25.4s19.6,5.2,50.1-12.1l176.1-55.8 c0,0,6.1-0.5,5.5-11s30.1-410.1,30.1-411.2s-4-5.2-11.9-5.7c-7.2-0.4-82.7-5-82.7-5l0.4,303.9c0,0,2,27.9-10.7,29 c-29.1,2.5-147.8,0.7-163.1,12.9c-10.3,8.3,12.9,79.4,15.3,93.9c0.7,4.5-31,2.5-40.9,5.2C234.7,449.1,0,437.1,0,437.1z"/> <path class="chair-margins" d="M250.1,337.6c0,0-17.8,0-18.5,12.4c-0.7,10.4-1.1,74.3-1.2,94.6c0,2.9-0.2,5.7-0.8,8.5 c-0.7,3.5,3.1,10.9,12,11.1c17.1,0.5,36.3,0,36.3,0s8.2-2.5,6.7-16.4s-16.8-85.5-16.8-85.5s-4.6-17,11.6-17s145.2-9.3,145.2-9.3 s17.8,0.8,18.5-15.5s3.9-306.7,3.9-306.7s2.3-12.4-8.5-13.1s-32.4,1.5-32.4,1.5s-7,0.8-7,10.8s12.2,299.5,10.8,305.4 c-2.1,9.1-24.4,11.2-36,12S250.1,337.6,250.1,337.6z"/> <path class="chair-margins" d="M127.1,19.2c0,0-2-20.4,11.8-19.2c9.6,0.9,19.1,2.4,28.6,4.3c0,0,5.9-0.8,7,5.9s46.2,312.2,43.1,313.4 s-160,10.3-163.5,10.3s-16.4-0.4-14.8,9.8s11.5,80.9,11.5,83.7s1.3,13.2-1.4,14S0.1,440,0.1,440l3.5-96c0,0-0.2-16.3,9.2-17.5 s172.3-7.6,174.2-9.5s-3.1-18.4-5.1-25.8C180.9,287,127.1,19.2,127.1,19.2z"/> </svg> </div> </div> <div class="space-110 d-sm-block d-none"></div> </div> </div> <div class="section section-ready"> <div class="container"> <div class="col-lg-8 m-auto text-center"> <h2 class="title mb-sm-0 mb-5 text-dark font-weight-bold">Ready to use</h2> <div class="space-180 d-sm-block d-none"></div> </div> <div class="row"> <div class="col-sm-6 mb-5 text-center hover-on"> <img src="./assets/img/bg3.png"> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" class="man-map" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 123 352" style="enable-background:new 0 0 123 352;" xml:space="preserve"> <g> <path class="st0" d="M57.5,323H56l-10.3,0.1c0,0-2.2,10.1-3.3,14.3c-0.1,0.3-0.3,1-0.4,1.5c-0.2,0.7-0.2,1.5-0.2,2.2 c0.2,3.8,1.7,7.1,5.1,8.8c3.8,1.9,6.7,3.7,10.6,0s4.5-6,3-12.3S58.5,323.2,57.5,323z"/> <path class="st0" d="M98.8,335.8c-6.8-2.2-11.3-11.4-11.3-11.4l-11.6-0.7c0,0-0.6,9.4-0.9,14.1c-0.4,6.3,0.7,9.2,4.8,8.8 c5.5-0.5,27.8,1.6,31.3-0.7C115.6,343,105.1,337.8,98.8,335.8z"/> </g> <linearGradient class="gradient-trousers" id="SVGID_7_trousers" gradientUnits="userSpaceOnUse" x1="27.1" y1="114.4" x2="100.8489" y2="114.4" gradientTransform="matrix(1 0 0 -1 0 354)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_7_trousers)" d="M100.8,235.2c0.5,4.7-3,29.5-3,34.2s-10.4,55-10.4,55L75.5,324c0,0,2.7-74.3,2.4-77.9s-15.2-46.7-15.2-46.7 s-1.1,11.4-1.1,15s-4,108.6-4,108.6H45.7l-17-155l-1.6-13.2l64.3,1.6C91.4,156.4,100.2,230.4,100.8,235.2"/> <linearGradient id="SVGID_7_skin" gradientUnits="userSpaceOnUse" x1="13.8" y1="75.4114" x2="117.3" y2="75.4114"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.41" style="stop-color:#F89453"/> <stop offset="0.71" style="stop-color:#F8C548"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_7_skin)" d="M108.7,124.7l-5.4,4.6l1.7,7.2l2.3,3.2c-0.2,0.3-0.7-1.6,1.7-0.2l4.7-0.3l3.6-4.7c0,0-1.9-21.7-10.3-36.8 L108.7,124.7z M102.1,96l-0.5-3l-1.3-0.2L102.1,96 M56.8,16.1c3-1.3,14.6-6.8,16.3-5.6c2.6,2.2,4.5,5.1,5.3,8.4 c0.5,2.3,2.3,5.1,2.6,4.7c1.3-1.3,1,3.6,1,5.1c-0.4,2.1-1.3,4.2-2.8,5.8c-1,0.8-2,3.5-2.5,5.6c-0.5,2.3-1.5,6.9-0.6,8.8 c1,2.3,13.2,24.4,24.1,44l-61.1-11l-19.3,40.8l8.7,7L26,138l-1.6,0.3c0,0-1.4,3.3-2.9,1.8c-1.2-1.2-3-0.6-3.7-0.3 c-0.2,0.1-0.5,0.1-0.7,0.1l-2-0.4l-1.3-11l18.8-57.9c0,0,22.6-20.3,23.9-21.1s1.7-6.2,0.5-8.8c-1.3-2.6-2.7-5.1-4.3-7.6 c-1-1.5-2.2-7.2-2.2-9.7s1.5-1.6,1.5-1.6s1.4-4.9,4.4-6.2c1.1-0.7,16.7-5.1,16.7-5.1"/> <linearGradient class="gradient-shirt" id="SVGID_7_shirt" gradientUnits="userSpaceOnUse" x1="4.4588" y1="243.1404" x2="122.5147" y2="243.1404" gradientTransform="matrix(1 0 0 -1 0 354)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_7_shirt)" d="M32.7,58.2c-3,2-5.7,4.7-6.7,8.2S8,102.6,7.2,105s-4,11.8-2.2,22s9.5,12.6,10.8,12.6c0.7,0-0.6-5.3-0.9-8.8 c-0.1-1.3,1-4.5,1.3-5.8c0.5-1.9,2.1-1.4,2.1-3.1c0-3.2,8-14.3,11-20.5s8.6-7.3,9.6-10S30.5,147,30.5,147s-0.2,10.2,1.7,11.2 c1.8,0.9,23.3,9.1,28.3,11c0.5,0.2,1.1-0.1,1.4-0.6l0,0l3.2-9.1c0-0.1,0.1-0.2,0.2-0.1c0.1,0,0.1,0.1,0.1,0.1l3,9.9 c0.1,0.5,0.7,0.8,1.2,0.7l26.5-5.7c0,0-0.4-48.9,0.1-57.1c0.4-8-0.6-12.5,0.9-10.3c1.6,2.4,14.8,15.5,14.8,19.2 c-0.1,2.1,0.9,4,2.6,5.2l-0.7,18c0,0,7.5-8.3,8.2-13s1-7.2-1.2-11.9s-14.4-47.4-14.4-47.4s-1.2-5.2-10.2-7.9s-15.7-6.7-17.3-6.6 s-6.6,9.5-8.8,12.2c-1,1.2-0.8,1.8-2.1,3.6c-0.7,0.9-2,1.1-2.9,0.4c-0.2-0.2-0.4-0.3-0.5-0.6c-0.7-1.1-1.3-2.2-1.9-3.3 c-1-2-8.7-13.3-8.7-13.3S35.7,56.2,32.7,58.2"/> <linearGradient class="gradient-hair" id="SVGID_7_hair" gradientUnits="userSpaceOnUse" x1="48.0047" y1="12.0214" x2="82.6186" y2="12.0214"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_7_hair)" d="M73.1,10.5c0,0-15.5,5.2-18.3,7.7C53,19.8,52,21.8,52,21.8s-1.5-0.6-1.5,1.6c0,0-0.6-1.5-1.1-2.4 s-2.4-5.7-0.6-9.5s4-6,4.9-6.6s6.1-5.1,11.2-4.9s8.4,3.7,9.3,4.5c1,0.8,2.8,2.3,4,2.6c1.2,0.4,4.2,4.4,4.4,7.4S81.7,24,81.7,24 s-0.1-0.9-0.7-0.4s-2.3-2.7-2.8-5S73.1,10.5,73.1,10.5z"/> <g class="st5"> <g> <g> <g> <defs> <rect id="SVGID_5_" x="67.4" y="40.8" width="11.4" height="18"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <g class="st6"> <path d="M78.2,52.7c-0.1-0.3,1.8,1.1-0.4-0.5c-3.1-2.2-1.7-11.6-1.7-11.6C75,43,73,44.9,70.5,45.9c-4,1.5-5.2,0.4,0.9,3.9 s2.9,4.7,2.5,9.3"/> </g> </g> </g> </g> </g> <g class="st5"> <g> <g> <g> <defs> <rect id="SVGID_7_" x="31" y="85" width="21" height="78"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <g class="st7"> <path d="M38.9,96.9l-8.4,51c0,0,0.1,9.1,1.7,10.4s7,2.2,8.2,3.1s14.2,5.2,10.8-2.1c-0.8-1.6-18.3-11.4-10.4-21.7 s6.4-24.5,2.7-34.4c-2.2-5.8-3.3-12-3-18.2L38.9,96.9z"/> </g> </g> </g> </g> </g> <path style="opacity:7.000000e-02" d="M53,165.6c0,0-7.1,37.8-3.4,52.9c5.6,22.9-2.5,53.9-2.5,68.8c0,9.6,3.8,36.4,4,47.2c0.1,3.3,2.4,9.6,0.7,11.1 c-0.8,0.6-5.3-0.8-7.8-2c-1.3-0.6-2.1-2-1.9-3.4l1.5-6.5l2.1-8.5L31,186.9c0,0-4.8-30.8-2.1-30.9S53,165.6,53,165.6z"/> <polygon class="st9" style="fill:#fff;" points="40,96 63,89 64,154 43,162 "/> <polygon class="st9" style="fill:#fff;" points="63,89 90,97 90,161 64,154 "/> <path class="st10" style="fill:#E1E6FC" d="M90,97l26-8l-3.6,33.8l-6.4,4.7c-0.7,0.5-1.1,1.2-1.2,2l-0.2,1.2c-0.1,0.6,0,1.2,0.2,1.8l1.1,2.7 c0.4,0.9,1,1.7,1.9,2.2l3.7,2l-0.2,13.7L90,161V97z"/> <path class="st10" style="fill:#E1E6FC" d="M40,96l-25.2-7.8l3.5,34.3l6.3,4.8c0.6,0.5,1.1,1.2,1.2,2l0.2,1.2c0.1,0.6,0,1.3-0.2,1.8l-1,2.8 c-0.4,0.9-1,1.7-1.9,2.2l-3.6,2l0.2,14.5L43,162L40,96z"/> <polygon class="st10" style="fill:#E1E6FC" points="62.5,89.2 63,89 63.4,89.1 64.6,154.2 64,154 63.3,154.2 "/> </svg> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" class="boy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 194.4 361.3" style="enable-background:new 0 0 194.4 361.3;" xml:space="preserve"> <g> <path class="st0" d="M114.5,353.5c-5.5-0.3-11.7-6.6-11.7-6.6l-12.3-1.6c0,0-3.8,11.6,0.3,14c4.1,2.4,28.8,3.1,28.8,0 C119.6,356.2,119.2,353.7,114.5,353.5z"/> <path class="st0" d="M30.8,353.1c-4.8-2.7-7.5-11.2-7.5-11.2L13,335c0,0-8.7,8.7-6,12.6c2.7,3.9,24.3,15.8,25.7,13 C34.1,357.8,34.9,355.5,30.8,353.1z"/> </g> <linearGradient id="SVGID_9_skin" gradientUnits="userSpaceOnUse" x1="911.6136" y1="1301.4865" x2="1106.0537" y2="1301.4865" gradientTransform="matrix(1 0 0 1 -911.63 -1124.66)"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.5" style="stop-color:#F8C548"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_9_skin)" d="M49.2,22.9c0,0,11.8-25,30.8-12S99.4,41,93.7,49.2c-6.7,9.7-5,17.6-3.8,20.7c0.3,0.9,1,1.7,1.8,2.1l32.1,18 l12.8,12.1l30.8-38.8c0,0,5-7,14-7s13,3,13,3s1,4-10,7l-11,3l-28,50c0,0-8.3,3.5-17.2-3.9c-7.8-6.5-15.1-13.5-21.8-21.1l-1,116 l3.4,33.2l-1.4,19.6c0.1,1.8-0.7,21.2-0.8,23l-2.2,30l-2.7,30.4l-11.2-1.4l-1.9-22L84.2,244l-0.5-71.5l-19.4,44.8l0.7,26.1L49,293 c-0.7,2.1-1.5,4.1-2.5,6l-22.9,43.2l-10.8-6.7l12.3-31.2c1.3-2.7,7.7-23.4,8.5-26.3l8.2-38.8l35.6-135.7l-17.9,9.1 c0,0-13.1,29.3-15.1,32.3s-25.9,33.2-26.9,37.2s-4.8,11.7-9.8,13.7s-14,5.3-1-13.7c10.2-14.9,16.7-26,19.1-30 c0.6-1.1,1.2-2.2,1.7-3.4l13.5-34l21.5-34.5l2.9-2.1l6.1-4.8c0.8-0.6,1.2-1.6,1.1-2.6c-0.7-4.6-3.1-8.8-6.8-11.6 C58.8,53.5,44.6,42.9,49.2,22.9z"/> <linearGradient class="gradient-trousers" id="SVGID_9_trousers" gradientUnits="userSpaceOnUse" x1="41.4" y1="918.3" x2="111.4" y2="918.3" gradientTransform="matrix(1 0 0 1 0 -716)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <polygon style="fill:url(#SVGID_9_trousers)" points="53.4,174.3 41.4,239.3 65.4,244.3 80.4,190.3 84,244.2 109.1,244.2 111.4,160.3 "/> <linearGradient class="gradient-shirt" id="SVGID_9_shirt" gradientUnits="userSpaceOnUse" x1="952.13" y1="1247.385" x2="1038.53" y2="1247.385" gradientTransform="matrix(1 0 0 1 -911.63 -1124.66)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_9_shirt)" d="M40.5,115.4c0,0,7.7-27.8,23.2-37c1.6-0.9,4.4-3.8,4.6-2.1c0.3,3,2,10,9,10c11,0,14.2-9.2,14.2-14.2 c0-1.5,6.2-1.2,11.6-0.3c5.1,0.8,10.2,3,13.6,6.8l10.2,14.3l-9.5,10.5l-3,1.6l-3,55.4c0,0-22.1,10.2-42,13c-5.3,0.6-10.7,1-16,1 l4-57L40.5,115.4z"/> <linearGradient class="gradient-hair" id="SVGID_9_hair" gradientUnits="userSpaceOnUse" x1="959.5634" y1="1154.182" x2="1007.6304" y2="1154.182" gradientTransform="matrix(1 0 0 1 -911.63 -1124.66)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_9_hair)" d="M56.1,40.5c3.5-4.2,7.3-8.1,11.4-11.7c5.8-4.8,8.8-7.6,8.8-7.6s7.9,5.8,11.1,6.9s8,3.1,8,3.1s2.7-9-4-10.1 s-26.8-8.4-31-5.2S49.1,28.3,48.1,32.7s1.5,10.1,3.1,11.2c0.9,0.6-1.6-4.5-0.2-5.5C52,37.5,56.1,40.5,56.1,40.5z"/> <path class="st0" d="M48.1,32.7L110.8,18c0,0,1.2-2.9-1.1-3s-16.6,4.7-16.6,4.7S86.9,1.5,66.7,1.9c0,0,0.8-1.8-0.3-1.9 s-6.3,1.3-6.7,1.7s0.8,1.6,0.2,2.1S41.7,12.7,48.1,32.7z"/> <path class="st5" d="M91.9,51.3c0,0-4.1,5.1-7.4,6.2s-1.4,1.2,0,5.3c0.7,2.2,1.7,4.2,3,6.1C87.5,68.9,89.3,52.8,91.9,51.3z"/> <path class="st5" d="M59.9,3.9c0,0,2.8,2.7,1,9.8s-2.4,9.3-0.9,12s0.4,4.2,0.4,4.2l-12.3,2.9C48.2,32.7,40.5,14.7,59.9,3.9z"/> <path class="st5" d="M57.4,117.3c0,0,3.9-5.6,4.3-10.7s-1.8,10.1,0.7,19.2s-0.4,17,4.7,20.2s1.1,14.1,2.2,18.8 c0.7,2.8,2.7,5.1,5.4,6.2c0,0-0.7,2.5-9.4,2.9s-11.9,0.4-11.9,0.4L57.4,117.3z"/> </svg> <?xml version="1.0" encoding="utf-8"?>  <svg class="gradient-object" data-color="purple" style="width: 7%; top: 44%; position: absolute; left: 38%;" version="1.1" id="bag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 87.4 85.2" style="enable-background:new 0 0 87.4 85.2;" xml:space="preserve"> <title>Bag</title> <linearGradient id="gradient-bag-bg" gradientUnits="userSpaceOnUse" x1="1496.0138" y1="-588.7603" x2="1581.1438" y2="-628.1903" gradientTransform="matrix(1 0 0 -1 -1511.98 -565.56)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#gradient-bag-bg);" d="M9.5,22.8c0,0-11.1,40.3-9.3,44.8S11,73,15,73.9s40.3,10.4,44,10.6s3.4,0.7,5,0.7s21.8-6.8,22.5-9.2 s1.3-4,0.7-7s-9.8-41.4-12.3-42.2S9.5,22.8,9.5,22.8z"/> <linearGradient id="gradient-bag-2-bg" gradientUnits="userSpaceOnUse" x1="1509.1638" y1="-578.3535" x2="1565.7438" y2="-604.5634" gradientTransform="matrix(1 0 0 -1 -1511.98 -565.56)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#gradient-bag-2-bg);" d="M7.6,30c0,0,0.8-6.3,1.9-7.2s4.2-5,7.2-5.2s51.3,5.9,53.1,6.3s4.2,1.3,5,2.8s-7,3.3-8.5,8.1 S37.2,49.7,30.4,50.4S7.6,30,7.6,30z"/> <path class="bag-handle" d="M23.4,19.2c0,0,5.2-11.3,7.7-13.4c2.2-1.9,10.1-6,14.9,0.1c5.4,6.9,4.9,14.9,4.9,15.9s-5.3,0.1-5.3,0.1 s1.7-8.2,0.2-11c-1.4-2.6-2.2-5.7-7.2-5.4s-6.8,3.1-8.3,5.7c-1.3,2.6-2.3,5.3-3.2,8.1C26.9,19.6,23.4,19.2,23.4,19.2z"/> <path class="bag-handle" d="M31.7,19.9c0,0,5.2-13.8,7.7-16.4C41.6,1.2,50-3.4,54.8,4c5.4,8.4,4.3,17.8,4.3,18.9s-5.3,0.2-5.3,0.2 s1.6-10,0.1-13.5c-1.4-3.2-2.2-7-7.1-6.6s-6.8,3.7-8.3,7c-1.3,3.2-2.3,6.5-3.2,9.9C35.3,20.4,31.7,19.9,31.7,19.9z"/> <path class="bag-handle" d="M64.2,37.6c0,0-4.6,38.7-4,41.3s2.1,6.3,3.2,6.3s2.9-0.2,2.2-1.1c-2.3-3.3-3.3-7.4-2.7-11.3 c0.7-6.3,3.4-38,3.4-38L64.2,37.6z"/> <circle style="fill:#fff" cx="29.2" cy="50.4" r="2.8"/> </svg> </div> <div class="col-sm-6 mb-5 mt-5 text-center hover-on"> <img src="./assets/img/bg4.png" style="margin-top:-50px;"> <svg version="1.1" class="man_with_ipad" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 295.5 666" style="enable-background:new 0 0 295.5 666;" xml:space="preserve"> <g> <path class="st0" d="M132.3,611l-3.6-0.1l-18.7,0.2c0,0-4.1,19.2-6.3,27.2c-0.1,0.5-0.6,1.8-0.8,2.8c-0.3,1.4-0.4,2.8-0.4,4.2 c0.4,7.3,3.1,13.4,9.6,16.7c7.1,3.6,12.6,6.9,20.2,0s8.6-11.3,5.7-23.3S134.1,611.4,132.3,611z"/> <path class="st0" d="M210.6,634.9L210.6,634.9c-12.9-4.1-21.5-21.6-21.5-21.6l-22-1.3c0,0-1.2,17.8-1.8,26.8 c-0.8,12,1.2,17.3,9.1,16.7c10.4-0.8,52.7,3,59.4-1.3C242.5,648.6,222.6,638.7,210.6,634.9z"/> </g> <linearGradient class="gradient-trousers" id="SVGID_8_trousers" gradientUnits="userSpaceOnUse" x1="78.48" y1="454.5049" x2="214.708" y2="454.5049"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_8_trousers)" d="M78.5,295v26.3l31.8,290h22.5c0,0,7.8-198.9,7.8-205.8s2-28.5,2-28.5s28.3,81.7,28.8,88.5s-4.6,147.5-4.6,147.5 l22.5,0.9c0,0,19.7-95.2,19.7-104.2s6.7-55.8,5.7-64.8s-17.7-149.2-17.7-149.2l-34.5-0.9L78.5,295z"/> <linearGradient id="SVGID_8_skin" gradientUnits="userSpaceOnUse" x1="46.94" y1="143.535" x2="231.9245" y2="143.535"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.41" style="stop-color:#F89453"/> <stop offset="0.71" style="stop-color:#F8C548"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_8_skin)" d="M224.4,264.5l-0.3-0.4C224.2,264.4,224.3,264.6,224.4,264.5 M158.3,239l-12.6,5.2l-0.7,17.4l13.9,5.5 c0-0.1,15.2-0.6,15.2-0.7c0.1-0.7,6-0.5,8.7,1.2l47.1-16.2l1.7-11.3c0,0,3.5,14.2-12.3-14.4L158.3,239z M214.6,181.6l-1-5.7 l-2.4-0.4L214.6,181.6 M127.5,30.1c-5.8,2.4-8.6,10.9-8.6,10.9s-2.8-1.7-2.8,3.1s2.4,15.6,4.1,18.4c3,4.7,5.7,9.5,8.1,14.5 c2.3,5,1.5,15.2-0.9,16.7s-45.2,39.9-45.2,39.9L46.9,242v4.3l5.4,1.9l5.6,4.8c0.5,0.1,7.6,4,8.6,4.7c5.6,2.8,11.6,4.9,17.7,6.3 c4,0.8,21.7,0.4,21.7,0.4l17.9-0.4l-3.1-22.8l-26.5-0.3L58,239.1l36.7-84.4l115.8,20.7c-20.6-37.2-43.7-79-45.7-83.4 c-1.7-3.6,0.1-12.2,1.1-16.7c0.9-4.1,2.9-9.1,4.8-10.6s5.3-8.1,5.3-11s0.8-14.2-1.6-11.8c-0.7,0.7-3.5-3.6-4.5-7.9 c-1.6-6.2-5.9-10.6-10.9-14.6c0,0-25.5,8.4-31.2,10.8"/> <linearGradient class="gradient-shirt" id="SVGID_8_shirt" gradientUnits="userSpaceOnUse" x1="39.5409" y1="209.67" x2="235.1279" y2="209.67"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_8_shirt)" d="M83.2,110.3c-5.6,3.8-10.8,8.9-12.7,15.5s-15.4,58-17.2,64.5c-4.4,15.9-7,20.5-12.2,39.2 c-6.4,23,8.3,26.5,23.3,29.9c15.6,3.5,15.7,5,19.4,5c0.6,0,19.1,3.8,19.7-6.7c0.4-6.6-0.8-17.1-3.3-16.8c-5.7,0.8-24.1-4.1-25-4.7 c-1.2-0.8,4-15.2,7-24.1c2.2-6.6,10.7-34,12.6-39.1c1-2.8-4.8,26.6-8.3,55.4c-0.1,1.1-1.5,12.3-1.1,12.3c4.2,0,15.7,0.2,19.3,0.6 c16.2,1.9,19.3,9.6,18.3,15.8c-1.8,10.8-41.2,5.8-41,7.2c0,0-6.8,30.6-3,32.5c3.3,1.7,47.5,20.1,56.9,23.7c1,0.4,2.2-0.1,2.6-1.2 c0,0,0,0,0-0.1l6-17.2c0.1-0.2,0.3-0.3,0.5-0.2c0.1,0,0.2,0.1,0.2,0.2l5.7,18.8c0.1,0.5,0.5,0.9,0.9,1.1h2.5l49.1-10.6 c0,0-0.2-19.4-0.3-44.2c0-2.5-0.4-11.7-2.2-10c-1.8,1.7-42.8,7.1-47.3,5.2c-9.5-4-7-13.9-3.7-18c3.8-4.7,52.2-7,52.4-10.5 c0.8-15.2-0.4-55.1-1.2-50.3c-1.2,7.5-29.5,48.5-29.5,55.6s-0.5,25.1-0.5,25.1l46.5-3.6c0,0,15.6-5.4,17-14.4s-0.3-13-0.9-26.4 c-0.4-8.5-12.4-59.6-15.8-74.1c-0.5-2.2-0.8-4.4-1-6.6c-0.4-6-2.8-20-15.7-26.1c-16-7.6-28.5-13.6-31.7-13.6c-3,0-11.2,18-15.5,23.1 c-1.9,2.3-1.5,3.4-4,6.8c-1.3,1.8-3.7,2.1-5.5,0.9c-0.4-0.3-0.7-0.7-1-1.1c-1.4-2-2.6-4.2-3.7-6.4c-1.9-3.8-16.6-25.5-16.6-25.5 S88.8,106.4,83.2,110.3"/> <linearGradient class="gradient-hair" id="SVGID_8_hair" gradientUnits="userSpaceOnUse" x1="112.4276" y1="23.4127" x2="177.5234" y2="23.4127"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_8_hair)" d="M158.9,19.5c0,0-31.4,11.7-33.6,13.4c-2.2,1.7-6.4,8.1-6.4,8.1s-2.2-1.2-2.7,2.1c0,0-3.2-6.6-3.6-10.3 c-0.4-3.7,0-13.2,6-19.5c6-6.3,18.1-14.6,25.6-13.5s10.7,2,15.4,6.7s8.7,6.1,10.1,6.8c1.4,0.7,6.8,4.6,7.7,11.9 c0.9,7.3-1.6,21.9-1.6,21.9s0.7-5.7-1.6-3.9c-1.6,1.2-3.9-4-4.6-7.1C168.7,33.1,160.6,20.3,158.9,19.5z"/> <g class="st5"> <g> <defs> <rect id="SVGID_5_" x="149.3" y="77.7" width="20.8" height="34.1"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <g class="st6"> <path d="M169.4,99.5c-0.2-0.6,3.4,2.1-0.8-0.9c-5.9-4.3-3.1-21.9-3.1-21.9c-2.2,4.6-6,8.2-10.7,10c-7.5,2.8-9.8,0.7,1.8,7.4 c11.4,6.6,5.5,8.9,4.7,17.6"/> </g> </g> </g> <g> <g class="st5"> <g> <defs> <rect id="SVGID_7_" x="159.1" y="140.7" width="58" height="100.7"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <g class="st7"> <path d="M192.4,161.7l15.6,59.1c0,0-0.1,10.5-3.2,12.1s-12.9,2.6-15.2,3.6s-26.2,6-20-2.4c1.4-1.9,33.8-13.2,19.3-25.1 s-11.9-28.4-4.9-39.8s5.5-21.1,5.5-21.1L192.4,161.7z"/> </g> </g> </g> <g class="st5"> <g> <defs> <rect id="SVGID_9_" x="73.5" y="295.5" width="47.3" height="359.9"/> </defs> <clipPath id="SVGID_10_"> <use xlink:href="#SVGID_9_" style="overflow:visible;"/> </clipPath> <g class="st8"> <path d="M126.3,317.5c0,0-13.5,71.6-6.5,100.2c10.6,43.4-4.7,102.1-4.7,130.3c0,18.3,7.2,68.9,7.7,89.5c0.1,6.2,4.6,18.2,1.3,21 c-1.4,1.2-10-1.6-14.7-3.8c-2.5-1.2-3.9-3.8-3.6-6.4l2.8-12.2l4-16.2l-28-262c0,0-9-58.3-3.9-58.5S126.4,317.5,126.3,317.5"/> </g> </g> </g> <path style="fill: #fff" d="M113.5,221.2l52.9,6.6c1.1,0.3,1.8,1.3,1.7,2.5l-1.5,47.8c-0.1,1.5-1,3.5-2.4,3.1l-52.6-10.1 c-1-0.3-1.7-1.2-1.7-2.3l-0.2-5.2l5.8-1.5c1.5-0.4,2.9-1.2,4.1-2.1c0.3-0.2,0.5-0.4,0.7-0.7l1.2-1.8c0.4-0.5,0.5-1.2,0.4-1.9 c-0.2-1.1-0.5-2.6-0.7-3.4c-0.1-0.3-0.2-0.6-0.3-0.8l-1.3-2.8c-0.6-1.3-1.6-2.3-2.9-2.9l-0.8-0.4l-5.7-3.1l0.5-18.7 c0-1.3,1.1-2.3,2.4-2.3C113.3,221.2,113.4,221.2,113.5,221.2z"/> </g> </svg> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="women-hand-up" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 195.9 500.3" style="enable-background:new 0 0 195.9 500.3;" xml:space="preserve"> <g> <path class="st0" d="M192.8,494.2c-2.8-1.8-6.1-4.1-14.3-5.7c-6.7-1.2-10.7-11.7-10.7-11.7l-15.6,0c0,0-1.4,17.4-0.7,18.8 c0.7,1.4,1.1,2.9,4.7,4c3.6,1.1,35.2,0.7,36.6,0.4C194.2,499.7,198.1,497.6,192.8,494.2z"/> <path class="st0" d="M11.4,326.9C9.3,330,0.1,360.2,0,361.7s0.7,5.8,5.5,1.8c2.6-2.2,5.8-4.6,9.7-12c3.2-6,14.4-6.7,14.4-6.7 l4.8-14.8c0,0-16.2-6.6-17.8-6.4C15,323.8,13.5,323.8,11.4,326.9z"/> </g> <linearGradient class="gradient-trousers" id="SVGID_1_trousers" gradientUnits="userSpaceOnUse" x1="1014.9271" y1="1263.9867" x2="1169.8423" y2="1263.9867" gradientTransform="matrix(1 0 0 1 -985.94 -893.24)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path class="gradient-trousers" style="fill:url(#SVGID_1_trousers);" d="M114.1,272.1c-0.4,0.1-0.9,3-1,3.4c-2.3,7.4-24,73.4-24,76.2s-46.5-18.2-54-21.5c-0.6-0.3-1.2,0-1.5,0.5 c-1.5,3.2-5.8,12.7-4.3,13.8c1.9,1.3,50.8,36.2,54.8,37.2s10,6,20-6c8.6-10.3,32.6-49.3,39.3-60.2c0.3-0.5,1-0.7,1.5-0.4 c0.3,0.2,0.5,0.5,0.6,0.9c1.2,10.5,1.7,51.2,5.2,62.1s-1.5,22.6-1.5,38.6l2.9,58.9c0,0.6,0.5,1.1,1.1,1.1l13.5,0.3 c0.6,0,1.1-0.4,1.2-1c0.9-9.5,9.8-80.7,10.7-91.8c1-12,6.8-112.7,5.2-118.8C182.6,261.6,121.5,270.9,114.1,272.1z"/> <linearGradient id="SVGID_1_skin" gradientUnits="userSpaceOnUse" x1="33.8" y1="138.1257" x2="148.4121" y2="138.1257"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.5" style="stop-color:#F8C548"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_1_skin)" d="M119.1,94.8c0,0,3.4-13.6,6.1-13.6s19.1,2,21.1,11.6s9.5,15,9.5,26.6s4.8,17,4.8,17s5.4-17.1,9.4-24.5 s11.1-12.1,11.1-17.1s-6-61.8-6.5-63.3s-2-10.5,1.5-15.6c0,0,10.8-8.9,12.2-12.5c1.1-3,4.6-4.7,6.6-1.2s-6.3,13-7.7,16.8 c-1.2,3.6-2.1,7.3-2.5,11.1c0,1-2,16.1-2,23.6s4.5,31.2,4.5,38.7s-16.6,37.6-18.1,43.2s-49.8,58.3-50.8,59.8s-6,13.1-6,17.1 s0,17.1,2,14.6s10.3-22.5,11.8-25s13.4-4.9,19-6.4s13.8,1.5,12.8,5s-17.3,10.1-22.5,11.4c-3.3,0.8-17.6,16.6-18.6,21.1 s-14.1-2-14.1-8.5s1.5-39.7,3.5-44.2s11.1-24.1,16.1-34.2s-6-15.1-8-22.1S119.1,94.8,119.1,94.8z"/> <linearGradient class="gradient-shirt" id="SVGID_1_shirt" gradientUnits="userSpaceOnUse" x1="1088.7756" y1="1094.9098" x2="1233.2856" y2="994.3298" gradientTransform="matrix(1 0 0 1 -985.94 -893.24)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_1_shirt);" d="M162.3,126.9c0,0,13.1-23.5,14.4-29.4s-2-66.2-2-66.2l10.1-1.5c0,0,9.7,55.9,11,62.4s-3.4,20.5-7.9,28.4 s-16.9,41-16.9,44.9s0.8,41,2.8,48.2s10.1,51.9,10.1,51.9l-70,6.6c0,0,3.1-19.5,2.9-26c-0.5-14.3-4.4-24.9,6-31.6 c7-4.4,13.6-2.3,21.1-6c8.7-4.3,10.7-7.8,11.2-10.2c0.3-1.4-1.9-4.6-15.4,0.4c-4.5,1.7-13.6,1.6-13.8,7.4 c-0.1,4.9,6.2,15.5-1.4,20.3c0,0-8.7,20.5-16.8,23.7c-7,2.7-15.3-4.7-15.1-14.4c0.2-11.6,0.9-33.8,6.2-43.5s19.8-34.6,22.4-36.6 s10.5,7.5,19.7,6.2s13-5.6,15-10.1S162.3,126.9,162.3,126.9z"/> <linearGradient class="gradient-hair" id="SVGID_1_hair" gradientUnits="userSpaceOnUse" x1="1082.2306" y1="1030.944" x2="1171.0532" y2="1030.944" gradientTransform="matrix(1 0 0 1 -985.94 -893.24)"> <stop offset="0" class="stop1" /> <stop offset="1" class="stop2"/> </linearGradient> <path class="st4" style="fill:url(#SVGID_1_hair)" d="M133.1,84.2c4.1,6.6,9.4,12.3,15.6,17c10.6,8.2,0.1,31-0.4,42.4c-0.4,9.1,5,21.7,18.1,30.2 c9.4,6.2,2.8,20.2,2.8,27.2s15.2-9.9,15.8-17.9c0.7-9.9-1.8-16.9-8.8-24.9c-6.5-7.5-14.1-35.6-16.2-48.9c-0.2-1.4-0.3-2.7-0.2-4.1 c0.2-4.7-0.4-19.6-13.8-28c-16-10-26-0.8-32.5,4.7c-7.9,6.7-11.1,25.4-9.1,54.4s-3,45.5-6.4,53.9c-7.8,19.1,13.4,5.7,17.3-5.3 c5-14.1,8.5-15.2,15.6-26.2c2.8-4.3-0.9-18.9-4-25c-5.9-11.8-9.3-16.7-9.3-24.7S127.1,87.2,133.1,84.2z"/> <path class="st5" d="M136.2,136c0,0,11.3,0.7,14.4-6.5c0.3-0.8-1.8,22-2.4,19C147.4,145.4,136.2,136,136.2,136z"/> <path class="st6" d="M350.1,72.8"/> <path class="st5" d="M116.3,188.7c0,0-2.6,16.2-4,23.6c-0.8,4-1.3,8-1.4,12.1c0,0,9.6-12,12.7-16.8c1.9-3-3.9-1.5-4.4-12.5 s-0.4-18.1-0.4-18.1L116.3,188.7z"/> <path class="st5" d="M117.1,240.8c0,0,8.6-8.4,9-12.8c0.5-5.8,4.6-5.5,4.6-1.9s-6.4,30.5-2.5,37.6c3.9,7.1,7,7,7,7l-21,1.5 L117.1,240.8z"/> <path class="st5" d="M135.1,270.6c0,0,1.2,21.4-6.4,28.5c-15.5,14.5-6.4,33.5-13.3,41.8c-5.8,6.9-7.3,26.8-21.2,31.2 c-5.5,1.8-25.3-10.3-29.3-11.7c-8.5-2.9-14.5-19.2-41-27.6c-6.2-2,16.3,0.1,16.3,0.1L89,353.1l25.2-80.9L135.1,270.6z"/> </svg> <svg class="gradient-object pig" data-color="purple" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 159.83 193.84"> <defs> <linearGradient id="linear-gradient-pig-pig" x1="1047.25" y1="585.39" x2="943.58" y2="510.06" gradientUnits="userSpaceOnUse"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <linearGradient id="linear-gradient-3-pig-pig" x1="44.53" y1="98.87" x2="87.08" y2="35.49" xlink:href="#linear-gradient-pig"/> <linearGradient id="linear-gradient-4-pig-pig" x1="54.71" y1="55.57" x2="92.31" y2="55.57" xlink:href="#linear-gradient-pig"/> <linearGradient id="linear-gradient-5-pig-pig" x1="80.53" y1="43.29" x2="108.54" y2="1.56" xlink:href="#linear-gradient-pig"/> <linearGradient id="linear-gradient-6-pig-pig" x1="87.06" y1="14.78" x2="112.16" y2="14.78" xlink:href="#linear-gradient-pig"/> <linearGradient id="linear-gradient-7-pig-pig" x1="33.32" y1="44.93" x2="53.37" y2="15.07" xlink:href="#linear-gradient-pig"/> <linearGradient id="linear-gradient-8-pig-pig" x1="37.85" y1="24.53" x2="56.1" y2="24.53" xlink:href="#linear-gradient-pig"/> </defs> <title>Pig with coins</title> <g id="Layer_2" data-name="Layer 2"> <path style="fill:url(#linear-gradient-pig-pig);" d="M935,542l15-1s3-18,15-24V497s14,8,17,9,30-12,61,7c26.11,16,20.3,44.07,17.81,52.52a14.18,14.18,0,0,1-2.08,4.27c-2.16,3-6.53,9-8.73,11.21-3,3,1.91,19.7-2,21-3,1-9-12-12-11a86.29,86.29,0,0,1-50,1.56,2.42,2.42,0,0,0-2.82,1.26c-1.34,2.74-4,7.76-6.15,9.19-3,2-3-11-6-13s-36-31-36-31Z" transform="translate(-935 -409.37)"/> <path class="pig-tail" style="stroke-width:4px;stroke-linecap:round;stroke-miterlimit:10;fill:none" d="M1060.52,545.08s12.28-8.71,18.85-2.24,5.54,13.22.26,14.83c-3.94,1.2-10.08-5.4-7.43-9.64s7.28-6.51,12.6-2.95,7.71,10.7,8,14.69" transform="translate(-935 -409.37)"/> <circle class="pig-eye" cx="31.99" cy="133.98" r="5.57"/> <path class="pig-path" style="stroke-linejoin:round; stroke-linecap:round; fill:none;" d="M989.75,509.43s22.36-6,36.87.6" transform="translate(-935 -409.37)"/> </g> <g id="coin-pig"> <circle style="fill:url(#linear-gradient-3-pig-pig);" cx="73.66" cy="55.48" r="22.36"/> <circle style="stroke:url(#linear-gradient-4-pig-pig); fill:none;" cx="73.51" cy="55.57" r="18.3"/> <text class="coin-text" style="font-family:MyriadPro-Regular, Myriad-Pro; font-size: 26.71px;" transform="translate(66.26 64.02)">$</text> </g> <g id="coin_copy-pig" data-name="coin copy"> <circle style="fill:url(#linear-gradient-5-pig-pig);" cx="99.71" cy="14.72" r="14.72"/> <circle style="stroke:url(#linear-gradient-6-pig-pig); fill:none;" cx="99.61" cy="14.78" r="12.05"/> <text class="coin-text" style="font-family:MyriadPro-Regular, Myriad-Pro; font-size: 17.58px;" transform="translate(94.83 20.34)">$</text> </g> <g id="coin_copy_2-pig" data-name="coin copy 2"> <circle style="fill:url(#linear-gradient-7-pig-pig);" cx="47.05" cy="24.49" r="10.53"/> <circle style="stroke:url(#linear-gradient-8-pig-pig); fill:none;" cx="46.97" cy="24.53" r="8.62"/> <text class="coin-text" style="font-family:MyriadPro-Regular, Myriad-Pro; font-size: 12.58px;" transform="translate(43.56 28.51)">$</text> </g> </svg> </div> </div> <div class="row mt-sm-5"> <div class="col-sm-6 mb-5 text-center hover-on"> <img src="./assets/img/bg6.png"> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" class="girl-phone" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 162.5 516.1" style="enable-background:new 0 0 162.5 516.1;" xml:space="preserve"> <g> <path class="st0" d="M53.4,478l-13.2,3c0,0-3.2,10.4-4.7,16c-0.1,0.3-0.4,1.3-0.6,1.9c-0.2,1-0.3,1.9-0.3,2.9 c0.3,5,2.2,9.3,6.6,11.5c4.9,2.5,8.7,4.8,13.9,0c5.2-4.8,6.1-7.8,3.9-16.1C56.8,488.9,53.4,478,53.4,478z"/> <path class="st0" d="M130.1,495.3c-8.9-2.8-12.7-13.8-12.7-13.8l-17.9-0.9c0,0-0.4,11.2-0.9,17.3c-0.6,8.1,0.9,11.7,6.3,11.2 c7.2-0.6,36.6,2,41.2-0.9C152.2,504.5,138.4,497.9,130.1,495.3z"/> </g> <linearGradient class="gradient-trousers" id="SVGID_2_trousers" gradientUnits="userSpaceOnUse" x1="1023.5398" y1="1224.0364" x2="1193.9299" y2="1225.1564" gradientTransform="matrix(1 0 0 1 -1048.21 -870.97)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_2_trousers);" d="M25.8,225.4c0,0-6.7,9.2-8.8,34s2.6,71.9,4.8,81s11,94.1,13.2,100.4s5.2,40.1,5.2,40.1l14.2,0.4 c0,0,4.2-44.2,4.2-55.9S64.4,303,64,294.9s1.5-5.5,1.5-5.5s12.5,39.7,16.2,46.3S92,355.2,92,355.2s1.5,41.5,3.3,65.5 s3.7,61.8,3.7,61.8l19.1-0.4c0,0,4.4-63.2,4.4-76.5s4-45.2,4-48.9S114,288.3,114,288.3l-8.7-63L25.8,225.4z"/> <linearGradient class="gradient-skin" id="SVGID_2_skin" gradientUnits="userSpaceOnUse" x1="1078.11" y1="983.908" x2="1203.946" y2="983.908" gradientTransform="matrix(1 0 0 1 -1048.21 -870.97)"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.5" style="stop-color:#F8C548"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_2_skin)" d="M33.6,51.7c0,0,8.3-32.3,14.8-34.7C74,7.5,76.6-8.5,87.5,37.3s41.1,98.9,54,114.6c17.7,21.5,16.2,35.4,9.9,36.7 s-38.5,9.8-41,10.6s5.2,23.1-5.6,20c-6-1.7-6.5-28.2,1-29.4c3.1-0.5,38.8-7.6,38.6-9.7s-27.8-40.4-27.8-40.4l-17.8-8.4l-44.1-23.7 L33.6,97.1L31.4,62l-1.5-6.8l3.6-3.6"/> <linearGradient class="gradient-shirt" id="SVGID_2_shirt" gradientUnits="userSpaceOnUse" x1="1048.1858" y1="1023.1221" x2="1210.7112" y2="1023.1221" gradientTransform="matrix(1 0 0 1 -1048.21 -870.97)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_2_shirt)" d="M27.9,95c0,0,0.2,2.5-5.8,11.1c-3.6,5.2,5.5,1.5-2.2,14.6C7.7,141.4,0.9,163.6,0,177.4c-0.5,8.5,6.9,6.8,10,9.5 c1.7,1.5,7.3-1,8.6-2.9l2.5-4.4c0.7-1,7.5-11,7.7-12.2c0.6-3.9,4.4-20.4,5.7-26.3c1.1-5,9.9-16.4,17-39.9c2.1-7.2,0-10.2,0.5-13.5 c1.5-10.7-13.5-10.5-14.8-6.8c-0.3,0.9-11.7,45.9-12.3,51.9c-0.2,2,3.8,19.8,6.9,24.7s6.6,8.4,6.6,12.7s-2,21.9-5.2,29.7 s-7.8,25.8-7.8,25.8l79.9-0.4c0,0-2.9-34.3-1.7-46.2c0,0,3.4-38.7,5.4-42.5s23.4,31,28.8,39.9c2.2,3.7-28.2,10.2-30.7,13.1 s2.6,11,2.6,11s53.1-6.5,52.8-14.6s-30.3-70.5-41-82.3S108,92.3,99,95.5s-13.3,6.1-25.4,8.1c-8.8,1.5-17.9-0.1-25.7-4.6 C43.6,96.3,27.9,95,27.9,95z"/> <linearGradient class="gradient-hair" id="SVGID_2_hair" gradientUnits="userSpaceOnUse" x1="1064.51" y1="948.5959" x2="1169.6259" y2="948.5959" gradientTransform="matrix(1 0 0 1 -1048.21 -870.97)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_2_hair);" d="M17,125.8c0.9-1.3,1.8-2.6,2.5-4c0.7-1.3,1.2-2.1,1.5-2.7c3.9-6.6,12.8-21.7,14.2-28.3 c0.8-2.6,1.4-5.3,1.8-8c0.3-1.8,0.4-3.7,0.2-5.5c-0.5-3.4-7.4-17.6-6.4-18.9c0.1-0.2,1-4.2,2.3-2.9c1.5,1.5,11.3,6.9,12,7.9 c1.9,3.4,3.4,7,4.5,10.7c0.7,2.2,1.3,8.6,1.5,9.1c2.1,5.3-0.3,9.3-0.1,12.1c0.1,1,0.1,5,0.6,5.4c1.4,1,3.3,1.9,4.1,0.9 s0.5-3.8,0.6-6.6c0.5-14.5-2.2-27.8-5.6-34.8s-11.3-20.7-5.9-28.6S61.5,17.5,62,15.5s0.8,7.6,6.8,11S83.2,39,83.2,40.9 s2,8.5-3.7,19.8s-10.2,25.8-2.3,36.5s27.8,25.8,29.2,29.2s0,18.5-0.5,27s16.1-14.5,15.5-25.6s1.4-15.9-9.9-32.8s-18.7-46.1-19-53.2 S88.9,15.2,82.1,9.5s-7.4-11-26.3-9.1c0,0-15.9,0.6-20.4,16.1S30.2,53.8,30,57.2c-0.2,3.6,1.4,25.6-0.6,32.5s-11.3,21.6-13.1,27.6" /> <path class="st5" d="M47.3,481c0.1,0.3,0.1,0.6,0.1,0.9c0.1,2.2,0,7.7-2.4,11.2c-3,4.6,4.1,14.7,4.1,17.2c0,2.5-3.3,4.8-5.6,4.1 s-11.9-6.1-8.1-17.7c1.5-4.7,2.4-8.8,3.3-11.4c0.5-1.3,0.9-2.6,1.3-3.9c0.1-0.6,0.1-1.2,0.1-1.8c-0.1-0.8-0.1-1.7-0.2-2.6 c-0.5-4.5-19.5-144.8-20.2-150.2c-0.6-4.8-3.4-34.5-3.1-51.9c-0.2-1.5-0.2-3-0.1-4.4c0-0.4,0.2-2.1,0.1-2.8c0.1-1.6,0.2-3.2,0.4-4.8 c-0.3-1.3-0.1-1.3,0-3.4s0-3.3,0.2-4.6c1.9-11.8,6.2-25.2,8.3-29l0.6-2.1c0,0,3.5-15.8,5.1-19.1c1.4-3,7.5-32.7,7-36 S31.3,157,31.3,157l0.9-4.5c0,0,2-6.6,4-12.2c1.6-4.3,6.7-15.7,8.8-20.6c3.4-8,5-11.1,5.7-16.4c0.5-4,0.9-2.3,2.7-1.5 c2.6,1,2.7-0.3,2.8-2.8c0.1-7.8-0.2-15.5-0.9-23.3c-0.8-6.1-7.1-15.9-9.8-21.9c-1.6-3.1-2.8-6.4-3.8-9.8c-1.2-5.2-1.1-11,3.8-15.9 c4.3-4.3,17.1-13.2,17.1-13.2s-5.9,12-3.5,16.1c3.9,6.3,2,14.3,2,17.1S58,57.9,59.9,65c3.3,12.5-2.4,19.6-0.3,28.1 c1.3,5.2,2.1,6.9,0.8,11.5s-14.2,39.5-7.1,59.8s10.4,34.7-1,46.9c-11.4,12.2-0.9,23.1-0.7,31.7c0.5,21.2-9.8,18.9-10.4,32.1 s2.3,22.7,2.5,29.6c0.5,22.7,0.2,27.2-1,36.1s-7.3,25.8-0.5,59s5.8,36.2,5.1,55S47.3,481,47.3,481z"/> <path class="st6" d="M28.2,45c2.7-1.9,5.6-3.6,8.6-5.1c3.7-1.5,5.4,4,6.4,6.5s6,17.9,6.2,19.1c0.1,0.5-0.7,0.4-3.3,2.4 c-0.4,0.3-1.1,0.1-1.9-1.7c-0.4-1-1.7-3.4-3.2-4.2c-0.6-0.3-10-3.6-10.1-2.7s2.2,6.6,3.4,9.9c0.1,0.3,1.7,3.6,1.4,4.2 c-0.1,0.1,0.1,0,0.1,0s-1.7,0.6-2.2,0s-5.3-16.1-7.1-22c-0.4-1.3-1.3-3.1-0.4-3.9L28.2,45z"/> </svg> <svg id="Calendar" class="gradient-object calendar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 392.93 272.99"> <defs> <linearGradient id="linear-gradient-calendar-bg" x1="785.59" y1="534.67" x2="871.96" y2="534.67" gradientUnits="userSpaceOnUse"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <linearGradient id="linear-gradient-2-calendar-bg" x1="1028.13" y1="558.71" x2="1075.44" y2="558.71" gradientTransform="translate(-795.25 -360.5) rotate(-1.32)" xlink:href="#linear-gradient-calendar"/> <linearGradient id="linear-gradient-3-calendar-bg" x1="45.53" y1="53.31" x2="359.25" y2="53.31" gradientUnits="userSpaceOnUse" xlink:href="#linear-gradient-calendar"> </linearGradient> <linearGradient id="linear-gradient-4-calendar-bg" x1="127.95" y1="16.08" x2="153.45" y2="16.08" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#4d54c2"/> <stop offset="1" stop-color="#4c4cbf"/> </linearGradient> <linearGradient id="linear-gradient-5-calendar-bg" x1="271.31" y1="16.48" x2="293.35" y2="16.48" xlink:href="#linear-gradient-4"/> <linearGradient id="linear-gradient-6-calendar-bg" x1="785.59" y1="662.73" x2="785.59" y2="662.73" xlink:href="#linear-gradient-calendar"/> </defs> <title>Calendar</title> <path class="cls-1" style="fill:url(#linear-gradient-calendar-bg);" d="M831.12,406.62,785.59,662.73s58.73-10.36,86.37,0L831.12,406.62" transform="translate(-785.59 -389.73)"/> <path class="cls-2" style="fill:#fcfcfc;" d="M831.12,406.62,872,662.73s173.65-21.76,306.55-1.82l-47.16-253.36-300.24-.93" transform="translate(-785.59 -389.73)"/> <polygon class="cls-3" style="fill:#58caea; " points="218.22 146.94 176.22 147.91 170.15 114.11 211.26 113.91 218.22 146.94"/> <polygon class="cls-3" style="fill:#58caea;" points="284.8 144.96 242.79 145.93 236.72 112.13 277.83 111.93 284.8 144.96"/> <polygon class="cls-3" style="fill:#58caea;" points="347.57 145.25 305.57 146.21 299.49 112.41 340.61 112.21 347.57 145.25"/> <polygon class="cls-3" style="fill:#58caea;" points="356.01 190.76 314 191.72 307.93 157.92 349.04 157.72 356.01 190.76"/> <polygon class="cls-3" style="fill:#58caea;" points="227.38 190.37 185.38 191.33 179.3 157.53 220.41 157.33 227.38 190.37"/> <polygon class="cls-3" style="fill:#58caea;" points="162.39 192.39 120.39 193.36 114.31 159.56 155.43 159.36 162.39 192.39"/> <polygon class="cls-3" style="fill:#58caea;" points="172.74 239.45 130.73 240.41 124.66 206.61 165.77 206.42 172.74 239.45"/> <polygon class="cls-3" style="fill:#58caea;" points="237.21 238.5 195.21 239.47 189.13 205.66 230.25 205.47 237.21 238.5"/> <polygon class="cls-3" style="fill:#58caea;" points="303.63 238.35 261.63 239.31 255.56 205.51 296.67 205.31 303.63 238.35"/> <polygon class="cls-4" style="fill:url(#linear-gradient-2-calendar-bg);" points="293.14 190.31 251.14 191.27 245.06 157.47 286.18 157.27 293.14 190.31"/> <polygon class="cls-5" style="fill:url(#linear-gradient-3-calendar-bg);" points="45.53 16.88 57.01 89.74 359.25 88.74 345.76 17.81 45.53 16.88"/> <polygon class="cls-6" style="fill:url(#linear-gradient-4-calendar-bg);" points="127.95 0.42 150.87 0 153.44 32.15 130.8 32.17 127.95 0.42"/> <polygon class="cls-7" style="fill:url(#linear-gradient-4-calendar-bg);" points="271.31 1.92 291.12 1.53 293.35 31.4 273.78 31.42 271.31 1.92"/> <path class="cls-8" style="fill:url(#linear-gradient-6-calendar-bg);" d="M785.59,662.73" transform="translate(-785.59 -389.73)"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="gradient-object cup" data-color="purple" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 38.14 65.94"> <defs> <linearGradient id="linear-gradient-cup-bg" x1="1068" y1="524.9" x2="1007.76" y2="545.83" gradientUnits="userSpaceOnUse"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <linearGradient id="linear-gradient-2-cup-bg" x1="1074.52" y1="1600.68" x2="1069.1" y2="1588.71" gradientTransform="matrix(1, 0, 0, -1, -24.86, 2103.21)" xlink:href="#linear-gradient-cup"/> <linearGradient id="linear-gradient-3-cup-bg" x1="1068.1" y1="1603.07" x2="1064.74" y2="1593.93" gradientTransform="matrix(1, 0, 0, -1, -24.86, 2103.21)" xlink:href="#linear-gradient-cup"/> <linearGradient id="linear-gradient-4-cup-bg" x1="1082.77" y1="1601.26" x2="1079.37" y2="1592" gradientTransform="matrix(1, 0, 0, -1, -24.86, 2103.21)" xlink:href="#linear-gradient-cup"/> </defs> <title>Cup</title> <g id="Cup"> <path style="fill:url(#linear-gradient-cup-bg);" d="M1034.1,519.23a22.48,22.48,0,0,0-2.42-.51,5.2,5.2,0,0,0-4.83,1.4,6.88,6.88,0,0,0-1.53,3.42,11.17,11.17,0,0,0,3.43,10.51,38.32,38.32,0,0,0,6.73,5.32,2.51,2.51,0,0,1,1.27,1.9,60.93,60.93,0,0,0,2.79,8.11.9.9,0,0,0,.64.5,28.66,28.66,0,0,0,15,.13c1.14-.38,1.14-.38,1.66-1.52a81.27,81.27,0,0,0,4.2-16.34,87.6,87.6,0,0,0,1-15.33c0-.88,0-1-1-1.26a18.75,18.75,0,0,0-4.71-.76,103.58,103.58,0,0,0-12.46-.26,42.3,42.3,0,0,0-7.88.89c-.64.13-1.14.38-1.66.51-.25.12-.38.25-.38.5A19.13,19.13,0,0,1,1034.1,519.23Zm1.65,17.72h-.12c-4.23-2.22-7.07-5.48-7.39-10.54a8.64,8.64,0,0,1,.34-3.16,2.7,2.7,0,0,1,1.89-1.81,3.26,3.26,0,0,1,3.46,1.85l0,1.4a74.09,74.09,0,0,0,1.12,9.23c.12.89.39,1.89.65,3Z" transform="translate(-1025.09 -485)"/> <path class="cup-inside" d="M1034.33,515.94s13.46-4.11,27.72,0C1062.05,515.91,1050.19,520.69,1034.33,515.94Z" transform="translate(-1025.09 -485)"/> <path style="fill:url(#linear-gradient-2-cup-bg);" d="M1056.89,485a16.6,16.6,0,0,1-3.79,13.95c-1.35,1.77-2.71,3.32-4.06,5.09a20.89,20.89,0,0,0-4.06,9.3c0,.44-.27,1.11-.27,1.55h0c0-.89-.27-1.55-.27-2.44a16.94,16.94,0,0,1,3.79-11.07,48.29,48.29,0,0,1,3.52-4.21,24.42,24.42,0,0,0,5.15-10.85" transform="translate(-1025.09 -485)"/> <path style="fill:url(#linear-gradient-3-cup-bg);" d="M1039.28,509.58a6,6,0,0,0-.27-1.33,12.76,12.76,0,0,1,3.25-9.08,28.84,28.84,0,0,0,3.25-4.43,17.82,17.82,0,0,0,2.44-6.2c.05-.26.22-1.45.22-.69l.05.25a11.19,11.19,0,0,1,.27,1.77,13,13,0,0,1-3,8.19l-3.25,4a16.33,16.33,0,0,0-2.5,5.37,3.37,3.37,0,0,0-.08.73,2.86,2.86,0,0,1-.39,1.43Z" transform="translate(-1025.09 -485)"/> <path style="fill:url(#linear-gradient-4-cup-bg);" d="M1054,511.56c0-.1-.22-.95-.29-1.7a12.76,12.76,0,0,1,3.25-9.08,28.84,28.84,0,0,0,3.25-4.43,17.82,17.82,0,0,0,2.44-6.2c.06-.23.34-1.38.25-.57l0,.22a14,14,0,0,1,.27,1.68,13,13,0,0,1-3,8.19l-3.25,4a16.33,16.33,0,0,0-2.5,5.37,3.37,3.37,0,0,0-.08.73,5.35,5.35,0,0,1-.27,1.5Z" transform="translate(-1025.09 -485)"/> </g> </svg> </div> <div class="col-sm-6 mb-5 text-center hover-on"> <img src="./assets/img/bg7.png" style="width:90%;"> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" class="man-hand-up" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 280.6 539" style="enable-background:new 0 0 280.6 539;" xml:space="preserve"> <path class="st0" d="M213.9,523c-0.2-4.8-0.8-9.7-1.8-14.4l-19,0.4c0,0-0.6,10.4-9.2,12.1l-3.6,1.1c-4.5,0.9-9.9,2.5-13,4.6 c-0.1-0.8-0.1-1.5-0.1-2.2c-0.3-5.2-1.3-10.3-2.9-15.3l-21.3,0.8c0,0,1.1,10-7.5,11.7l-3.7,1c-8.1,1.6-18.8,5.3-14.3,10.9 c3.5,4.2,39.8,6.1,46.3,4.9c2.5-0.4,3.4-2.2,3.7-4.5c7.7,3.4,38.1,4.2,44,2.9C216.2,535.9,214.1,528.5,213.9,523z"/> <linearGradient class="gradient-trousers" id="SVGID_9_trousers" gradientUnits="userSpaceOnUse" x1="124.2036" y1="159.3" x2="238.9" y2="159.3" gradientTransform="matrix(1 0 0 -1 0 540)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_9_trousers)" d="M124.3,372.4c-0.9,7.4,4.8,45.9,4.8,53.2s13.7,85.8,13.7,85.8l21.7-1c0,0-4.3-115.5-3.9-121.1 s24.2-72.7,24.2-72.7s1.7,17.7,1.7,23.4s6.6,169,6.6,169H212l26.9-240.6l-0.5-4.6L139.1,250C139.2,249.9,125.2,365.1,124.3,372.4"/> <linearGradient id="SVGID_8_skin" gradientUnits="userSpaceOnUse" x1="12.0335" y1="150.9466" x2="272.5" y2="150.9466"> <stop offset="0" style="stop-color:#F87B58"/> <stop offset="0.63" style="stop-color:#F89453"/> <stop offset="0.81" style="stop-color:#F8C548"/> <stop offset="0.94" style="stop-color:#F89952"/> <stop offset="1" style="stop-color:#F89C51"/> </linearGradient> <path style="fill:url(#SVGID_8_skin)" d="M258.1,218l-19.6,53.2l-3.4,26l16.5-14.5c0.9-0.8,2.7-4.9,3.7-7l9.9-27.7l7.3-44.2c0,0-11.1-20-24.1-43.5 L258.1,218z M248.4,160.3l-0.8-4.7l-2-0.4L248.4,160.3 M181.9,26.2c-3.1-0.3-6.2-0.3-9.3,0.2c-0.9,0.2-3.8,6.1-5.8,10.3 c-2.6,5.4-3.1,14-3.1,19.5c0,6.9,6.9,14.7,15.5,20.2c3.8,2.4,1.4,15.1-0.5,16.3s-38.4,28.2-38.4,28.2L114,106.5L42.4,45.1l-3.6-4.5 c0,0-8-34.1-11-35.5c-5.2-2.4-9,6.3-13.8,13.5c-2.7,4.1-2.7,16.2,0.5,19.9l13.9,16.9l76.6,62.9l21.3,6.8l24.2,13.2l95,17 c-16.9-30.6-35.9-64.9-37.6-68.5c-1.5-2.9-1.8-6.2-1-9.3c1.2-4.3,2.9-8.5,5-12.5c1.5-2.1,2.3-6.1,2.7-8.4S215,55,213,57 c-0.6,0.5-2.3,0.6-3.1-2.9s-11.3-8.5-16.4-12.9c0,0-5.4-1.4-10.9-3.3"/> <linearGradient class="gradient-shirt" id="SVGID_8_shirt" gradientUnits="userSpaceOnUse" x1="27.8995" y1="383.7164" x2="280.2292" y2="383.7164" gradientTransform="matrix(1 0 0 -1 0 540)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_8_shirt)" d="M148.3,95.4c-6.1,0.6-9.7-0.5-16.9-2.1c-5.8-1.4-16.5-3.7-20.2-5.2C95.3,81.8,41.3,44,39.1,40.4 c-1.2-2-10.6,9.4-11.2,14.5c-0.1,1.4,16.2,19,23,26.7C52.1,83,62.3,93.7,66,96.5c8.2,6.2,28.1,18.8,33.6,22.3 c4.2,2.7,17.6,9.7,32.8,14.3c10.2,3.1,12.9,5.6,16.1,12.6c3.4,7.5-11.5,94-11.5,94s-0.4,15.8,2.7,17.4c2.7,1.4,34.6,10.7,42.3,13.6 c5.6,0.9,11.2,1.4,16.9,1.7l40.2-5.6c0,0-0.6-76.1,0.1-88.8c0.7-12.5-0.9-19.4,1.3-16c2.5,3.8,13,38,13,43.8S242,262.1,242,262.1 l15.4,8.5c0,0,20.8-55.5,22-62.9s1.5-11.2-1.9-18.5s-22.4-73.7-22.4-73.7s-1.9-8.1-15.8-12.3s-27.4-15.7-43-6.7 c-16.1,9.2-22.7-0.3-22.7-0.3s-15.9,0.8-24.8-0.6"/> <linearGradient class="gradient-hair" id="SVGID_8_hair" gradientUnits="userSpaceOnUse" x1="171.0994" y1="501.8879" x2="229.9022" y2="501.8879" gradientTransform="matrix(1 0 0 -1 0 540)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#SVGID_8_hair)" d="M210.6,10.2c1.8,1.4,7.2,6.4,9.1,7.9c2.2,1.7,3.4,4.1,5.3,7.2c1,1.6,2.5,6.1,3.2,7.9c4,10.2,0.1,14.6-3,21.9 c-4.3,10-14,11.5-14.8,12.9c-7.7-2.5-8.6-1.6-12-0.5c-4.3-2.9-6.2-6.8-8.5-8.8c1.4-2-2.8-20.5-5.9-10.8c-1.3-4.4-5.3-13.6-7-14.8 s-3.7-2.7-3.5-3.4c0.9-4.1-5.9-3.5,0.1-7.8c4.8-3.5,6.7-11.6,13-12.2c3.9-0.4,8.9-0.8,12.9-1.4c2.8-0.4,5.1,0.9,7.5,1.2 c1.3,0.1,2.5,0.6,3.6,1.2"/> <g class="st5"> <g> <g> <g> <defs> <rect id="SVGID_5_" x="142.2" y="303.6" width="46.7" height="234.9"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <g class="st6"> <path d="M188.2,304.6c-2.7,7.8-13.1,23.1-19.8,32.1s-27.8,28.4-26.5,51.9s15.6,83.9,15.6,89.4s-5.3,31.1-9.3,39 c-4,7.9-3.3,16.1-1.3,16.1c0.9,0,4.2,1.2,8.8,0c3.5-0.9,8.1,2.8,10,1.9c1.4-0.6,1.7-5.1,1.7-5.1c0.1-1.9-0.1-3.8-0.7-5.6 c-1-2.9-1.7-5.9-2.2-8.9c-0.8-22.1-2.7-73.3-2.3-76.9c0.7-6.7-4.6-40.5,0.2-57.1S188.1,304.6,188.2,304.6"/> </g> </g> </g> </g> </g> <g class="st5"> <g> <g> <g> <defs> <rect id="SVGID_7_" x="159.3" y="184.4" transform="matrix(0.1103 -0.9939 0.9939 0.1103 -12.2902 410.5637)" width="127.7" height="55.5"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <g class="st7"> <path d="M238.6,169.2l-0.2,78.4c0,0,2,16.6-0.8,18.4s-13.9,3.2-17.3,3.2c-2.3,0-33.3,3.6-22.3-1.9c4.9-2.5,35.9-19.8,26-36.9 s-5.3-38.9,1.9-53.7s12.8-24.7,12.8-24.7L238.6,169.2z"/> </g> </g> </g> </g> </g> <path style="fill: #fff" d="M39.2,40.5L28.9,48c-0.7,0.5-1.6,0.3-2.1-0.3c-0.2-0.2-0.3-0.5-0.3-0.8l-1.1-15l2.7-4.7 c0.3-0.6,0.5-1.3,0.4-1.9l-0.8-7.4c0-0.3-0.1-0.5-0.2-0.8L23.8,2.9c-0.1-0.8,0.5-1.5,1.3-1.6L36.3,0c0.8-0.1,1.6,0.5,1.7,1.3v0.1 l1.9,37.8C39.9,39.8,39.7,40.2,39.2,40.5z"/> <path class="st9" style="opacity:7.000000e-02" d="M179,74.8c0,0,7.3-1.4,10.9-4.2s-4.5,5.3-7.1,8.5S179,74.8,179,74.8z"/> <path class="st9" style="opacity:7.000000e-02" d="M226.2,297.4c0,0-7.2,29.2-13.7,37.8c-6.9,9.2,0.7,51.5-5.7,70.1c-6.1,17.6,2.2,55.8,0.7,68 c-1.2,10-1.4,31.5-6.7,43.5c-1.8,4.1-5.6,7.1-5.6,9c0,10.7,14.5,3.8,14.5,3.8l0.8-9.5l9.9-84l18.3-166.7L226.2,297.4z"/> </svg> <?xml version="1.0" encoding="utf-8"?>  <svg class="gradient-object leaves" version="1.1" id="Leaves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 324.5 454.2" style="enable-background:new 0 0 324.5 454.2;" xml:space="preserve"> <title>Leaves</title> <linearGradient id="leaves_1_1_" gradientUnits="userSpaceOnUse" x1="771.5208" y1="-420.1029" x2="842.8608" y2="-349.4629" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7313 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <polygon style="fill:url(#leaves_1_1_);" points="126.7,164.3 183,443.6 188.4,440.2 "/> <linearGradient id="leaves_1_2_" gradientUnits="userSpaceOnUse" x1="46.47" y1="200.22" x2="103.93" y2="200.22" gradientTransform="matrix(1 0 0 -1 0 456)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <polygon style="fill:url(#leaves_1_2_);" points="46.5,74.6 103.9,436.9 96.5,435.7 "/> <linearGradient id="leaves_1_3_" gradientUnits="userSpaceOnUse" x1="872.6337" y1="142.13" x2="884.21" y2="142.13" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_3_);" d="M55.7,16.2c0,0-1.5,46.8-9.2,58.4C46.5,74.6,37.2,46.2,55.7,16.2"/> <linearGradient id="leaves_1_4_" gradientUnits="userSpaceOnUse" x1="882.57" y1="132.69" x2="911.76" y2="132.69" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_4_);" d="M83.2,33.5c0,0-18.2,36.7-29.2,42.6C54.1,76.2,55.9,49.4,83.2,33.5"/> <linearGradient id="leaves_1_5_" gradientUnits="userSpaceOnUse" x1="851.5262" y1="151.36" x2="874.3925" y2="151.36" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_5_);" d="M26.1,0c0,0,24.7,54.4,18.9,72.4C45,72.4,13.2,45.7,26.1,0"/> <linearGradient id="leaves_1_6_" gradientUnits="userSpaceOnUse" x1="891.03" y1="102.2163" x2="923.8505" y2="102.2163" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_6_);" d="M95.3,52.6c0,0-19.8,47.6-26,60.9c-1.5,3.1-2.7,4.5-3.6,4.6c-2.9,0.3-3.6-10.5-2.9-17.7 C63.7,90.6,73.2,61.6,95.3,52.6"/> <linearGradient id="leaves_1_7_" gradientUnits="userSpaceOnUse" x1="885.58" y1="51.9315" x2="893.81" y2="51.9315" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_7_);" d="M65.2,117.2c0,0,0.2-0.2,0.1,0.2c-1,4.4-6.8,30.9-6.7,35.5c0.2,5.1-1.5-6.8-1.5-6.8L65.2,117.2z"/> <linearGradient id="leaves_1_8_" gradientUnits="userSpaceOnUse" x1="878.52" y1="97.8133" x2="883.03" y2="97.8133" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_8_);" d="M54.1,75.7c0,0,0.5-0.2,0.4,0c-1.8,4.1-3.5,21.9-3.4,26.6c0.1,5.1-1.1-4.2-1.1-4.2L54.1,75.7z"/> <linearGradient id="leaves_1_9_" gradientUnits="userSpaceOnUse" x1="897.7296" y1="72.7292" x2="930.49" y2="72.7292" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_9_);" d="M102,73.5c0,0-13.8,64-23,77.7c-11.7,17.5-10.4-17.5-8.5-23.7S80.9,84.9,102,73.5"/> <linearGradient id="leaves_1_10_" gradientUnits="userSpaceOnUse" x1="878.52" y1="97.8133" x2="883.03" y2="97.8133" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_10_);" d="M54.1,75.7c0,0,0.5-0.2,0.4,0c-1.8,4.1-3.5,21.9-3.4,26.6c0.1,5.1-1.1-4.2-1.1-4.2L54.1,75.7z"/> <linearGradient id="leaves_1_11_" gradientUnits="userSpaceOnUse" x1="892.6799" y1="13.2688" x2="901.4529" y2="13.2688" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_11_);" d="M72.8,153.7c0,0,0.2-0.3,0.1,0.2c-1,4.9-7.4,34.4-7.3,39.6c0,5.7-1.4-7.5-1.4-7.5L72.8,153.7z"/> <linearGradient id="leaves_1_12_" gradientUnits="userSpaceOnUse" x1="907.2" y1="38.8892" x2="959.5" y2="38.8892" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_12_);" d="M131,103.7c0,0-29.4,71.1-41.9,85.3c-15.9,18.1-9.7-23.5-6.2-30.4S107.3,113.4,131,103.7"/> <linearGradient id="leaves_1_13_" gradientUnits="userSpaceOnUse" x1="898.81" y1="-25.4072" x2="910.4128" y2="-25.4072" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_13_);" d="M81.5,192.7c0,0,0.5-1.2,0.4-0.7c-1.2,5.4-9.9,34.6-9.8,40.4c0.1,6.3-1.8-7.3-1.8-7.3L81.5,192.7z"/> <linearGradient id="leaves_1_14_" gradientUnits="userSpaceOnUse" x1="915.5583" y1="0.2892" x2="972.75" y2="0.2892" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_14_);" d="M144.2,140.7c0,0-35.3,73-48,88.3c-16.1,19.4-7.2-27-1.5-39.2C100.5,177.3,120.5,151.3,144.2,140.7"/> <linearGradient id="leaves_1_15_" gradientUnits="userSpaceOnUse" x1="905.54" y1="-67.0928" x2="917.5048" y2="-67.0928" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_15_);" d="M88.5,233c0,0,0.5-1.3,0.4-0.7c-1.2,5.8-10.3,36.9-10.3,43.1c0,6.7-1.7-7.7-1.7-7.7L88.5,233z"/> <linearGradient id="leaves_1_16_" gradientUnits="userSpaceOnUse" x1="922.1283" y1="-39.1758" x2="979.32" y2="-39.1758" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_16_);" d="M150.8,180.2c0,0-35.3,73.1-48,88.4c-16.1,19.5-7.2-27-1.5-39.2C107.1,216.8,127,190.7,150.8,180.2"/> <linearGradient id="leaves_1_17_" gradientUnits="userSpaceOnUse" x1="911.63" y1="-107.0079" x2="924.0848" y2="-107.0079" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_17_);" d="M95.1,272.5c0,0,0.5-1.3,0.4-0.7c-1.2,5.8-10.4,38-10.4,44.1c0,6.7-2-9.1-2-9.1L95.1,272.5z"/> <linearGradient id="leaves_1_18_" gradientUnits="userSpaceOnUse" x1="932.3547" y1="-75.9644" x2="996.04" y2="-75.9644" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_18_);" d="M167.5,216.4c0,0-42.9,74.7-55.6,90c-16.1,19.5-4.1-32.9,1.6-45.1C119.3,248.7,143.7,226.9,167.5,216.4"/> <linearGradient id="leaves_1_19_" gradientUnits="userSpaceOnUse" x1="918.71" y1="-149.7276" x2="934.4689" y2="-149.7276" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop1"/> </linearGradient> <path style="fill:url(#leaves_1_19_);" d="M105.7,310.1c0,0,0.3-0.7,0.2,0c-1.4,7-13,45.2-13.2,52.6c-0.2,8.1-2.5-10.7-2.5-10.7L105.7,310.1z"/> <linearGradient id="leaves_1_20_" gradientUnits="userSpaceOnUse" x1="939.1362" y1="-115.2169" x2="1017.73" y2="-115.2169" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_20_);" d="M189.2,261.8c0,0-16.8,26.7-36,48.4c-12.9,14.5-28.7,25-34.8,30.2c-19.4,16.2,3-30.9,10.8-41.9 C137.1,287.2,163.9,267.9,189.2,261.8"/> <linearGradient id="leaves_1_21_" gradientUnits="userSpaceOnUse" x1="924.03" y1="-182.8287" x2="940.1389" y2="-182.8287" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_21_);" d="M111.4,342.6c0,0,0.3-0.7,0.2,0c-1.4,7-13.8,48.3-13.7,55.7c0,1.8-2.4-13.5-2.4-13.5L111.4,342.6z"/> <linearGradient id="leaves_1_22_" gradientUnits="userSpaceOnUse" x1="936.6665" y1="-162.3176" x2="1024.25" y2="-162.3176" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_22_);" d="M195.7,303.5c0,0-18.8,30.1-40.3,54.6c-14.4,16.4-31.9,28.4-38.8,34.2c-21.6,18.4,3.7-34.5,12.5-47 C138,332.6,167.8,310.7,195.7,303.5"/> <linearGradient id="leaves_1_23_" gradientUnits="userSpaceOnUse" x1="933.8326" y1="-209.6891" x2="1041.46" y2="-209.6891" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_23_);" d="M212.9,373.6c0,0-33.7,14.9-58.4,30.1c-28.9,17.8-33.8,19.6-41.7,21.1c-25.1,4.7,19.7-42.9,31.8-48.9 C157,369.8,186.8,365.9,212.9,373.6"/> <linearGradient id="leaves_1_24_" gradientUnits="userSpaceOnUse" x1="928.19" y1="-219.0642" x2="937.57" y2="-219.0642" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_24_);" d="M108.4,396.3c0.2-0.5,0.4-1,0.7-1.4c-0.9,3.6-8.7,19.5-8,23.5c0.2,0.9-1.4-6.9-1.4-6.9L108.4,396.3z"/> <linearGradient id="leaves_1_25_" gradientUnits="userSpaceOnUse" x1="929.52" y1="-239.7489" x2="937.4828" y2="-239.7489" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_25_);" d="M108.4,422.3c0,0,0.6-0.8,0.6-0.7c-0.6,1.8-7.1,9.2-6.1,11.2c0.2,0.5-1.9-3.6-1.9-3.6L108.4,422.3z"/> <linearGradient id="leaves_1_26_" gradientUnits="userSpaceOnUse" x1="856.19" y1="129.465" x2="876.15" y2="129.465" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_26_);" d="M27.7,30.4c0,0,12.2,44.7,20,55.4C47.7,85.8,46.9,57.9,27.7,30.4"/> <linearGradient id="leaves_1_27_" gradientUnits="userSpaceOnUse" x1="842.54" y1="119.265" x2="871.61" y2="119.265" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_27_);" d="M14,48.8c0,0,20.5,34,29.1,39C43.1,87.8,35.5,62.2,14,48.8"/> <linearGradient id="leaves_1_28_" gradientUnits="userSpaceOnUse" x1="870.8898" y1="139.31" x2="881.5598" y2="139.31" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_28_);" d="M42.9,13c0,0-3,53.7,5.1,70.5C48.1,83.5,62.2,55.9,42.9,13"/> <linearGradient id="leaves_1_29_" gradientUnits="userSpaceOnUse" x1="839.29" y1="89.3294" x2="874.9008" y2="89.3294" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_29_);" d="M10.8,67.8c0,0,24.2,44.3,31.4,56.6c1.7,2.9,2.8,4.1,3.5,4.1c1.9,0.1-0.2-10.2-2.4-17.2 C40.4,102.2,27.3,75,10.8,67.8"/> <linearGradient id="leaves_1_30_" gradientUnits="userSpaceOnUse" x1="874.1589" y1="42.3724" x2="887.4371" y2="42.3724" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_30_);" d="M45.7,127.7c0,0-0.2-0.2,0,0.2c1.7,4.1,11.8,29.1,12.8,33.6c1.1,4.9-0.6-6.6-0.6-6.6L45.7,127.7z"/> <linearGradient id="leaves_1_31_" gradientUnits="userSpaceOnUse" x1="871.1975" y1="86.9303" x2="880.1907" y2="86.9303" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_31_);" d="M43,87.3c0,0-0.3-0.1-0.2,0c2.1,3.8,7.5,20.8,8.5,25.2c1.1,4.9-0.3-4.1-0.3-4.1L43,87.3z"/> <linearGradient id="leaves_1_32_" gradientUnits="userSpaceOnUse" x1="840" y1="60.5921" x2="879.2978" y2="60.5921" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_32_);" d="M11.5,88.3c0,0,24.2,60.4,33.5,72.9c11.8,16,2.6-17.4-0.2-23.3S27.7,97.8,11.5,88.3"/> <linearGradient id="leaves_1_33_" gradientUnits="userSpaceOnUse" x1="871.1975" y1="86.9303" x2="880.1907" y2="86.9303" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_33_);" d="M43,87.3c0,0-0.3-0.1-0.2,0c2.1,3.8,7.5,20.8,8.5,25.2c1.1,4.9-0.3-4.1-0.3-4.1L43,87.3z"/> <linearGradient id="leaves_1_34_" gradientUnits="userSpaceOnUse" x1="877.97" y1="4.8641" x2="892.7" y2="4.8641" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_34_);" d="M49.5,163.2c0,0-0.2-0.2,0,0.2c1.8,4.6,13,32.5,14.2,37.5c1.3,5.4-0.9-7.2-0.9-7.2L49.5,163.2z"/> <linearGradient id="leaves_1_35_" gradientUnits="userSpaceOnUse" x1="828.5001" y1="27.0189" x2="882.5538" y2="27.0189" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_35_);" d="M0,119.1c0,0,36,66.2,47.5,79c14.6,16.4,0.6-23.2-3.3-29.5S17.6,126.8,0,119.1"/> <linearGradient id="leaves_1_36_" gradientUnits="userSpaceOnUse" x1="881.3343" y1="-32.6732" x2="897.9343" y2="-32.6732" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_36_);" d="M53.3,201.1c0,0-0.6-1.1-0.4-0.6c2,5.1,14.7,32.5,16,38.1c1.5,6.1-0.6-7.1-0.6-7.1L53.3,201.1z"/> <linearGradient id="leaves_1_37_" gradientUnits="userSpaceOnUse" x1="828.83" y1="-10.6515" x2="887.1131" y2="-10.6515" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_37_);" d="M0.3,155.4c0,0,40.3,67.7,52.2,81.5c15.1,17.6-1.8-26.3-8.4-37.6C37.4,187.6,18.2,163.9,0.3,155.4"/> <linearGradient id="leaves_1_38_" gradientUnits="userSpaceOnUse" x1="886.4118" y1="-73.0489" x2="903.9718" y2="-73.0489" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_38_);" d="M58.4,240.2c0,0-0.7-1.2-0.5-0.7c2.2,5.5,15.5,34.7,17,40.6c1.6,6.5-0.8-7.5-0.8-7.5L58.4,240.2z"/> <linearGradient id="leaves_1_39_" gradientUnits="userSpaceOnUse" x1="834" y1="-48.8715" x2="892.2831" y2="-48.8715" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_39_);" d="M5.5,193.6c0,0,40.3,67.7,52.2,81.5c15.1,17.6-1.8-26.3-8.4-37.6C42.5,225.8,23.4,202.1,5.5,193.6"/> <linearGradient id="leaves_1_40_" gradientUnits="userSpaceOnUse" x1="891.6118" y1="-111.7109" x2="909.5119" y2="-111.7109" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_40_);" d="M63.6,278.4c0,0-0.7-1.2-0.5-0.7c2.2,5.5,15.8,35.7,17.3,41.6c1.6,6.5-0.9-8.8-0.9-8.8L63.6,278.4z"/> <linearGradient id="leaves_1_41_" gradientUnits="userSpaceOnUse" x1="831.92" y1="-84.9629" x2="894.8309" y2="-84.9629" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_41_);" d="M3.4,229.3c0,0,45.6,68.8,57.5,82.6c15.1,17.6-5.2-31.7-11.8-43.1C42.3,257.2,21.3,237.8,3.4,229.3"/> <linearGradient id="leaves_1_42_" gradientUnits="userSpaceOnUse" x1="894.0619" y1="-153.1861" x2="915.9883" y2="-153.1861" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_42_);" d="M65.8,315.2c0,0-0.4-0.6-0.2,0c2.6,6.6,19.2,42.5,21.1,49.5c2.1,7.7-0.9-10.4-0.9-10.4L65.8,315.2z"/> <linearGradient id="leaves_1_43_" gradientUnits="userSpaceOnUse" x1="828.78" y1="-123.412" x2="898.7858" y2="-123.412" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_43_);" d="M0.3,274.2c0,0,17.2,24.5,34.9,44c11.8,13.1,24.6,22.2,29.7,26.7c16.4,14.3-9.3-29.4-17-39.5 C40,295.1,18.1,278.4,0.3,274.2"/> <linearGradient id="leaves_1_44_" gradientUnits="userSpaceOnUse" x1="898.1819" y1="-185.2564" x2="920.5104" y2="-185.2564" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_44_);" d="M69.9,346.6c0,0-0.4-0.6-0.2,0c2.6,6.6,20.5,45.4,22.2,52.5c0.4,1.7-1.7-13.1-1.7-13.1L69.9,346.6z"/> <linearGradient id="leaves_1_45_" gradientUnits="userSpaceOnUse" x1="834.54" y1="-168.7363" x2="912.8962" y2="-168.7363" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_45_);" d="M6,314.7c0,0,19.4,27.6,39.2,49.7c13.3,14.8,27.5,25.1,33.2,30.3c18.3,16.3-10.7-32.8-19.3-44.2 C50.3,338.8,25.8,319.8,6,314.7"/> <linearGradient id="leaves_1_46_" gradientUnits="userSpaceOnUse" x1="840.19" y1="-213.4952" x2="921.4337" y2="-213.4952" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_46_);" d="M11.7,382.9c0,0,25.4,12.1,44.9,25.1c23,15.2,26.5,16.6,32,17.5c17.3,2.9-23-39.8-32.3-44.8 C46.9,375.6,26.7,373.8,11.7,382.9"/> <linearGradient id="leaves_1_47_" gradientUnits="userSpaceOnUse" x1="912.4155" y1="-220.0063" x2="923.2411" y2="-220.0063" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_47_);" d="M84.7,397.8c0,0-0.9-1.6-0.8-1.3c1.4,3.4,10.3,18.1,10.8,22c0.1,0.9-0.8-6.7-0.8-6.7L84.7,397.8z"/> <linearGradient id="leaves_1_48_" gradientUnits="userSpaceOnUse" x1="918.8943" y1="-239.8698" x2="925.8699" y2="-239.8698" gradientTransform="matrix(1 0 0 -1 -828.51 187.55)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_48_);" d="M90.9,422.8c0,0-0.6-0.8-0.5-0.6c0.8,1.7,6.8,8.3,6.6,10.4c0,0.5,0.3-3.6,0.3-3.6L90.9,422.8z"/> <linearGradient id="leaves_1_49_" gradientUnits="userSpaceOnUse" x1="807.4245" y1="-242.4068" x2="816.3034" y2="-242.4068" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_49_);" d="M103.2,125.7c0,0,14.2,33,23.5,38.6C126.7,164.3,126,140.8,103.2,125.7"/> <linearGradient id="leaves_1_50_" gradientUnits="userSpaceOnUse" x1="783.5568" y1="-249.9048" x2="807.3554" y2="-249.9048" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_50_);" d="M86.7,147.7c0,0,24.3,20,34.6,20.4C121.2,168.1,112.3,149.5,86.7,147.7"/> <linearGradient id="leaves_1_51_" gradientUnits="userSpaceOnUse" x1="814.5445" y1="-235.107" x2="835.1508" y2="-235.107" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_51_);" d="M121.8,103.9c0,0-4.1,47.5,5.5,58.4C127.2,162.2,144.5,132.1,121.8,103.9"/> <linearGradient id="leaves_1_52_" gradientUnits="userSpaceOnUse" x1="772.7645" y1="-273.4485" x2="799.4199" y2="-273.4485" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_52_);" d="M82.6,165.5c0,0,28.6,27.2,37.2,34.5c2,1.7,3.3,2.3,4.1,2c2.3-0.8-0.1-8.7-2.7-13.7 C117.8,181.7,102.3,164.3,82.6,165.5"/> <linearGradient id="leaves_1_53_" gradientUnits="userSpaceOnUse" x1="796.7345" y1="-311.7993" x2="803.0145" y2="-311.7993" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_53_);" d="M124,201.3c0,0-0.2-0.1,0,0.1c2,2.8,13.9,19.7,15.1,23.1c1.3,3.7-0.7-5.4-0.7-5.4L124,201.3z"/> <linearGradient id="leaves_1_54_" gradientUnits="userSpaceOnUse" x1="806.9545" y1="-276.428" x2="810.2245" y2="-276.428" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_54_);" d="M121,167.8c0,0-0.4,0-0.3,0.1c2.5,2.3,8.8,14.5,10,17.9c1.3,3.7-0.3-3.4-0.3-3.4L121,167.8z"/> <linearGradient id="leaves_1_55_" gradientUnits="userSpaceOnUse" x1="766.6172" y1="-296.2063" x2="792.8561" y2="-296.2063" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_55_);" d="M83.2,182.9c0,0,28.5,41,39.5,47.6c14,8.4,3.2-16.1,0-19.9S102.8,183.7,83.2,182.9"/> <linearGradient id="leaves_1_56_" gradientUnits="userSpaceOnUse" x1="806.9545" y1="-276.428" x2="810.2245" y2="-276.428" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_56_);" d="M121,167.8c0,0-0.4,0-0.3,0.1c2.5,2.3,8.8,14.5,10,17.9c1.3,3.7-0.3-3.4-0.3-3.4L121,167.8z"/> <linearGradient id="leaves_1_57_" gradientUnits="userSpaceOnUse" x1="789.3145" y1="-341.5836" x2="795.9845" y2="-341.5836" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_57_);" d="M128.2,230.1c0,0-0.2-0.1,0,0.1c2.2,3.1,15.3,22.1,16.8,25.8c1.5,4.1-1-5.8-1-5.8L128.2,230.1z"/> <linearGradient id="leaves_1_58_" gradientUnits="userSpaceOnUse" x1="741.147" y1="-322.4605" x2="783.7211" y2="-322.4605" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_58_);" d="M69.1,214.5c0,0,42.7,40.7,56.4,46.5c17.4,7.5,1-20.2-3.7-23.9S90.2,213.2,69.1,214.5"/> <linearGradient id="leaves_1_59_" gradientUnits="userSpaceOnUse" x1="780.7345" y1="-371.3849" x2="789.7897" y2="-371.3849" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_59_);" d="M132.4,261c0,0-0.7-0.7-0.5-0.3c2.4,3.5,17.3,21.3,18.9,25.5c1.7,4.6-0.7-5.8-0.7-5.8L132.4,261z"/> <linearGradient id="leaves_1_60_" gradientUnits="userSpaceOnUse" x1="728.9973" y1="-352.1736" x2="775.5773" y2="-352.1736" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_60_);" d="M69.1,245.5c0,0,47.8,40,62,46.6c18,8.3-1.9-21.8-9.7-28.6C113.4,256.5,90.6,244.8,69.1,245.5"/> <linearGradient id="leaves_1_61_" gradientUnits="userSpaceOnUse" x1="773.6945" y1="-403.4827" x2="782.9992" y2="-403.4827" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_61_);" d="M138.1,292.3c0,0-0.8-0.7-0.5-0.4c2.6,3.7,18.3,22.9,20,27.3c1.9,4.8-0.8-6.1-0.8-6.1L138.1,292.3z"/> <linearGradient id="leaves_1_62_" gradientUnits="userSpaceOnUse" x1="722.387" y1="-382.5921" x2="768.967" y2="-382.5921" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_62_);" d="M75,276.1c0,0,47.8,40,62,46.6c18,8.3-1.9-21.8-9.7-28.6C119.3,287.1,96.5,275.4,75,276.1"/> <linearGradient id="leaves_1_63_" gradientUnits="userSpaceOnUse" x1="767.1045" y1="-434.2212" x2="776.8345" y2="-434.2212" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_63_);" d="M144,322.8c0,0-0.8-0.7-0.5-0.4c2.6,3.7,18.7,23.6,20.4,28c1.9,4.8-1-7.2-1-7.2L144,322.8z"/> <linearGradient id="leaves_1_64_" gradientUnits="userSpaceOnUse" x1="707.2979" y1="-411.006" x2="759.3211" y2="-411.006" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_64_);" d="M72.1,307.8c0,0,54.2,38.6,68.3,45.1c18,8.3-6-24.9-13.8-31.7C118.6,314.2,93.6,307.1,72.1,307.8"/> <linearGradient id="leaves_1_65_" gradientUnits="userSpaceOnUse" x1="757.3045" y1="-467.1039" x2="769.6833" y2="-467.1039" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_65_);" d="M146.3,353.5c0,0-0.5-0.4-0.2,0c3,4.5,22.7,27.8,24.9,33.1c2.4,5.7-1-8.5-1-8.5L146.3,353.5z"/> <linearGradient id="leaves_1_66_" gradientUnits="userSpaceOnUse" x1="687.6519" y1="-441.3247" x2="752.6353" y2="-441.3247" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_66_);" d="M67.9,347.8c0,0,20.5,13.3,41.5,22.1c14.1,5.9,29.3,8,35.5,9.5c19.6,4.9-10.9-21.1-20.1-26.3 C115.5,347.9,89.3,343.4,67.9,347.8"/> <linearGradient id="leaves_1_67_" gradientUnits="userSpaceOnUse" x1="751.6645" y1="-492.6006" x2="764.3286" y2="-492.6006" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_67_);" d="M150.9,378.7c0,0-0.5-0.4-0.2,0c3,4.5,24.2,29.8,26.2,35.1c0.5,1.3-1.9-10.5-1.9-10.5L150.9,378.7z"/> <linearGradient id="leaves_1_68_" gradientUnits="userSpaceOnUse" x1="681.045" y1="-477.5146" x2="753.4119" y2="-477.5146" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_68_);" d="M74.4,380c0,0,23,15,46.6,25.1c15.8,6.8,32.8,9.2,39.7,11c21.9,5.7-12.5-23.4-22.8-29.3 C127.4,380.8,98.2,375.5,74.4,380"/> <linearGradient id="leaves_1_69_" gradientUnits="userSpaceOnUse" x1="664.6504" y1="-513.7837" x2="755.0903" y2="-513.7837" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_69_);" d="M80.6,436.1c0,0,30.4-1,53.8,1.3c27.5,2.7,31.8,2.3,38.3,0.6c20.8-5.4-27.3-23.9-38.3-24 C123,413.9,98.8,421.5,80.6,436.1"/> <linearGradient id="leaves_1_70_" gradientUnits="userSpaceOnUse" x1="752.5445" y1="-520.4308" x2="760.1266" y2="-520.4308" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_70_);" d="M168.2,416.1c0,0-1.1-1-0.9-0.8c1.7,2.3,12.2,10.9,12.8,14c0.1,0.7-0.9-5.4-0.9-5.4L168.2,416.1z"/> <linearGradient id="leaves_1_71_" gradientUnits="userSpaceOnUse" x1="751.9545" y1="-536.3401" x2="758.5345" y2="-536.3401" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_71_);" d="M175.4,434.7c0,0-0.7-0.4-0.6-0.3c0.9,1.1,8,4.1,7.9,5.9c0,0.4,0.5-3.2,0.5-3.2L175.4,434.7z"/> <linearGradient id="leaves_1_72_" gradientUnits="userSpaceOnUse" x1="812.5545" y1="-251.9545" x2="830.9321" y2="-251.9545" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_72_);" d="M129,126.2c0,0,3,36.3-0.1,46.5C128.9,172.7,121.8,152.5,129,126.2"/> <linearGradient id="leaves_1_73_" gradientUnits="userSpaceOnUse" x1="816.3669" y1="-259.6644" x2="842.1088" y2="-259.6644" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_73_);" d="M144.7,134.6c0,0-6.5,31.5-11.8,38C133,172.6,131.8,151.7,144.7,134.6"/> <linearGradient id="leaves_1_74_" gradientUnits="userSpaceOnUse" x1="808.6345" y1="-244.4994" x2="818.4686" y2="-244.4994" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_74_);" d="M112.3,119c0,0,17.3,37.4,15.7,52.3C127.9,171.3,109.3,156.4,112.3,119"/> <linearGradient id="leaves_1_75_" gradientUnits="userSpaceOnUse" x1="812.6077" y1="-282.6272" x2="844.4031" y2="-282.6272" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_75_);" d="M152.6,147.1c0,0-6.5,40.1-8.6,51.4c-0.5,2.7-1,3.9-1.5,4.2c-1.5,0.8-2.7-7.4-2.9-13.1 C139.1,182,141.7,158,152.6,147.1"/> <linearGradient id="leaves_1_76_" gradientUnits="userSpaceOnUse" x1="801.0139" y1="-319.0023" x2="813.1938" y2="-319.0023" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_76_);" d="M142.1,202.1c0,0,0.1-0.2,0,0.1c-0.2,3.5-1.1,24.9-0.6,28.5c0.5,3.9-1.3-4.9-1.3-4.9L142.1,202.1z"/> <linearGradient id="leaves_1_77_" gradientUnits="userSpaceOnUse" x1="808.4145" y1="-284.7198" x2="816.7345" y2="-284.7198" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_77_);" d="M133,172.2c0,0,0.2-0.2,0.2-0.1c-0.6,3.5,0,17.5,0.4,21c0.5,3.9-0.9-3-0.9-3L133,172.2z"/> <linearGradient id="leaves_1_78_" gradientUnits="userSpaceOnUse" x1="807.9468" y1="-304.7165" x2="843.2651" y2="-304.7165" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_78_);" d="M157.7,162c0,0-2,51.6-5.7,63.8c-4.7,15.5-6.8-11.6-6.3-16.7S147.7,174.5,157.7,162"/> <linearGradient id="leaves_1_79_" gradientUnits="userSpaceOnUse" x1="808.4145" y1="-284.7198" x2="816.7345" y2="-284.7198" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_79_);" d="M133,172.2c0,0,0.2-0.2,0.2-0.1c-0.6,3.5,0,17.5,0.4,21c0.5,3.9-0.9-3-0.9-3L133,172.2z"/> <linearGradient id="leaves_1_80_" gradientUnits="userSpaceOnUse" x1="795.5545" y1="-347.8563" x2="809.0745" y2="-347.8563" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_80_);" d="M149,228.8c0,0,0.1-0.2,0,0.1c-0.2,3.9-1.1,27.8-0.6,31.8c0.5,4.3-1.3-5.5-1.3-5.5L149,228.8z"/> <linearGradient id="leaves_1_81_" gradientUnits="userSpaceOnUse" x1="804.2846" y1="-330.4638" x2="852.3113" y2="-330.4638" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_81_);" d="M175.2,180c0,0-9.6,59.9-14.9,73.1c-6.8,16.8-6.9-16.4-5.7-22.2S163.7,191.7,175.2,180"/> <linearGradient id="leaves_1_82_" gradientUnits="userSpaceOnUse" x1="790.1545" y1="-376.7482" x2="805.2767" y2="-376.7482" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_82_);" d="M156.6,257.2c0,0,0.2-1,0.2-0.6c-0.2,4.4-2.4,28.4-1.9,32.8c0.5,4.9-1.5-5.3-1.5-5.3L156.6,257.2z"/> <linearGradient id="leaves_1_83_" gradientUnits="userSpaceOnUse" x1="799.4353" y1="-359.3909" x2="851.1393" y2="-359.3909" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_83_);" d="M185.1,206.1c0,0-12.5,62.5-17.9,76.5c-6.8,17.8-5.9-19.4-4-29.9C165.2,242.1,173.5,218.5,185.1,206.1"/> <linearGradient id="leaves_1_84_" gradientUnits="userSpaceOnUse" x1="783.9924" y1="-407.8352" x2="799.9924" y2="-407.8352" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_84_);" d="M163.6,287c0,0,0.2-1.1,0.2-0.7c-0.2,4.7-2.4,30.2-1.9,35c0.5,5.2-1.5-5.6-1.5-5.6L163.6,287z"/> <linearGradient id="leaves_1_85_" gradientUnits="userSpaceOnUse" x1="794.0554" y1="-388.8126" x2="845.7633" y2="-388.8126" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_85_);" d="M191.7,235.3c0,0-12.5,62.5-17.9,76.5c-6.8,17.8-5.9-19.4-4-29.9C171.8,271.2,180.1,247.6,191.7,235.3"/> <linearGradient id="leaves_1_86_" gradientUnits="userSpaceOnUse" x1="778.2845" y1="-437.5716" x2="794.5988" y2="-437.5716" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_86_);" d="M170.2,316.1c0,0,0.2-1.1,0.2-0.7c-0.2,4.7-2.4,31.1-1.9,35.8c0.5,5.2-1.8-6.6-1.8-6.6L170.2,316.1z"/> <linearGradient id="leaves_1_87_" gradientUnits="userSpaceOnUse" x1="790.985" y1="-416.5074" x2="846.6667" y2="-416.5074" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_87_);" d="M203.3,260.1c0,0-16.3,65.1-21.7,79.1c-6.8,17.8-4.8-24.5-2.8-35C180.8,293.5,191.8,272.4,203.3,260.1"/> <linearGradient id="leaves_1_88_" gradientUnits="userSpaceOnUse" x1="771.6345" y1="-469.4666" x2="791.5856" y2="-469.4666" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_88_);" d="M178.7,343.2c0,0,0.1-0.6,0.1-0.1c-0.2,5.6-3.1,37.1-2.6,42.8c0.5,6.2-2.2-7.8-2.2-7.8L178.7,343.2z"/> <linearGradient id="leaves_1_89_" gradientUnits="userSpaceOnUse" x1="786.79" y1="-446.0863" x2="848.2153" y2="-446.0863" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_89_);" d="M218.2,291.2c-4.2,14.8-9.2,29.3-14.9,43.6c-5.6,13.5-12.9,24.4-15.7,29.4c-8.8,16-0.9-24.3,2.2-34.2 C193.2,320,205.6,300.4,218.2,291.2"/> <linearGradient id="leaves_1_90_" gradientUnits="userSpaceOnUse" x1="766.9645" y1="-494.1397" x2="787.2951" y2="-494.1397" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_90_);" d="M184.3,367.2c0,0,0.1-0.6,0.1-0.1c-0.2,5.6-3.3,39.6-2.7,45.2c0.2,1.3-2.3-10-2.3-10L184.3,367.2z"/> <linearGradient id="leaves_1_91_" gradientUnits="userSpaceOnUse" x1="773.5372" y1="-480.9832" x2="842.2979" y2="-480.9832" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_91_);" d="M225,322.1c0,0-7.4,26.5-16.6,49.2c-6.2,15.2-14.3,27.5-17.4,33.2c-9.7,18-0.8-27.2,2.7-38.3 C197.4,354.8,211.1,332.7,225,322.1"/> <linearGradient id="leaves_1_92_" gradientUnits="userSpaceOnUse" x1="765.5634" y1="-515.5816" x2="835.7769" y2="-515.5816" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_92_);" d="M239.6,372.9c0,0-16.3,17.5-28,33.6c-13.6,18.9-16,21.1-20,23.7c-12.7,8.1,6.8-36.5,12.6-43.3 C210.2,379.9,225.3,371.6,239.6,372.9"/> <linearGradient id="leaves_1_93_" gradientUnits="userSpaceOnUse" x1="764.1545" y1="-520.9358" x2="773.9195" y2="-520.9358" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_93_);" d="M187,409c0,0,0.3-1.5,0.2-1.2c-0.2,2.9-3,16.5-2.3,19.5c0.2,0.7-1.3-5.1-1.3-5.1L187,409z"/> <linearGradient id="leaves_1_94_" gradientUnits="userSpaceOnUse" x1="761.6445" y1="-536.2606" x2="767.7545" y2="-536.2606" gradientTransform="matrix(0.9196 -0.3928 -0.3928 -0.9196 -725.7314 240.5585)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_94_);" d="M189.2,429c0,0,0.3-0.7,0.2-0.6c-0.2,1.5-2.9,8.3-2.3,9.7c0.2,0.3-1.3-2.4-1.3-2.4L189.2,429z"/> <linearGradient id="leaves_1_95_" gradientUnits="userSpaceOnUse" x1="1084.1536" y1="375.0045" x2="1130.8022" y2="375.0045" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.8539 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <polygon style="fill:url(#leaves_1_95_);" points="277.8,223.9 189.8,437.5 185.3,433.5 "/> <linearGradient id="leaves_1_96_" gradientUnits="userSpaceOnUse" x1="1082.2332" y1="506.4463" x2="1091.6232" y2="506.4463" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_96_);" d="M304.5,197.8c0,0-17.4,23.5-26.6,26C277.9,223.8,281.5,204.9,304.5,197.8"/> <linearGradient id="leaves_1_97_" gradientUnits="userSpaceOnUse" x1="1090.3167" y1="500.4941" x2="1114.0029" y2="500.4941" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_97_);" d="M316.9,219.3c0,0-25,10.8-34.5,8.8C282.4,228.1,293,215.1,316.9,219.3"/> <linearGradient id="leaves_1_98_" gradientUnits="userSpaceOnUse" x1="1065.1276" y1="512.1846" x2="1083.6731" y2="512.1846" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_98_);" d="M290.2,176c0,0-2.4,39.4-12.6,46C277.6,222,265.5,193.8,290.2,176"/> <linearGradient id="leaves_1_99_" gradientUnits="userSpaceOnUse" x1="1097.1632" y1="481.4989" x2="1123.7772" y2="481.4989" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_99_);" d="M318.4,234.7c0,0-29.9,15.7-38.8,19.7c-2.1,0.9-3.4,1.1-4,0.7c-2.1-1.1,1.2-7,4.2-10.5 C283.8,240,300.4,229.3,318.4,234.7"/> <linearGradient id="leaves_1_100_" gradientUnits="userSpaceOnUse" x1="1092.7432" y1="450.0753" x2="1099.4215" y2="450.0753" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_100_);" d="M275.6,254.4c0,0,0.2-0.1,0,0.1c-2.2,1.8-15.4,12.9-16.9,15.3c-1.7,2.7,1.3-4.2,1.3-4.2L275.6,254.4z"/> <linearGradient id="leaves_1_101_" gradientUnits="userSpaceOnUse" x1="1087.0132" y1="478.7366" x2="1090.6648" y2="478.7366" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_101_);" d="M282.6,227.9c0,0,0.4,0.1,0.3,0.2c-2.6,1.3-10,9.8-11.6,12.2c-1.7,2.7,0.7-2.7,0.7-2.7L282.6,227.9z"/> <linearGradient id="leaves_1_102_" gradientUnits="userSpaceOnUse" x1="1102.624" y1="463.0234" x2="1129.1923" y2="463.0234" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_102_);" d="M315.5,248.5c0,0-31.6,26.9-42.6,29.8c-14,3.7-0.9-13.8,2.6-16.1S297.4,244.9,315.5,248.5"/> <linearGradient id="leaves_1_103_" gradientUnits="userSpaceOnUse" x1="1087.0132" y1="478.7366" x2="1090.6648" y2="478.7366" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_103_);" d="M282.6,227.9c0,0,0.4,0.1,0.3,0.2c-2.6,1.3-10,9.8-11.6,12.2c-1.7,2.7,0.7-2.7,0.7-2.7L282.6,227.9z"/> <linearGradient id="leaves_1_104_" gradientUnits="userSpaceOnUse" x1="1098.4932" y1="425.9214" x2="1105.6132" y2="425.9214" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_104_);" d="M267.9,276.8c0,0,0.2-0.1,0,0.1c-2.4,2-17,14.5-18.8,17.2c-1.9,3,1.7-4.5,1.7-4.5L267.9,276.8z"/> <linearGradient id="leaves_1_105_" gradientUnits="userSpaceOnUse" x1="1110.2832" y1="441.9345" x2="1152.6903" y2="441.9345" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_105_);" d="M324.5,277.3c0,0-44.6,23.4-58,25.1c-17,2.2,1.7-16.6,6.5-18.5S305.2,271.6,324.5,277.3"/> <linearGradient id="leaves_1_106_" gradientUnits="userSpaceOnUse" x1="1103.4731" y1="401.7565" x2="1112.8815" y2="401.7565" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_106_);" d="M260.1,300.9c0,0,0.8-0.4,0.5-0.2c-2.7,2.3-18.8,13.4-20.7,16.5c-2.2,3.3,1.4-4.5,1.4-4.5L260.1,300.9z"/> <linearGradient id="leaves_1_107_" gradientUnits="userSpaceOnUse" x1="1117.0432" y1="417.8441" x2="1163.4382" y2="417.8441" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_107_);" d="M320.5,302.5c0,0-49.3,21.8-63.2,23.9c-17.7,2.7,4.6-17.2,12.7-21C278.3,301.5,300.8,297.1,320.5,302.5"/> <linearGradient id="leaves_1_108_" gradientUnits="userSpaceOnUse" x1="1108.9331" y1="375.7136" x2="1118.6332" y2="375.7136" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_108_);" d="M250.8,325c0,0,0.8-0.4,0.6-0.2c-2.8,2.5-19.8,14.5-22,17.7c-2.3,3.5,1.6-4.8,1.6-4.8L250.8,325z"/> <linearGradient id="leaves_1_109_" gradientUnits="userSpaceOnUse" x1="1122.4296" y1="393.1689" x2="1168.8246" y2="393.1689" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_109_);" d="M311.1,325.9c0,0-49.3,21.8-63.2,23.9c-17.7,2.7,4.6-17.2,12.7-21C268.9,325,291.4,320.5,311.1,325.9"/> <linearGradient id="leaves_1_110_" gradientUnits="userSpaceOnUse" x1="1113.8732" y1="350.787" x2="1123.9806" y2="350.787" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_110_);" d="M241.4,348.4c0,0,0.8-0.4,0.6-0.2c-2.8,2.5-20.3,14.9-22.4,18.1c-2.3,3.5,1.8-5.6,1.8-5.6L241.4,348.4z"/> <linearGradient id="leaves_1_111_" gradientUnits="userSpaceOnUse" x1="1130.72" y1="370.1981" x2="1182.3771" y2="370.1981" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_111_);" d="M309.7,352.2c0,0-54.9,19.2-68.8,21.4c-17.7,2.7,8.7-18.9,16.8-22.6C266,347.1,290,346.8,309.7,352.2"/> <linearGradient id="leaves_1_112_" gradientUnits="userSpaceOnUse" x1="1119.6317" y1="324.1161" x2="1132.4117" y2="324.1161" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_112_);" d="M235.3,372.7c0,0,0.5-0.2,0.2,0.1c-3.4,3-24.5,17.5-27.2,21.2c-3,4.1,2-6.7,2-6.7L235.3,372.7z"/> <linearGradient id="leaves_1_113_" gradientUnits="userSpaceOnUse" x1="1136.1692" y1="345.6651" x2="1199.9523" y2="345.6651" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_113_);" d="M308.4,385.5c-13.5,3.9-27.2,6.8-41.2,8.7c-13.8,1.7-28.1-0.1-34-0.2c-18.7-0.4,12.8-14.6,21.9-16.8 C264.4,375,289.2,377.2,308.4,385.5"/> <linearGradient id="leaves_1_114_" gradientUnits="userSpaceOnUse" x1="1123.9232" y1="303.4452" x2="1136.9928" y2="303.4452" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_114_);" d="M227.8,392.1c0,0,0.5-0.2,0.2,0.1c-3.4,3-26.2,18.7-28.7,22.6c-0.6,0.9,3.1-8.1,3.1-8.1L227.8,392.1z"/> <linearGradient id="leaves_1_115_" gradientUnits="userSpaceOnUse" x1="1134.2399" y1="316.2439" x2="1205.2964" y2="316.2439" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_115_);" d="M298.2,410.2c0,0-23.2,7-46.2,9.9c-15.4,2-31.4,0.2-38,0.1c-20.9-0.2,14.6-16.2,24.8-18.7 C249.2,399,276.9,401.2,298.2,410.2"/> <linearGradient id="leaves_1_116_" gradientUnits="userSpaceOnUse" x1="1131.9447" y1="286.6473" x2="1219.2628" y2="286.6473" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_116_);" d="M285.3,454.2c0,0-27.9-7.6-49.8-10.9c-25.7-3.9-29.6-5.2-35.4-8c-18.5-9,28.3-13.2,38.5-10.9 C249,426.8,270.4,438.3,285.3,454.2"/> <linearGradient id="leaves_1_117_" gradientUnits="userSpaceOnUse" x1="1127.3031" y1="280.8231" x2="1134.9199" y2="280.8231" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_117_);" d="M207,418.5c0,0,1.1-0.6,1-0.4c-1.8,1.5-12.7,6.1-13.6,8.5c-0.2,0.6,1.5-4.2,1.5-4.2L207,418.5z"/> <linearGradient id="leaves_1_118_" gradientUnits="userSpaceOnUse" x1="1128.3932" y1="267.8732" x2="1134.8531" y2="267.8732" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_118_);" d="M197.9,432c0,0,0.7-0.2,0.6-0.1c-1,0.7-8,1.5-8,3.1c0,0.4,0-2.7,0-2.7L197.9,432z"/> <linearGradient id="leaves_1_119_" gradientUnits="userSpaceOnUse" x1="1068.8932" y1="498.488" x2="1085.0961" y2="498.488" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_119_);" d="M280.6,192.5c0,0-7.4,28.7-5.9,37.7C274.7,230.2,283.9,215.4,280.6,192.5"/> <linearGradient id="leaves_1_120_" gradientUnits="userSpaceOnUse" x1="1057.8231" y1="492.1317" x2="1081.415" y2="492.1317" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_120_);" d="M265,195.8c0,0,1.9,26.9,5.9,33.4C273,217.7,270.9,205.9,265,195.8"/> <linearGradient id="leaves_1_121_" gradientUnits="userSpaceOnUse" x1="1080.8231" y1="504.6511" x2="1089.4851" y2="504.6511" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_121_);" d="M297,190.3c0,0-20.8,26.5-21.2,38.9C275.8,229.2,295,221.4,297,190.3"/> <linearGradient id="leaves_1_122_" gradientUnits="userSpaceOnUse" x1="1055.2001" y1="473.4441" x2="1084.1136" y2="473.4441" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_122_);" d="M256.2,204.2c0,0,0.8,33.9,1.3,43.6c0.1,2.3,0.4,3.4,0.9,3.7c1.3,1,3.4-5.4,4.4-10 C264.1,235.3,264.8,215.3,256.2,204.2"/> <linearGradient id="leaves_1_123_" gradientUnits="userSpaceOnUse" x1="1083.4731" y1="444.0956" x2="1094.2432" y2="444.0956" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_123_);" d="M258.8,251C258.8,251,258.8,250.8,258.8,251c-0.4,3-2.3,20.5-3.2,23.3c-1,3,1.9-3.7,1.9-3.7L258.8,251z"/> <linearGradient id="leaves_1_124_" gradientUnits="userSpaceOnUse" x1="1081.0631" y1="471.9153" x2="1088.3632" y2="471.9153" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_124_);" d="M271,228.8c0,0-0.2-0.2-0.2-0.1c0.1,2.9-2.2,14.1-3.1,16.9c-1,3,1.2-2.2,1.2-2.2L271,228.8z"/> <linearGradient id="leaves_1_125_" gradientUnits="userSpaceOnUse" x1="1055.7812" y1="455.4326" x2="1087.6833" y2="455.4326" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_125_);" d="M249.5,215.1c0,0-4.8,42.3-3,53c2.3,13.6,7.8-7.9,8-12.2S257.1,227.5,249.5,215.1"/> <linearGradient id="leaves_1_126_" gradientUnits="userSpaceOnUse" x1="1081.0631" y1="471.9153" x2="1088.3632" y2="471.9153" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_126_);" d="M271,228.8c0,0-0.2-0.2-0.2-0.1c0.1,2.9-2.2,14.1-3.1,16.9c-1,3,1.2-2.2,1.2-2.2L271,228.8z"/> <linearGradient id="leaves_1_127_" gradientUnits="userSpaceOnUse" x1="1086.5631" y1="420.6725" x2="1098.5232" y2="420.6725" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_127_);" d="M248.9,271.1C248.9,271.1,248.9,270.9,248.9,271.1c-0.4,3.3-2.7,22.8-3.6,26c-1,3.4,1.9-4.2,1.9-4.2 L248.9,271.1z"/> <linearGradient id="leaves_1_128_" gradientUnits="userSpaceOnUse" x1="1046.4678" y1="434.4901" x2="1090.3281" y2="434.4901" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_128_);" d="M231,225.8c0,0,1.1,50.6,4.3,62.5c4.1,15.1,8.5-11.7,8.1-16.8S240.2,237.8,231,225.8"/> <linearGradient id="leaves_1_129_" gradientUnits="userSpaceOnUse" x1="1089.2932" y1="397.2237" x2="1102.7642" y2="397.2237" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_129_);" d="M238.2,292.4c0,0,0-0.9-0.1-0.5c-0.4,3.6-1.5,23.5-2.5,27c-1.1,3.8,2.1-3.9,2.1-3.9L238.2,292.4z"/> <linearGradient id="leaves_1_130_" gradientUnits="userSpaceOnUse" x1="1046.7242" y1="410.9623" x2="1094.0222" y2="410.9623" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_130_);" d="M218.6,244.7c0,0,3.4,53.4,6.6,65.9c4,16,8-14.4,7.5-23.3C232.2,278.2,227.6,257.3,218.6,244.7"/> <linearGradient id="leaves_1_131_" gradientUnits="userSpaceOnUse" x1="1093.4132" y1="371.999" x2="1107.6575" y2="371.999" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_131_);" d="M228,315c0,0,0-0.9-0.1-0.6c-0.4,3.8-1.7,25-2.8,28.7c-1.2,4.1,2.1-4.2,2.1-4.2L228,315z"/> <linearGradient id="leaves_1_132_" gradientUnits="userSpaceOnUse" x1="1050.9347" y1="387.096" x2="1098.2408" y2="387.096" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_132_);" d="M208.7,266.9c0,0,3.4,53.4,6.6,65.9c4,16,8-14.4,7.5-23.3C222.3,300.4,217.7,279.4,208.7,266.9"/> <linearGradient id="leaves_1_133_" gradientUnits="userSpaceOnUse" x1="1097.6332" y1="347.8561" x2="1112.1521" y2="347.8561" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_133_);" d="M218.1,337.1c0,0,0-0.9-0.1-0.6c-0.4,3.8-1.8,25.7-2.9,29.4c-1.2,4.1,2.5-5,2.5-5L218.1,337.1z"/> <linearGradient id="leaves_1_134_" gradientUnits="userSpaceOnUse" x1="1049.2393" y1="364.5502" x2="1100.2889" y2="364.5502" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_134_);" d="M194.8,284.4c0,0,6.6,56.3,9.8,68.9c4,16,7.6-18.8,7.1-27.7C211.2,316.5,203.8,297,194.8,284.4"/> <linearGradient id="leaves_1_135_" gradientUnits="userSpaceOnUse" x1="1099.6232" y1="321.9593" x2="1117.399" y2="321.9593" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_135_);" d="M206.7,357.2C206.7,357.2,206.7,356.7,206.7,357.2c-0.7,4.5-2,30.6-3.2,35.1c-1.3,4.9,3-5.8,3-5.8 L206.7,357.2z"/> <linearGradient id="leaves_1_136_" gradientUnits="userSpaceOnUse" x1="1046.6987" y1="340.5099" x2="1103.4834" y2="340.5099" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_136_);" d="M177,306.2c2,13,4.7,25.9,8.1,38.6c3.4,12.2,8.8,22.6,10.7,27.3c6,14.9,4-19.5,2.4-28.2 C196.4,335.1,187.5,316.5,177,306.2"/> <linearGradient id="leaves_1_137_" gradientUnits="userSpaceOnUse" x1="1102.9631" y1="301.9161" x2="1121.0677" y2="301.9161" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_137_);" d="M198.5,375.3C198.5,375.3,198.5,374.8,198.5,375.3c-0.7,4.5-2.2,32.7-3.5,37.2c-0.3,1,3.4-7.6,3.4-7.6 L198.5,375.3z"/> <linearGradient id="leaves_1_138_" gradientUnits="userSpaceOnUse" x1="1051.3723" y1="312.2531" x2="1114.9794" y2="312.2531" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_138_);" d="M166.7,329.8c2.2,14.6,5.2,29.2,9,43.5c3.7,13.7,9.7,25.5,11.8,30.8c6.7,16.8,4.3-21.8,2.5-31.6 C188.1,362.4,178.3,341.4,166.7,329.8"/> <linearGradient id="leaves_1_139_" gradientUnits="userSpaceOnUse" x1="1055.9657" y1="284.2736" x2="1121.8737" y2="284.2736" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_139_);" d="M146.7,367.7c0,0,12.8,17.8,21.4,33.4c10.1,18.3,12,20.7,15.4,23.6c10.7,9.4-1.6-31.1-6-37.8 C173,379.9,160,369.8,146.7,367.7"/> <linearGradient id="leaves_1_140_" gradientUnits="userSpaceOnUse" x1="1114.5132" y1="280.19" x2="1123.2881" y2="280.19" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_140_);" d="M190.6,408.5c0-0.3,0-0.7-0.1-1c-0.2,2.4,0.6,14.1-0.4,16.3c-0.2,0.5,1.8-3.8,1.8-3.8L190.6,408.5z"/> <linearGradient id="leaves_1_141_" gradientUnits="userSpaceOnUse" x1="1119.7732" y1="267.8016" x2="1125.4355" y2="267.8016" gradientTransform="matrix(0.8287 0.5596 0.5596 -0.8287 -893.864 21.7085)"> <stop offset="0" class="stop1"/> <stop offset="1" class="stop2"/> </linearGradient> <path style="fill:url(#leaves_1_141_);" d="M186,424.3c0,0-0.1-0.7-0.2-0.5c0,1.2,1.6,7.4,0.8,8.4c-0.2,0.2,1.5-1.7,1.5-1.7L186,424.3z"/> </svg> </div> </div> <div class="space-50 d-sm-block d-none"></div> <div class="text-center"> <a class="btn btn-outline-dark mr-md-4 mb-5" href="/gallery/illustrations"> View all </a> </div> <div class="row mt-5"> <div class="col-md-4"> <div class="info"> <a href="./illustrations/backgrounds"> <img src="./assets/img/thumb_backgrounds.jpg"> </a> <h4 class="info-title text-dark">Backgrounds</h4> </div> </div> <div class="col-md-4"> <div class="info"> <a href="./illustrations/objects"> <img src="./assets/img/thumb_objects.jpg"> </a> <h4 class="info-title text-dark">Objects</h4> </div> </div> <div class="col-md-4"> <div class="info"> <a href="./illustrations/characters"> <img src="./assets/img/thumb_characters.jpg"> </a> <h4 class="info-title text-dark">Characters</h4> </div> </div> </div> <div class="row"> <div class="col-md-8 mx-auto text-center mt-5"> <h2 class="title mt-5 text-dark font-weight-bold">Outline Illustrations</h2> <h4 class="desc text-gray">IRA comes with a beautiful version of outline illustrations.</h4> </div> </div> <div class="row"> <div class="col-5 ml-auto"> <div class="info"> <a href="./illustrations/outline/objects"> <img class="mt-0" src="./assets/img/outline/thumb_objects.jpg"> </a> <h4 class="info-title text-dark">Objects</h4> </div> </div> <div class="col-5 mr-auto"> <div class="info"> <a href="./illustrations/outline/characters"> <img class="mt-0" src="./assets/img/outline/thumb_characters.jpg"> </a> <h4 class="info-title text-dark">Characters</h4> </div> </div> </div> </div> </div> <div class="space-110 d-sm-block d-none"></div> <div class="section section-responsive pt-sm-5 pt-0"> <div class="container"> <div class="col-lg-8 m-auto text-center"> <h2 class="title text-dark font-weight-bold">A flawless experience across <br>all devices</h2> <div class="space-50"></div> </div> <div class="row"> <div class="col-lg-4"> <div class="info info-horizontal d-sm-block d-none text-left"> <div class="icon icon-warning"> <i class="nc-icon nc-camera-compact"></i> </div> <div class="description text-sm-left text-center"> <h4 class="info-title text-dark">Retina Ready</h4> <p class="desc text-gray">Get a full Retina Ready site when you build with Startup Framework. The result looks sharper and more gorgeous on devices with retina display support. </p> </div> </div> <div class="info info-horizontal d-sm-block d-none text-left"> <div class="icon icon-success"> <i class="nc-icon nc-spaceship"></i> </div> <div class="description text-sm-left text-center"> <h4 class="info-title text-dark">Responsive Layout</h4> <p class="desc text-gray"> Our mobile - ready templates ensure a flawless and consistent experience, adaptable to multiple devices. </p> </div> </div> <div class="info d-block d-sm-none text-center"> <div class="icon icon-warning"> <i class="nc-icon nc-camera-compact"></i> </div> <div class="description text-sm-left text-center"> <h4 class="info-title text-dark">Retina ready</h4> <p class="desc text-gray">Get a full retina ready site when you build with Startup Framework. The result looks sharper and more gorgeous on devices with retina display support. </p> </div> </div> <div class="info d-block d-sm-none text-center"> <div class="icon icon-success"> <i class="nc-icon nc-spaceship"></i> </div> <div class="description text-sm-left text-center"> <h4 class="info-title text-dark">Responsive Layout</h4> <p class="desc text-gray"> Our mobile - ready templates ensure a flawless and consistent experience, adaptable to multiple devices. </p> </div> </div> </div> <div class="col-lg-8">  <img src="./assets/img/desktop-phone.png" class="big-screen d-sm-block d-none"> </div> </div> </div> </div> <div class="section section-responsive section-using-ira pt-sm-5 pt-0"> <img src="./assets/img/path2.png" class="w-100 position-absolute"> <div class="container"> <div class="col-lg-8 m-auto text-center"> <h2 class="title text-dark font-weight-bold">Websites using IRA Design</h2> </div> <div class="row"> <div class="col-lg-4 p-0"> <div class="info"> <a href="https://www.creative-tim.com/product/argon-design-system-pro?ref=iradesign" target="_blank"> <img src="./assets/img/opt_adsp_thumbnail.jpg"> </a> <div class="description"> <h4 class="info-title mb-1 text-dark">Argon Design System PRO</h4> <p class="desc w-75 m-auto"> PREMIUM DESIGN SYSTEM FOR BOOTSTRAP 4 </p> </div> </div> </div> <div class="col-lg-4 p-0"> <div class="info"> <a href="https://www.creative-tim.com/product/blk-design-system-pro?ref=iradesign" target="_blank"> <img src="./assets/img/opt_blkp_thumbnail.jpg"> </a> <div class="description"> <h4 class="info-title mb-1 text-dark">BLK• Design System PRO</h4> <p class="desc w-75 m-auto"> PREMIUM DESIGN SYSTEM FOR BOOTSTRAP 4 </p> </div> </div> </div> <div class="col-lg-4 p-0"> <div class="info"> <a href="https://madewithreact.com?ref=iradesign" target="_blank"> <img src="./assets/img/made-with-react.png"> </a> <div class="description"> <h4 class="info-title mb-1 text-dark">Made with React</h4> <p class="desc w-75 m-auto"> REACT AND REACT NATIVE JAVASCRIPT LIBRARY </p> </div> </div> </div> </div> </div> </div> </div> <div class="section section-footer"> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-12 text-left"> <h2 class="title text-dark font-weight-bold">Give it a chance</h2> <h4 class="desc text-gray"> IRA comes with a great variety of ready-to-use features, gradients and components. You can use the samples as they are or you can add new block from the UI Kit. <a href="https://fixthephoto.com/ira-design-illustrations-builder-review.html" target=" ">Read the full review</a> about us from Fixthephoto.com. </h4> <a class="github-button" href="https://github.com/ira-design/ira-illustrations" data-icon="octicon-star" data-show-count="true" aria-label="Star ira-design on GitHub">Star</a> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="info"> <img src="./assets/img/fordeveloper.png"> <div class="description"> <h4 class="info-title text-dark">For developers</h4> <p class="desc text-gray"> Start building your mobile app in no time. Simply select the components you like and start customising to suit your needs. </p> <a href="https://github.com/ira-design/ira-illustrations/blob/SVG/SVG.zip?raw=true" class="btn btn-fill btn-dark" target="_blank">Download SVG</a> </div> </div> </div> <div class="col-lg-4"> <div class="info"> <img src="./assets/img/fordesigner.png"> <div class="description"> <h4 class="info-title text-dark">For designers</h4> <p class="desc text-gray"> Build an app you love. 200+ individually designed components, each with a specific purpose. </p> <a href="https://github.com/ira-design/ira-illustrations/blob/PNG/PNG.zip?raw=true" class="btn btn-fill btn-dark">Download PNG</a> </div> </div> </div> <div class="col-lg-4"> <div class="info"> <img src="./assets/img/examples.png"> <div class="description"> <h4 class="info-title text-dark">Explore gallery</h4> <p class="desc text-gray"> Discover IRA illustrations and use them in a commercial or non-commercial way to power up your projects. </p> <a href="/gallery/illustrations" class="btn btn-fill btn-dark">Gallery</a> </div> </div> </div> <div class="col-lg-6"> </div> </div> </div> </div> <div class="text-center section-sharing"> <div class="container"> <div class="row"> <div class="col-lg-8 m-auto text-center"> <h2 class="title text-dark" id="close-menu">Thank you for sharing!</h2> <div class="space-50"></div> </div> </div> <div class="row"> <div class="col-lg-12"> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Firadesign.io%2F&text=IRA%20Design%20by%20Creative%20Tim%3A%20Open-source%20illustrations%20that%20fits%20perfectly%20for%20any%20project%20you%20desire.%20%0A%23illustrations%20%23ux%20%23opensource%20%23design%20%23art%0A%0ACheck%20it%20out%20here%3A%20" class="btn btn-twitter " target="_blank"> <i class="fab fa-twitter"></i> Twitter </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.iradesign.io" class="btn btn-facebook " target="_blank"> <i class="fab fa-facebook"></i> Facebook </a> </div> </div> <div class="space-180"></div> </div> </div> <footer class="footer border-top"> <div class="container d-xl-flex align-items-center"> <nav> <ul> <li> <a href="https://www.creative-tim.com/terms?ref=iradesign-footer" target="_blank"> Terms & Conditions </a> </li> <li> <a href="https://www.creative-tim.com/license?ref=iradesign-footer" target="_blank"> Licenses </a> </li> <li> <a href="https://www.creative-tim.com/faq?ref=iradesign-footer" target="_blank"> FAQ </a> </li> <li> <a href="https://blog.creative-tim.com?ref=iradesign-footer" target="_blank"> Blog </a> </li> </ul> </nav> <div class="mx-5"> <div class="copyright"> ©<script> document.write(new Date().getFullYear()) </script> <a href="https://www.creative-tim.com?ref=iradesign-footer">Creative Tim</a>, made with love for a better web. </div> </div> <div class="ml-xl-auto text-center mb-lg-0 mb-3"> <a href="https://nepcha.com/?ref=iradesign" target="_blank"> <img src="./assets/img/nepcha-logo.png" width="200" alt="nepcha-logo"> </a> </div> </div> </footer> <div id="crowbar-workspace"> </div> </body>    <script src="./assets/js/jquery.js" type="text/javascript"></script> <script src="./assets/js/jquery-ui.custom.min.js" type="text/javascript"></script> <script src="./assets/bootstrap-4/js/bootstrap.min.js" type="text/javascript"></script> <script src="./assets/js/gsdk-bootstrapswitch.js"></script>  <script src="./assets/js/gsdk.js"></script> <script async defer src="https://buttons.github.io/buttons.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.10/d3.min.js"></script> <script type="text/javascript" src="assets/js/svg-crowbar-export.js" id="script"></script> <script type="text/javascript" src="assets/js/bootstrap-notify.min.js" id="script"></script> <script type="text/javascript" src="./assets/js/ira-design.js" id="script"></script> <script defer data-domain="iradesign.io" src="https://plausible.io/js/script.js"></script> </html>

CINXE.COM

IRA Design - Build your own amazing illustrations @ Creative Tim