PageSourceSearch

https://iradesign.io/illustrations/characters

html iradesign.io collected 2026-10-03 21:37:34 UTC 144,411 bytes, 1,296 lines download raw bytes

1<?xml version="1.0" encoding="utf-8"?>
2<!DOCTYPE html>
3<html lang="en">
4<head>
5  <meta charset="utf-8">
6  <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
7  <link rel="icon" type="image/png" sizes="96x96" href="../assets/img/favicon.svg">
8  <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9  <title>IRA Design - Illustrations Characters @ Creative Tim</title>
10  <link rel="canonical" href="/illustrations/characters">
11  <meta name="keywords" content="illustration, app, website illustration, app illustration, design component, custom illustration, illustration component, color gradient, gradients, gallery, best illustrations, colorful illustrations">
12  <meta name="description" content="Discover IRA characters to power up your project.">
13  <meta name="twitter:card" content="product">
14  <meta name="twitter:site" content="@creativetim">
15  <meta name="twitter:title" content="IRA Design by Creative Tim">
16  <meta name="twitter:description" content="Discover IRA characters to power up your project.">
17  <meta name="twitter:creator" content="@creativetim">
18  <meta name="twitter:image" content="https://raw.githack.com/ira-design/ira-design.github.io/master/assets/img/iradesign.jpg">
19  <meta name="twitter:data1" content="IRA Design by Creative Tim">
20  <meta name="twitter:label1" content="Product Type">
21  <meta name="twitter:label2" content="Price">
22  <meta property="fb:app_id" content="655968634437471">
23  <meta property="og:title" content="IRA Design by Creative Tim">
24  <meta property="og:type" content="article">
25  <meta property="og:url" content="https://iradesign.io/illustrations/characters">
26  <meta property="og:image" content="https://raw.githack.com/ira-design/ira-design.github.io/master/assets/img/iradesign.jpg">
27  <meta property="og:description" content="Discover IRA characters to power up your project.">
28  <meta property="og:site_name" content="IRA Design">
29  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
30  <meta name="viewport" content="width=device-width">
31  <link href="../assets/bootstrap-4/css/bootstrap.min.css" rel="stylesheet">
32  <link href="../assets/css/gsdk.css" rel="stylesheet">
33  <link href="../assets/css/new-css.css?v=1.0.0" rel="stylesheet">
34  <link href="../assets/css/animate.min.css" rel="stylesheet">
35  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
36  <link rel="stylesheet" type="text/css" href="../assets/css/icons.css">
37  <style type="text/css">
38  .st0{fill:#4B49BB;} .st5{opacity:7.000000e-02;enable-background:new ;} .st6{fill:#FFFFFF;} 
39  </style>
40</head>
41<body>
vendor: 70 bytes, lines 41-42
41
42  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
42GTM-MBT68RX
vendor: 85 bytes, lines 42-43
42" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
43  
43<div class="change-colors fixed-plugin fas">
44    <p class="text-clothes"><img src="../assets/img/leggins.svg">Trousers</p>
45    <div class="colors badge-colors-trousers">
46      <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>
47    </div>
48    <p class="text-clothes"><img src="../assets/img/tshirt.svg">T-shirt</p>
49    <div class="colors badge-colors-tshirt">
50      <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>
51    </div>
52    <p class="text-clothes"><img src="../assets/img/hair.svg">Hair</p>
53    <div class="colors badge-colors-hair">
54      <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>
55    </div>
56  </div>
57  <nav class="navbar navbar-expand-md navbar-default py-2" role="navigation-demo">
58    <div class="container">
59      <div class="navbar-brand pl-0 my-0 py-0 d-flex">
60        <a href=".." style="width:14%;"><img src="../assets/img/ira-logo-pen.png" class="w-100"></a>
61        <div class="d-flex flex-column">
62          <a href=".." class="text-ira text-lg">Ira Design</a> <span>by Creative Tim</span>
63        </div>
64      </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>
65      <div class="collapse navbar-collapse" id="navigation-default">
66        <ul class="navbar-nav ml-auto align-items-center">
67          <a class="btn btn-simple btn-dark w-100 px-2 text-capitalize pt-1 mt-2" href="/gallery/illustrations">Gallery</a>
68          <li>
69            <div class="dropdown">
70              <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>
71              <div class="dropdown-menu border-0 pr-2 pl-0 pb-0" aria-labelledby="dropdownIllustrations">
72                <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>
73              </div>
74            </div>
75          </li>
76          <li>
77            <div class="dropdown">
78              <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>
79              <div class="dropdown-menu border-0 pr-2 pl-0 pb-0" aria-labelledby="dropdownMenuButton">
80                Download SVG Download PNG Download ALL
81              </div>
82            </div>
83          </li>
84          <li>
85            <div class="dropdown">
86              <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>
87              <div class="dropdown-menu border-0 pr-2 pl-0 pb-0" aria-labelledby="dropdownMenuButton">
88                <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> <i class="fa fa-book text-dark mr-1"></i> UI/UX Book <i class="fa fa-tools text-dark mr-1"></i> Custom Development
89              </div>
90            </div>
91          </li>
92        </ul>
93      </div>
94    </div>
95  </nav>
96  <div class="wrapper">
97    <div class="section">
98      <div class="container">
99        <div class="row mt-5">
100          <div class="col-lg-8 text-center m-auto" style="z-index:2;">
101            <h1 class="title text-dark font-weight-bold mt-5">Characters</h1>
102            
102<script async type="text/javascript" class="m-auto" src="//cdn.carbonads.com/carbon.js?serve=CE7IPK3I&placement=iradesignio" id="_carbonads_js"></script>
102 Star
103          </div>
104        </div>
105      </div>
106    </div>
107    <div class="section section-characters">
108      <div class="container">
109        <form>
110          <div class="form-group w-50 m-auto">
111            <input type="text" id="searchInput" onkeyup="Function()" class="form-control" aria-label="Search" placeholder="Search characters">
112            <p class="d-none text-center text-dark mt-3 desc" id="no-result"><span class="text-lg">😞</span><br>
113            No results found</p>
114          </div>
115        </form>
116        <div class="row"></div><img src="../assets/img/character-bg.png" class="bg-ch">
117        <div class="row pt-sm-5" id="elements">
118          <div class="col-sm-4 col-6 text-center hover-on girl-hand-up">
119            <div>
120              <svg version="1.1" class="wmn" width="35%" height="100%" style="width:35%; enable-background:new 0 0 195.9 500.3;" id="women_hand" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 195.9 500.3" xml:space="preserve">
121              <title>women handup</title>
122              <g>
123                <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>
124                <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"></path>
125              </g>
126              <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)">
127                <stop offset="0" class="stop1"></stop>
128                <stop offset="1" class="stop2"></stop>
129              </lineargradient>
130              <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"></path>
131              <lineargradient id="SVGID_1_skin" gradientunits="userSpaceOnUse" x1="33.8" y1="138.1257" x2="148.4121" y2="138.1257">
132                <stop offset="0" style="stop-color:#F87B58"></stop>
133                <stop offset="0.5" style="stop-color:#F8C548"></stop>
134                <stop offset="1" style="stop-color:#F89C51"></stop>
135              </lineargradient>
136              <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"></path>
137              <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)">
138                <stop offset="0" class="stop1"></stop>
139                <stop offset="1" class="stop2"></stop>
140              </lineargradient>
141              <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"></path>
142              <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)">
143                <stop offset="0" class="stop1"></stop>
144                <stop offset="1" class="stop2"></stop>
145              </lineargradient>
146              <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>
147              <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>
148              <path class="st6" d="M350.1,72.8"></path>
149              <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>
150              <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>
151              <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"></path></svg>
152            </div>
153            <h3 class="h5 jcorgFilterTextChild">Woman Illustration</h3>
154            <div class="download-buttons">
155              <a class="btn btn-round" onclick="download_png('#women_hand')">PNG</a> <a class="btn btn-round" onclick="download_svg('#women_hand')">SVG</a>
156            </div>
157          </div>
158          <div class="col-sm-4 col-6 text-center hover-on women-check-phone" style="padding-top:50px;">
159            <div class="svg">
160              <svg version="1.1" id="girl" width="24%" style="width:25%; enable-background:new 0 0 162.5 516.1;" 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" xml:space="preserve">
161              <g>
162                <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>
163                <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"></path>
164              </g>
165              <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)">
166                <stop offset="0" class="stop1"></stop>
167                <stop offset="1" class="stop2"></stop>
168              </lineargradient>
169              <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"></path>
170              <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)">
171                <stop offset="0" style="stop-color:#F87B58"></stop>
172                <stop offset="0.5" style="stop-color:#F8C548"></stop>
173                <stop offset="1" style="stop-color:#F89C51"></stop>
174              </lineargradient>
175              <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"></path>
176              <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)">
177                <stop offset="0" class="stop1"></stop>
178                <stop offset="1" class="stop2"></stop>
179              </lineargradient>
180              <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"></path>
181              <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)">
182                <stop offset="0" class="stop1"></stop>
183                <stop offset="1" class="stop2"></stop>
184              </lineargradient>
185              <path style="fill:url(#SVGID_2_hair);
185" 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>
186              <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>
187              <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"></path></svg>
188            </div>
189            <h3 class="h5 jcorgFilterTextChild">Mobile Phone Illustration</h3>
190            <div class="download-buttons">
191              <a class="btn btn-round btn-download" onclick="download_png('#girl')">PNG</a> <a class="btn btn-round" onclick="download_svg('#girl')">SVG</a>
192            </div>
193          </div>
194          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:50px">
195            <div class="svg">
196              <svg version="1.1" style="width:25%; enable-background:new 0 0 167.4 518.2;" id="woman_check_phone" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 167.4 518.2" xml:space="preserve">
197              <g>
198                <path class="st0" d="M57.4,480.2l-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,0s6.1-7.8,3.9-16.1S57.4,480.3,57.4,480.2"></path>
199                <path class="st0" d="M134,497.5c-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.9C156.2,506.7,142.4,500.1,134,497.5"></path>
200              </g>
201              <lineargradient class="gradient-trousers" id="SVGID_3_trousers" gradientunits="userSpaceOnUse" x1="20.4724" y1="163.75" x2="130.5" y2="
201163.75" gradienttransform="matrix(1 0 0 -1 0 520)">
202                <stop offset="0" class="stop1"></stop>
203                <stop offset="1" class="stop2"></stop>
204              </lineargradient>
205              <path style="fill:url(#SVGID_3_trousers);" d="M29.8,227.8c0,0-6.7,9.2-8.8,34s2.6,71.9,4.8,81S36.8,437,39,443.2s5.2,40.1,5.2,40.1l14.2,0.4 c0,0,4.2-44.2,4.2-55.9s5.9-122.4,5.5-130.5s1.5-5.5,1.5-5.5S82,331.4,85.7,338S96,357.5,96,357.5s1.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.9s-12.4-68.3-12.4-68.3l-8.7-63L29.8,227.8z"></path>
206              <lineargradient id="SVGID_3_skin" gradientunits="userSpaceOnUse" x1="33.8" y1="138.1257" x2="148.4121" y2="138.1257">
207                <stop offset="0" style="stop-color:#F87B58"></stop>
208                <stop offset="0.5" style="stop-color:#F8C548"></stop>
209                <stop offset="1" style="stop-color:#F89C51"></stop>
210              </lineargradient>
211              <path style="fill:url(#SVGID_3_skin);" d="M52.3,19.2c-6.5,2.4-14.8,34.7-14.8,34.7l-0.1-0.1l-3.6,3.6l1.5,6.8l6.3,106.5l32.6-7l28.5-30.2l17.8,8.4 c0,0,1.4,38.7,1.6,40.8s3.2,60.6,3.2,64.4c0.1,4.1,17.5,22.5,20.4,20.5c8.6-6-5.7-17.1-9.1-19.8c-2-1.6-6.3-56-6.6-62.4 s9.9-22.7-7.8-44.2c-12.9-15.7-19.9-56-30.7-101.8C85.8,15.6,82.4,8.5,76.8,8.5C71.7,8.5,64.7,14.6,52.3,19.2"></path>
212              <lineargradient class="gradient-shirt" id="SVGID_3_shirt" gradientunits="userSpaceOnUse" x1="-0.1696" y1="346.8777" x2="136.4" y2="346.8777" gradienttransform="matrix(1 0 0 -1 0 520)">
213                <stop offset="0" class="stop1"></stop>
214                <stop offset="1" class="stop2"></stop>
215              </lineargradient>
216              <path style="fill:url(#SVGID_3_shirt);" d="M46.8,109.9c-0.1,0.3-12.4,6.1-17.7,12.6s-9.6,15.9-9.6,15.9s-7.8,18.4-13.2,32c-2.9,7.3-12.4,37.2-1,38.3 c10.8,1,34.7-24.4,38.4-29.2l4.1-9.2c0.3-1.2-6.4-13.6-6.2-14.7c0.2-1.8,15.8-10.9,18.2-5.5c0.8,1.8,2.9,7,3.5,8.6 c1.5,3.9-21.2,11.5-21.2,15c0,4.3-1.9,20.2-5,28S29.3,228,29.3,228l79.8,0.2c0,0-2.7-35.5-1.6-47.3c0,0,3.4-38.7,5.4-42.5 s5.4,47.8,4.9,58.4c-0.4,7.4,6.3,51.8,8.2,53.4c3.1,2.4,10.4-2.4,10.4-2.4s-0.3-48.7-0.6-56.8s0.2-73.6-10.5-85.4 s-13.6-11.5-22.5-8.4s-13.3,6.1-25.4,8.1c-7.4,1.3-15.1,0.3-22-2.7c1.9-6.9-2.1,4.8-1.6,1.6"></path>
217              <lineargradient class="gradient-hair" id="SVGID_3_hair" gradientunits="userSpaceOnUse" x1="19.5" y1="441.8274" x2="124.3159" y2="441.8274" gradienttransform="matrix(1 0 0 -1 0 520)">
218                <stop offset="0" class="stop1"></stop>
219                <stop offset="1" class="stop2"></stop>
220              </lineargradient>
221              <path class="st4" style="fill:url(#SVGID_3_hair)" d="M58.6,0.9c0,0-15.9,0.6-20.4,16.1S33,54.3,32.9,57.7c-0.2,3.6,1.7,28-0.3,34.8c-1.8,6-6.9,17.1-10,24.8 c-1.2,3-2.1,6.2-2.7,9.4l-0.4,2.6c0.8,2.7,3.7,4.3,6.5,3.4c0.2-0.1,0.4-0.1,0.5-0.2c1.6-0.7,3.1-1.5,4.6-2.4 c4.8-2.9,10.9-10.6,15.7-13c5.1-2.5,10.9-14.1,11.7-15s0.5-3.8,0.6-6.6c0.5-14.5-2.2-27.8-5.6-34.8S42.3,40,47.7,32.1 S64.4,17.9,64.9,16s0.8,7.6,6.8,11s14.4,12.5,14.4,14.5s2,8.5-3.7,19.8S72.2,87,80.1,97.8s27.8,25.8,29.2,29.2s0,18.5-0.5,27 s16.1-14.5,15.5-25.6s1.4-15.9-9.9-32.8s-18.7-46.1-19-53.2S91.7,15.7,84.9,10c-5.8-4.8-7.1-9.5-19.2-9.5 C63.3,0.5,60.9,0.7,58.6,0.9"></path>
222              <g>
223                <g>
224                  <g class="st5">
225                    <defs>
226                      <rect id="SVGID_5_" x="20.1" y="16.7" class="st5" width="46" height="500"></rect>
227                    </defs>
228                    <clippath id="SVGID_6_">
229                      <use xlink:href="#SVGID_5_" style="overflow:visible;"></use>
230                    </clippath>
231                    <g class="st6">
232                      <path d="M52.5,149.6c-2.4,1-4.7,2.1-6.9,3.4l-2.4,1.2c0,0-25.4,26.5-24.3,25.1c4.9-6.1,20.1-38.5,25.2-46 c5.4-7.8,8.4-4.7,14.3,16"></path>
233                    </g>
234                  </g>
235                  <g class="st5">
236                    <path d="M51.3,483.1c0.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.2s-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.8 c0.1-1.6,0.2-3.2,0.4-4.8c-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,4.8-17.8,6.4-21.1 c1.4-3,5.4-18.7,5-22c-0.2-1.8,6.2-8.8,6.2-8.8l1.3-1.1c0.6-0.1,1.3,0,1.9,0.2c1.4,0.6,6.8-4.1,7.7-1.1c6.4,20.5,9,29.2-2.3,41.4 s-0.9,23.1-0.7,31.7c0.5,21.2-9.8,18.9-10.4,32.1s2.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,55 S51.3,483.1,51.3,483.1"></path>
237                  </g>
238                  <path class="st6" d="M40.8,140.1L41,140c0.8-0.4,5.5-2.8,8.8-4.1c3.7-1.5,8.2,11.1,9.3,13.6c0.1,0.2,0.1,0.2-0.7,0.3 c-2.7,0.3-5.4,0.8-8,1.5c-3.8,0.9-8.1,3.9-8.3,4s-1.3-2.3-3.5-7.9c-0.5-1.3-1.6-4.7-0.6-5.5L40.8,140.1z"></path>
239                </g>
240                <path class="st5" d="M69.5,73.2c2.4,0.9,5.2,0.3,7-1.6c3.2-3.2-1.2,7.9-0.5,10.4S69.5,73.2,69.5,73.2z"></path>
241                <path class="st6" d="M47.8,169.4c0,0,15.1-9.9,15.3-9.5c0.4,0.9,1.7,4.5,1.7,4.5s1.2,2.3,0.8,3s-14.7,6.8-14.7,6.8 c-0.6-0.1-1.1-0.4-1.3-0.9C48.9,172.1,48.3,170.8,47.8,169.4z"></path>
242              </g></svg>
243            </div>
244            <h3 class="h5 jcorgFilterTextChild">Woman With Phone Illustration</h3>
245            <div class="download-buttons">
246              <a class="btn btn-round" onclick="download_png('#woman_check_phone')">PNG</a> <a class="btn btn-round" onclick="download_svg('#woman_check_phone')">SVG</a>
247            </div>
248          </div>
249          <div class="col-sm-4 col-6 text-center hover-on girl_laptop" style="padding-top:240px;">
250            <div class="svg">
251              <svg version="1.1" id="girl_laptop" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 435.6 670.4" style="enable-background:new 0 0 435.6 670.4;" xml:space="preserve">
252              <g id="woman">
253                <g>
254                  <path class="st0" d="M346.5,407c-5.9-9.8-10.6-12.4-25.2-12.8c-14.6-0.4-34-0.2-34-0.2l-0.2,20.7c0,0,16.1,9.3,24.7,13.9 c0.5,0.3,1.9,1.1,2.9,1.7c1.5,0.7,3.1,1.3,4.7,1.7c8.5,1.8,16.2,0.9,21.7-4.6C347.2,421.3,352.4,416.8,346.5,407z"></path>
255                  <path class="st0" d="M236.4,388.6c-0.5,0.4-1.8,1.4-2.7,2.1c-1.2,1.1-2.3,2.4-3.3,3.7c-4.8,7.2-6.9,14.7-3.8,21.9 c3.4,7.9,5.7,14.5,16.9,12.6c11.2-1.9,15.5-5.3,21.3-18.6c5.8-13.3,12.9-31.5,12.8-31.5l-19.1-7.9 C258.5,370.9,243.9,382.4,236.4,388.6z"></path>
256                </g>
257                <lineargradient class="gradient-trousers" id="SVGID_4_trousers" gradientunits="userSpaceOnUse" x1="1142.9341" y1="-368.0163" x2="829.3901" y2="-368.0163" gradienttransform="matrix(1 0 0 -1 -707.48 3.02)">
258                  <stop offset="0" class="stop1"></stop>
259                  <stop offset="1" class="stop2"></stop>
260                </lineargradient>
261                <path style="fill:url(#SVGID_4_trousers)" d="M288.6,394.9c0,0,0.3,20.9-3.1,21.4s-50.3-6.3-69-7.3s-61.1-13.1-81.9-36.6c-18-20.3-15.2-42.8-1.9-42.8 s25.5-11.3,59.3,4.8s69.6,18.8,89.7,17.2s76.4-12,80.8-15.2s25.5-12.4,54.9-9.2s15.5,26.5,9.3,35.5c-8.7,12.5-29.3,25.9-46.5,26.5 S288.6,394.9,288.6,394.9z"></path>
262                <lineargradient id="SVGID_4_skin" gradientunits="userSpaceOnUse" x1="228" y1="149.2491" x2="402.9014" y2="149.2491">
263                  <stop offset="0" style="stop-color:#F87B58"></stop>
264                  <stop offset="0.5" style="stop-color:#F8C548"></stop>
265                  <stop offset="1" style="stop-color:#F89C51"></stop>
266                </lineargradient>
267                <path style="fill:url(#SVGID_4_skin)" d="M253.8,29.4C243.9,33,231.3,82,231.3,82l-0.2-0.2l-1.4,6.8l-1.7,8.9l3.3,53.2l32,16l73.5,19.8l20.3,28.9 c0,0,45.5,46.3,45.8,49.5s-48.9,19.5-53.6,20.2c-11.3,1.7,72.3-18.8,45.5-51.3c-11.4-13.9-28.1-55.7-61.2-83.4 c-19.2-16-13.8-61.5-20.6-90.3c-8.5-36-13.7-46.8-22.2-46.8C283.1,13.3,272.4,22.5,253.8,29.4"></path>
268                <lineargradient class="gradient-shirt" id="SVGID_4_shirt" gradientunits="userSpaceOnUse" x1="153.7839" y1="441.1743" x2="419.9015" y2="441.1743" gradienttransform="matrix(1 0 0 -1 0 672)">
269                  <stop offset="0" class="stop1"></stop>
270                  <stop offset="1" class="stop2"></stop>
271                </lineargradient>
272                <path style="fill:url(#SVGID_4_shirt)" d="M357.8,145.7c-15.4-14.1-20.6-17.5-34.1-12.7s-20.1,9.2-38.5,12.2c-11.3,2-23,0.5-33.5-4.1l-37.9,3.8 c-4.8-0.6-58.7,100.6-60,121.6c-0.8,12.9,28.5,32.8,36.7,34.8c3.3,0.8,9.2-31,11.1-33.9l-12.3-3.8c2.2-5.5,9.6-19.1,14.5-26.4 c1.5-2.3,13.2-21.6,14.8-29c0.3,0.7,2,14.7,3.6,19.2c3,8.3,7.1,13,7.1,19.6s-0.8,32.8-5.6,44.6s-11.8,39.1-11.8,39.1l121.2-0.7 c0,0-4.4-52.1-2.6-70c0,0-1.9-7.2,1.7-17.6c5.9-17.2,7.6-42.8,6.6-46.8c-1.5-6.3,35.6,47,43.7,60.5c3.4,5.6-42.7,15.5-46.5,19.8 c-4,4.5,3.9,16.7,3.9,16.7s80.4-9.8,80-22.1C419.5,258.2,375.7,162,357.8,145.7z"></path>
273                <lineargradient class="gradient-hair" id="SVGID_4_hair" gradientunits="userSpaceOnUse" x1="207.1" y1="554.2117" x2="357.0181" y2="554.2117" gradienttransform="matrix(1 0 0 -1 0 672)">
274                  <stop offset="0" class="stop1"></stop>
275                  <stop offset="1" class="stop2"></stop>
276                </lineargradient>
277                <path style="fill:url(#SVGID_4_hair)" d="M263.5,0.6c0,0-22.5,0.9-29,24.5s-7.4,56.5-7.6,61.6c-0.2,5.4,2.3,37-9.8,50.2c-10.4,11.4-6.2,22.4-8.8,31.5 l-1.2,15.1c0.2,1.8,1.5,3.3,3.2,3.9c1.6,0.5,7.2-2.1,8.2-2.5c14-5.6,14-10.1,19.3-14.6c4.4-3.7,16.5-12.3,20.1-15.7 s6.1-6.4,6.3-10.7c0.7-21.9-3.1-42.1-7.9-52.8s-14-28.8-6.3-40.8s21.6-24,22.4-27s1.2,11.6,9.7,16.7s15.6,12.2,18.2,19.1 c2.2,5.8,5.1,15.7-2.9,32.8s-14.5,39.1-3.2,55.4s35.1,33.9,39,42.1c4.4,9.1,0.2,30.5-0.6,43.4s25.2-22.4,24.4-39.2s2-24-14.1-49.8 s-26.6-70-27-80.7s-5.2-40.4-14.9-48.9C292.6,7,290.8,0,273.6,0C270.2,0,266.8,0.2,263.5,0.6"></path>
278                <path class="st5" d="M212.2,358.2l113.6,0.6c0,0-13.3,10.4-19.7,11.6s-33.8,14.8-44,9.6C254.9,376.1,212.2,358.2,212.2,358.2z"></path>
279                <path class="st5" d="M275.5,103.1c0,0,10.6,2.7,15-3.5c9.9-14,0.9,7.1,0.9,7.1s-2.9,8.2-2.7,12.3S277.3,103.7,275.5,103.1"></path>
280                <path class="st5" d="M233.1,175.1c-1.3,1.6-3.2,2.9-4.2,7c-1.7,6.6-3.5,14-8.1,20.8c-2.7,4-1.2,19.5,3.3,29.3 c1.3,2.8,5.3,10.1,5.2,11.8l-0.3,14.2h12.2c0,0,10.4,1.1,8.2-7.5c-1.9-7.6-11.8-35.9-5.1-42.1c12.6-11.5-3.3-34.5,2.6-41.9 c5.1-6.4,12.4-11,12.4-13.1c0-0.8-1.9,1.8-3.2,2.7c-2.5,1.8-3.8,3.2-5.9,4.6c-2.3,1.5-5.8,4-8.1,5.7 C238.8,169.1,235.8,171.9,233.1,175.1z"></path>
281              </g>
282              <g id="laptop">
283                <path class="st6" d="M185.6,266.2c0,0-0.1-7.4,7.2-7.7s161.9-0.1,161.9-0.1s6.8,0.8,7,6.3s0.2,87.2,0.2,87.2s0.1,6.3-6.6,6.5 S191,358.6,191,358.6s-5.9-1.5-5.8-7.4S185.6,266.2,185.6,266.2z"></path>
284                <lineargradient id="SVGID_5_" gradientunits="userSpaceOnUse" x1="280.9" y1="-44.5" x2="267.54" y2="-44.5" gradienttransform="matrix(1 0 0 -1 0 264)">
285                  <stop offset="0" style="stop-color:#59C2E9"></stop>
286                  <stop offset="1" style="stop-color:#5BD3EF"></stop>
287                </lineargradient>
288                <circle style="fill: #77c7e8" cx="274.2" cy="308.5" r="6.7"></circle>
289              </g></svg>
290            </div>
291            <h3 class="h5 jcorgFilterTextChild">Writing Illustration</h3>
292            <div class="download-buttons mt-5">
293              <a class="btn btn-round" onclick="download_png('#girl_laptop')">PNG</a> <a class="btn btn-round" onclick="download_svg('#girl_laptop')">SVG</a>
294            </div>
295          </div>
296          <div class="col-sm-4 col-6 text-center hover-on man-simple" style="padding-top:150px">
297            <div class="svg">
298              <svg version="1.1" id="Man_simple" style="width:27%; enable-background:new 0 0 116.4 348.8;" 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" xml:space="preserve">
299              <g>
300                <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>
301                <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"></path>
302              </g>
303              <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)">
304                <stop offset="0" class="stop1"></stop>
305                <stop offset="1" class="stop2"></stop>
306              </lineargradient>
307              <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"></path>
308              <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)">
309                <stop offset="0" style="stop-color:#F87B58"></stop>
310                <stop offset="0.41" style="stop-color:#F89453"></stop>
311                <stop offset="0.71" style="stop-color:#F8C548"></stop>
312                <stop offset="1" style="stop-color:#F89C51"></stop>
313              </lineargradient>
314              <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"></path>
315              <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)">
316                <stop offset="0" class="stop1"></stop>
317                <stop offset="1" class="stop2"></stop>
318              </lineargradient>
319              <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"></path>
320              <lineargradient class="gradient-hair" id="SVGID_5_hair" gradientunits="userSpaceOnUse" x1="41.9497" y1="11.9794" x2="76.6323" y2="11.9794">
321                <stop offset="0" class="stop1"></stop>
322                <stop offset="1" class="stop2"></stop>
323              </lineargradient>
324              <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>
325              <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>
326              <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>
327              <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>
328              <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>
329              <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"></path></svg>
330            </div>
331            <h3 class="h5 jcorgFilterTextChild">Man In Suit Illustration</h3>
332            <div class="download-buttons mt-5">
333              <a class="btn btn-round" onclick="download_png('#Man_simple')">PNG</a> <a class="btn btn-round" onclick="download_svg('#Man_simple')">SVG</a>
334            </div>
335          </div>
336          <div class="col-sm-4 col-6 text-center hover-on man-lift" style="padding-top: 170px;">
337            <div class="svg">
338              <svg version="1.1" id="man_lift" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 358.9 591.4" style="enable-background:new 0 0 358.9 591.4;" xml:space="preserve">
339              <path class="st0" style="fill:#FFFFFF;" d="M175.5,50.7l172,23.5c6.6,0.9,11.2,6.9,10.3,13.5l0,0l-25.4,186c-0.9,6.6-6.9,11.2-13.5,10.3l0,0l-172-23.5 c-6.6-0.9-11.2-6.9-10.3-13.5l0,0L162,61C162.9,54.5,168.9,49.8,175.5,50.7L175.5,50.7z"></path>
340              <g>
341                <path class="st2" style="fill:#494db4" d="M94,558.7c-5.1,1-22.9-4.5-25.9-7.3c-1-0.9-1.8-3.5-2.6-4.6c-0.7-3.5-2.4-1.7-4.1-2 c-5.1-1.1-18.9-4.7-25.4-1.2c-1.2,2.7-1.3,5.3-2.1,6.8c-1.7,6.8-2.8,13.8-3.5,20.8c-0.5,4.3,2.6,8.1,6.8,8.6c0,0,0,0,0.1,0h0.1 c1.4,0.1,2.9,0,4.4-0.2c11-2.7,33.3-3.4,41.9-6.8C98.1,569,106.3,561.4,94,558.7z"></path>
342                <path class="st2" style="fill:#494db4" d="M265.1,566.8c-5,1.3-23.2-3.1-26.3-5.7c-1.1-0.8-2-3.3-2.9-4.4c-0.9-3.4-2.5-1.6-4.2-1.8 c-5.2-0.8-19.2-3.6-25.5,0.3c-1.1,2.7-0.9,5.4-1.6,6.9c-1.2,6.9-2,14-2.2,21c-0.2,4.3,3.1,7.9,7.4,8.2c0,0,0,0,0.1,0h0.1 c1.4,0.1,2.9-0.1,4.3-0.4c10.8-3.4,33-5.4,41.4-9.4C269.8,576.8,277.6,568.7,265.1,566.8z"></path>
343              </g>
344              <lineargradient class="gradient-trousers" id="SVGID_6_trousers" gradientunits="userSpaceOnUse" x1="340.92" y1="293.84" x2="540.72" y2="293.84" gradienttransform="matrix(1 0 0 1 -305.52 121.51)">
345                <stop offset="0" class="stop1"></stop>
346                <stop offset="1" class="stop2"></stop>
347              </lineargradient>
348              <path style="fill:url(#SVGID_6_trousers)" d="M35.4,543.8c8.7,1.2,29.6,1.5,29.6,1.5s1.3-10.2,7.7-29.8c6.5-19.9,39.2-82.3,39.2-82.3 c6.7-10.2,13.7-31.3,13.7-31.3l9.8-80.8c0,0,51.7,80.7,51,99s12.1,89.9,12.1,89.9c1.3,10.7,7.7,46.1,7.7,46.1 c9.6-1.2,19.3-1.4,29-0.8c-1.3-14.7-6.6-75-6.6-75s-3.3-46.8-4-75.3s-21-88.6-34.7-116.1c-1.8-4.7-3.3-9.4-4.5-14.3L64.5,289.9 c2.7,7.7,4.9,15.5,6.5,23.5c7.1,35.7,12.1,95.7,12.1,95.7c-18.9,21.4-30.8,61.7-30.8,61.7C44.6,495,35.4,543.8,35.4,543.8z"></path>
349              <g>
350                <lineargradient id="SVGID_2_" gradientunits="userSpaceOnUse" x1="109.1" y1="62.8383" x2="175.5535" y2="62.8383">
351                  <stop offset="0" style="stop-color:#F87B58"></stop>
352                  <stop offset="0" style="stop-color:#F87B58"></stop>
353                  <stop offset="0.41" style="stop-color:#F89453"></stop>
354                  <stop offset="0.94" style="stop-color:#F8C548"></stop>
355                </lineargradient>
356                <path class="st4" style="fill:url(#SVGID_2_)" d="M169.8,48.6c-18.6-3.5-37.7,3.1-37.7,3.1l-3.2,1l-19.8,25.4l18.3-4.9c4.9-1.7,14.5-4.3,18.9-4 c3.3-0.2,11.1,1.4,14.8-1.6c2.8-1.3,3.3-3.6,9-9.2c4.1-4.5,2.9-5.8,4.5-6.4C176.7,51.1,174.9,49,169.8,48.6z"></path>
357                <lineargradient id="SVGID_6_skin" gradientunits="userSpaceOnUse" x1="197.6" y1="269.369" x2="235.5968" y2="269.369">
358                  <stop offset="0" style="stop-color:#F87B58"></stop>
359                  <stop offset="0" style="stop-color:#F87B58"></stop>
360                  <stop offset="0.41" style="stop-color:#F89453"></stop>
361                  <stop offset="0.94" style="stop-color:#F8C548"></stop>
362                </lineargradient>
363                <path style="fill:url(#SVGID_6_skin)" d="M235.5,274.2c-0.2-1-3.8-0.4-4.4-1.3c-3.9-5.5-8.5-12.5-18.3-15.8c-2.8-0.9-5.7-1.5-8.6-1.8l-6.6,11.5 c0.8,2,1.9,3.9,3.1,5.6c4,5.4,12.4,12.7,27.8,10.7C232.1,282.7,236,277.9,235.5,274.2z"></path>
364                <lineargradient id="SVGID_4_" gradientunits="userSpaceOnUse" x1="41.2" y1="58.473" x2="103.6964" y2="58.473">
365                  <stop offset="0" style="stop-color:#F87B58"></stop>
366                  <stop offset="0" style="stop-color:#F87B58"></stop>
367                  <stop offset="0.41" style="stop-color:#F89453"></stop>
368                  <stop offset="0.94" style="stop-color:#F8C548"></stop>
369                </lineargradient>
370                <path class="st6" style="fill:url(#SVGID_4_)" d="M98,18.5c-2.2,0-48.6,35.8-49,39.8c-0.1,2.1-0.2,11.2-1.8,17.2c-1.5,5.6-6,13.6-6,13.6s4,7.5,14.4,9 c10,1.4,23.4-1.9,23.4-1.9s-3.1-19.8,0.7-22c3.3-1.9,4.3,0.1,15.7-9.5c11.4-9.6,7.7-33.8,7.4-35.4C102.5,27.7,100.2,18.5,98,18.5z"></path>
371              </g>
372              <lineargradient class="gradient-shirt" id="SVGID_6_shirt" gradientunits="userSpaceOnUse" x1="0.1556" y1="422.65" x2="211.1" y2="422.65" gradienttransform="matrix(1 0 0 -1 0 594)">
373                <stop offset="0" class="stop1"></stop>
374                <stop offset="1" class="stop2"></stop>
375              </lineargradient>
376              <path style="fill:url(#SVGID_6_shirt)" d="M151,186c-1
3765.1-13.7-24.7-56.4-29.5-67.1S109,105.2,106,104c-1.5-0.6-9.8-2.9-16-4.7L135,71 c6.1-11.5-5.9-18.4-5.9-18.4L77.9,78v17.3l-16.6-2.7l-19.8-3.9c-6.1-1.4-12.3-2.4-18.5-2.9c-2.6-0.2-5.2,0.1-7.7,1L14,87.3 c-3.1,1.1-5.7,3.3-7.2,6.3c-3.2,7-5.4,14.5-6.4,22.1C-1.5,128,8,155.9,17.7,176.2c4.2,8.6,20.6,52.8,24.7,63.9 c20,46.4,21.4,50,21.4,50c61.4-0.6,121.2-14.3,121.2-14.3c2.8-5.1-7.3-19.9-7.3-19.9l18.6,15.4c8.1,2.6,14.8-15.5,14.8-15.5 S163.7,197.5,151,186z"></path>
377              <lineargradient class="gradient-hair" id="SVGID_6_hair" gradientunits="userSpaceOnUse" x1="841.0706" y1="830.7568" x2="900.6005" y2="804.6367" gradienttransform="matrix(1 0 0 1 -807.25 -784.27)">
378                <stop offset="0" class="stop1"></stop>
379                <stop offset="1" class="stop2"></stop>
380              </lineargradient>
381              <path style="fill:url(#SVGID_6_hair)" d="M40.3,20.6c1-1.8,3.2-5.9,4.5-7.4c2.2-2.3,4.6-4.5,7.1-6.6c2.3-1.4,8-4.3,10.2-5.5c7.8-2.4,18.2,0,25.8,0.4 c6.9-0.5,12,8.1,14.7,13.8s-2.5,5-2,9.4c0.1,0.8-2.2,2-4.2,3.1S88.7,38,86.7,42.3c-2.1-10.5-9.1,8.2-7.8,10.5 c-2.8,1.8-6.2,9.4-11.2,11.8c-3.5-1.5-10-7.3-18.7-5.7c-0.6-1.6-9.2-8-10.1-18.8C38.2,36.9,37.5,25.4,40.3,20.6z"></path>
382              <path class="st9" style="opacity:7.000000e-02" d="M66.8,67.8c0,0,7.8,7,12.5,6.8l-1.2,5.9l0.3,8.5c0,0-3-4.8-6.8-9.7C69.2,75.9,67.5,72,66.8,67.8z"></path>
383              <path class="st9" style="opacity:7.000000e-02" d="M95.1,153.7c0,0,9.8,29.5,40,60.2s37.5,37.1,37.5,37.1s6.2,7.8,4.2,13s-15.2-12.2-44.8-25.7 c-16.9-7.7-22.7-21-30.5-39.6c-9.8-23.5-12-28.5-13.3-36.9C84.9,139.8,95.1,153.7,95.1,153.7z"></path>
384              <path class="st9" style="opacity:7.000000e-02" d="M135.3,321c0,0-14.3,30.9-18.4,46c-4.2,15.6-4.2,38.3-16.8,49.3c-14.3,12.5-31.1,54.5-35,63.4 c-5.5,12.7-16.8,82.7-13.5,87.6c3.2,4.8,16.1-2.4,16.1-2.4S63,547.1,67,531c4-16.1,22.8-59.1,34.6-80.4c10.7-19.1,21.6-41.2,24-54 C128,383.8,135.3,321,135.3,321z"></path></svg>
385            </div>
386            <h3 class="h5 jcorgFilterTextChild">Strong Man Illustration</h3>
387            <div class="download-buttons mt-5">
388              <a class="btn btn-round" onclick="download_png('#man_lift')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man_lift')">SVG</a>
389            </div>
390          </div>
391          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:100px">
392            <div class="svg">
393              <svg version="1.1" style="width:30%; enable-background:new 0 0 123 352;" id="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" xml:space="preserve">
394              <g>
395                <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>
396                <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"></path>
397              </g>
398              <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)">
399                <stop offset="0" class="stop1"></stop>
400                <stop offset="1" class="stop2"></stop>
401              </lineargradient>
402              <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"></path>
403              <lineargradient id="SVGID_7_skin" gradientunits="userSpaceOnUse" x1="13.8" y1="75.4114" x2="117.3" y2="75.4114">
404                <stop offset="0" style="stop-color:#F87B58"></stop>
405                <stop offset="0" style="stop-color:#F87B58"></stop>
406                <stop offset="0.41" style="stop-color:#F89453"></stop>
407                <stop offset="0.71" style="stop-color:#F8C548"></stop>
408                <stop offset="1" style="stop-color:#F89C51"></stop>
409              </lineargradient>
410              <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,
4100-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"></path>
411              <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)">
412                <stop offset="0" class="stop1"></stop>
413                <stop offset="1" class="stop2"></stop>
414              </lineargradient>
415              <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"></path>
416              <lineargradient class="gradient-hair" id="SVGID_7_hair" gradientunits="userSpaceOnUse" x1="48.0047" y1="12.0214" x2="82.6186" y2="12.0214">
417                <stop offset="0" class="stop1"></stop>
418                <stop offset="1" class="stop2"></stop>
419              </lineargradient>
420              <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"></path>
421              <g class="st5">
422                <g>
423                  <g>
424                    <g>
425                      <defs>
426                        <rect id="SVGID_5_" x="67.4" y="40.8" width="11.4" height="18"></rect>
427                      </defs>
428                      <clippath id="SVGID_6_">
429                        <use xlink:href="#SVGID_5_" style="overflow:visible;"></use>
430                      </clippath>
431                      <g class="st6">
432                        <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"></path>
433                      </g>
434                    </g>
435                  </g>
436                </g>
437              </g>
438              <g class="st5">
439                <g>
440                  <g>
441                    <g>
442                      <defs>
443                        <rect id="SVGID_7_" x="31" y="85" width="21" height="78"></rect>
444                      </defs>
445                      <clippath id="SVGID_8_">
446                        <use xlink:href="#SVGID_7_" style="overflow:visible;"></use>
447                      </clippath>
448                      <g class="st7">
449                        <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"></path>
450                      </g>
451                    </g>
452                  </g>
453                </g>
454              </g>
455              <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"></path>
456              <polygon class="st9" style="fill:#fff;" points="40,96 63,89 64,154 43,162"></polygon>
457              <polygon class="st9" style="fill:#fff;" points="63,89 90,97 90,161 64,154"></polygon>
458              <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>
459              <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"></path>
460              <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"></polygon></svg>
461            </div>
462            <h3 class="h5 jcorgFilterTextChild">Map Illustration</h3>
463            <div class="download-buttons mt-5">
464              <a class="btn btn-round" onclick="download_png('#map')">PNG</a> <a class="btn btn-round" onclick="download_svg('#map')">SVG</a>
465            </div>
466          </div>
467          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:100px;">
468            <div class="svg">
469              <svg version="1.1" style="width:38%; enable-background:new 0 0 295.5 666;" id="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" xml:space="preserve">
470              <g>
471                <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>
472                <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"></path>
473              </g>
474              <lineargradient class="gradient-trousers" id="SVGID_8_trousers" gradientunits="userSpaceOnUse" x1="78.48" y1="454.5049" x2="214.708" y2="454.5049">
475                <stop offset="0" class="stop1"></stop>
476                <stop offset="1" class="stop2"></stop>
477              </lineargradient>
478              <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"></path>
479              <lineargradient id="SVGID_8_skin" gradientunits="userSpaceOnUse" x1="46.94" y1="143.535" x2="231.9245" y2="143.535">
480                <stop offset="0" style="stop-color:#F87B58"></stop>
481                <stop offset="0" style="stop-color:#F87B58"></stop>
482                <stop offset="0.41" style="stop-color:#F89453"></stop>
483                <stop offset="0.71" style="stop-color:#F8C548"></stop>
484                <stop offset="1" style="stop-color:#F89C51"></stop>
485              </lineargradient>
486              <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.
4866s5.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"></path>
487              <lineargradient class="gradient-shirt" id="SVGID_8_shirt" gradientunits="userSpaceOnUse" x1="39.5409" y1="209.67" x2="235.1279" y2="209.67">
488                <stop offset="0" class="stop1"></stop>
489                <stop offset="1" class="stop2"></stop>
490              </lineargradient>
491              <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"></path>
492              <lineargradient class="gradient-hair" id="SVGID_8_hair" gradientunits="userSpaceOnUse" x1="112.4276" y1="23.4127" x2="177.5234" y2="23.4127">
493                <stop offset="0" class="stop1"></stop>
494                <stop offset="1" class="stop2"></stop>
495              </lineargradient>
496              <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"></path>
497              <g class="st5">
498                <g>
499                  <defs>
500                    <rect id="SVGID_5_" x="149.3" y="77.7" width="20.8" height="34.1"></rect>
501                  </defs>
502                  <clippath id="SVGID_6_">
503                    <use xlink:href="#SVGID_5_" style="overflow:visible;"></use>
504                  </clippath>
505                  <g class="st6">
506                    <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"></path>
507                  </g>
508                </g>
509              </g>
510              <g>
511                <g class="st5">
512                  <g>
513                    <defs>
514                      <rect id="SVGID_7_" x="159.1" y="140.7" width="58" height="100.7"></rect>
515                    </defs>
516                    <clippath id="SVGID_8_">
517                      <use xlink:href="#SVGID_7_" style="overflow:visible;"></use>
518                    </clippath>
519                    <g class="st7">
520                      <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"></path>
521                    </g>
522                  </g>
523                </g>
524                <g class="st5">
525                  <g>
526                    <defs>
527                      <rect id="SVGID_9_" x="73.5" y="295.5" width="47.3" height="359.9"></rect>
528                    </defs>
529                    <clippath id="SVGID_10_">
530                      <use xlink:href="#SVGID_9_" style="overflow:visible;"></use>
531                    </clippath>
532                    <g class="st8">
533                      <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,3
53317.5,126.3,317.5"></path>
534                    </g>
535                  </g>
536                </g>
537                <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"></path>
538              </g></svg>
539            </div>
540            <h3 class="h5 jcorgFilterTextChild">Character Illustrations</h3>
541            <div class="download-buttons mt-5">
542              <a class="btn btn-round" onclick="download_png('#man_with_ipad')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man_with_ipad')">SVG</a>
543            </div>
544          </div>
545          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:100px;">
546            <div class="svg">
547              <svg version="1.1" style="width:45%; enable-background:new 0 0 280.6 539;" id="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" xml:space="preserve">
548              <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"></path>
549              <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)">
550                <stop offset="0" class="stop1"></stop>
551                <stop offset="1" class="stop2"></stop>
552              </lineargradient>
553              <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"></path>
554              <lineargradient id="SVGID_11_skin" gradientunits="userSpaceOnUse" x1="12.0335" y1="150.9466" x2="272.5" y2="150.9466">
555                <stop offset="0" style="stop-color:#F87B58"></stop>
556                <stop offset="0.63" style="stop-color:#F89453"></stop>
557                <stop offset="0.81" style="stop-color:#F8C548"></stop>
558                <stop offset="0.94" style="stop-color:#F89952"></stop>
559                <stop offset="1" style="stop-color:#F89C51"></stop>
560              </lineargradient>
561              <path style="fill:url(#SVGID_11_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"></path>
562              <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)">
563                <stop offset="0" class="stop1"></stop>
564                <stop offset="1" class="stop2"></stop>
565              </lineargradient>
566              <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"></path>
567              <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)">
568                <stop offset="0" class="stop1"></stop>
569                <stop offset="1" class="stop2"></stop>
570              </lineargradient>
571              <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.9
571c4,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"></path>
572              <g class="st5">
573                <g>
574                  <g>
575                    <g>
576                      <defs>
577                        <rect id="SVGID_5_" x="142.2" y="303.6" width="46.7" height="234.9"></rect>
578                      </defs>
579                      <clippath id="SVGID_6_">
580                        <use xlink:href="#SVGID_5_" style="overflow:visible;"></use>
581                      </clippath>
582                      <g class="st6">
583                        <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"></path>
584                      </g>
585                    </g>
586                  </g>
587                </g>
588              </g>
589              <g class="st5">
590                <g>
591                  <g>
592                    <g>
593                      <defs>
594                        <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"></rect>
595                      </defs>
596                      <clippath id="SVGID_8_">
597                        <use xlink:href="#SVGID_7_" style="overflow:visible;"></use>
598                      </clippath>
599                      <g class="st7">
600                        <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"></path>
601                      </g>
602                    </g>
603                  </g>
604                </g>
605              </g>
606              <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>
607              <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>
608              <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"></path></svg>
609            </div>
610            <h3 class="h5 jcorgFilterTextChild">Phone Illustration</h3>
611            <div class="download-buttons mt-5">
612              <a class="btn btn-round" onclick="download_png('#man_hand_up')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man_hand_up')">SVG</a>
613            </div>
614          </div>
615          <div class="col-sm-4 col-6 col-offset-2 text-center hover-on boy-hand-up" style="padding-top:150px">
616            <div class="svg">
617              <svg version="1.1" id="Boy" style="width:40%; enable-background:new 0 0 194.4 361.3;" 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" xml:space="preserve">
618              <title>Boy</title>
619              <g>
620                <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>
621                <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"></path>
622              </g>
623              <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)">
624                <stop offset="0" style="stop-color:#F87B58"></stop>
625                <stop offset="0.5" style="stop-color:#F8C548"></stop>
626                <stop offset="1" style="stop-color:#F89C51"></stop>
627              </lineargradient>
628              <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"></path>
629              <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)">
630                <stop offset="0" class="stop1"></stop>
631                <stop offset="1" class="stop2"></stop>
632              </lineargradient>
633              <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"></polygon>
634              <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)">
635                <stop offset="0" class="stop1"></stop>
636                <stop offset="1" class="stop2"></stop>
637              </lineargradient>
638              <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,
6380,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"></path>
639              <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)">
640                <stop offset="0" class="stop1"></stop>
641                <stop offset="1" class="stop2"></stop>
642              </lineargradient>
643              <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>
644              <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>
645              <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>
646              <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>
647              <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"></path></svg>
648            </div>
649            <h3 class="h5 jcorgFilterTextChild">Little Boy Illustration</h3>
650            <div class="download-buttons mt-5">
651              <a class="btn btn-round" onclick="download_png('#Boy')">PNG</a> <a class="btn btn-round" onclick="download_svg('#Boy')">SVG</a>
652            </div>
653          </div>
654          <div class="col-sm-4 col-6 text-center hover-on child-girl" style="padding-top:150px">
655            <div class="svg">
656              <svg version="1.1" id="child_girl" style="width:43%; enable-background:new 0 0 198.1 354.2;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 198.1 354.2" xml:space="preserve">
657              <g>
658                <path class="st0" d="M92.2,338.7c0,0-7.2,7.8-12.6,8.1c-4.6,0.2-5.2,2-5.2,5.1s20,2.5,26.5,1.3c4.6-0.8,1.4-14.3,1.4-14.3 L92.2,338.7z"></path>
659                <path class="st0" d="M155.7,337.3l-9.1,0.9c0,0-6.8,7.9-12.1,8.6c-4.6,0.6-5.7,2.6-5.5,5.7c0.2,3.1,22.8,1,26.7-1.6 C159.6,348.3,155.7,337.3,155.7,337.3z"></path>
660              </g>
661              <lineargradient id="SVGID_10_skin" gradientunits="userSpaceOnUse" x1="3.952612e-04" y1="171.7318" x2="164.659" y2="171.7318">
662                <stop offset="2.000000e-02" style="stop-color:#F87B58"></stop>
663                <stop offset="0.51" style="stop-color:#F8C548"></stop>
664                <stop offset="1" style="stop-color:#F89C51"></stop>
665              </lineargradient>
666              <path style="fill:url(#SVGID_10_skin)" d="M137.7,24.1c-1.8,20.3-3.6,19.8-9.3,26.9c-2.8,3.5-7.4,7.8-7.9,12.3c-0.1,1,0.3,1.9,1.1,2.6l6,4.8l2.5,1.9 c0.2,0.2,0.4,0.4,0.5,0.6l20.8,34.1l0.1,0.1l12.9,24.6c0.8,1.5-0.4,6.2-1.6,7.5c-6.2,6.6-20.5,13.6-18.4,20.2 c6.9,21.8,1.3,16.7-2.7,13.2c-2.1-1.9-4.9-10.9-5.9-14.9s18-23,16-26c-1.8-2.8-15.9-23.1-18.1-26.3c-0.2-0.3-0.4-0.5-0.8-0.7 l-13.3-6.9c-1-0.5-2.3-0.1-2.8,0.9c-0.2,0.4-0.3,0.8-0.2,1.3L137,218.6v0.1l3.6,31.6c0,0,0,0.1,0,0.2c0.1,3.8,1.8,21.8,2.2,25.4 c1,7.2,2.7,10.7,4,17.4l8.4,41.7c0.2,1.2,1.2,4.3,0,4.5l-6.9,0.1c-1,0.1-2-1.9-2.3-2.9L131.3,292c-1-3.4-6-13.1-7.4-20.6 c-2-10.3-3.9-22-4.8-26.5l-4.3-24.6c-0.1-0.8,0.2-1.7,0.9-2.1L127,211c0.9-0.5,1.2-1.6,0.8-2.6l-12.5-30.1c-0.5-1.1-1.7-1.5-2.8-1.1 c-0.8,0.4-1.3,1.2-1.2,2.1l3.7,36.5c0,0.1,0,0.3,0,0.4l-2.2,27.2c0,0.1,0,0.1,0,0.2l-6,36.2c0,0.1,0,0.1,0,0.2l-4.4,57.2 c-0.1,1.1-0.3,3.5-1.3,3.5l-7.4,0.3c-1.2,0-1.7-2.7-1.7-3.9l-0.2-29V308l-1.4-20.3c0,0,0-0.1,0-0.2c-0.7-4.1-0.2-12.9,0-19.1 c0.3-8.5,1-13.3,1.1-14.8l0.7-23.7c0-0.1,0-0.2,0-0.3l-3.7-26.3c0-0.1,0-0.2,0-0.3V93c0-1.2-0.9-2.1-2.1-2.1c-0.7,0-1.3,0.3-1.7,0.9 c-4.9,7-10.7,13.5-17.2,19.1c-6,5-9.7,5.9-11.5,6c-0.7,0-1.4-0.3-1.8-0.9l-32-44.6c-0.4-0.6-1.2-0.9-1.9-0.9L15.5,71 c-0.1,0-0.3,0-0.4,0C7.7,70.3,3.5,68.1,1,67.2c-0.8-0.3-1.2-1.1-0.9-1.8c0.1-0.3,0.3-0.5,0.5-0.7C4.4,62,9,60.4,13.7,60.2 c5.4,0.1,10.8,1.5,15.6,4c0.2,0.1,0.5,0.3,0.6,0.5L56.3,98c0.7,0.9,2,1.1,2.9,0.4c0.2-0.1,0.3-0.3,0.4-0.5l10.5-15 c0.2-0.3,0.4-0.5,0.7-0.6l31-17.8c0.8-0.5,1.5-1.2,1.8-2.1c1.1-3.1,2.3-6.2-2.3-15.1c-3.2-6.2-6.7-31,11.9-44c3.8-2.7,1.9,2,5.1,2 c12.3,0,17,13.8,17,13.8"></path>
667              <lineargradient class="gradient-shirt" id="SVGID_10_shirt" gradientunits="userSpaceOnUse" x1="68.1" y1="210.646" x2="157.1243" y2="210.646" gradienttransform="matrix(1 0 0 -1 0 356)">
668                <stop offset="0" class="stop1"></stop>
669                <stop offset="1" class="stop2"></stop>
670              </lineargradient>
671              <path style="fill:url(#SVGID_10_shirt)" d="M101.9,64.8c0,5,3.2,14.2,13.9,14.2c6.9,0,8.5-7.1,8.9-10c0.2-1.7,2.9,1.2,4.5,2.1c15.3,9.2,22.8,37,22.8,37 l-16.5,1.9l-2.1,41.1l23.6,69.2c0.4,1.1-0.2,2.3-1.3,2.7c-0.3,0.1-0.6,0.1-1,0.1c-9.2-1.2-34.4-4.2-39-1c-11.8,8-41.7,4.5-41.7,1.5 c0-4.4,14.1-78.2,14.1-78.2l-8.4-47.9l-2.4-1.9l-9.2-9.5l9.3-14.9c3.3-3.8,8.3-6,13.3-6.8c2.5-0.4,5.1-0.6,7.6-0.7 C100.4,63.9,101.9,64.1,101.9,64.8"></path>
672              <lineargradient class="gradient-hair" id="SVGID_10_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
673                <stop offset="0" class="stop1"></stop>
674                <stop offset="1" class="stop2"></stop>
675              </lineargradient>
676              <path style="fill:url(#SVGID_10_hair)" d="M135,43.4c-0.8,0.3-1.7,0-2.2-0.7c-3.9-5.1-19.7-25.8-20.3-27.1c-0.7-1.5-11.6,11.5-13.3,16.4 c-2,5.9-2.5-9.3-3.4-11.6s-8.4,9.5-12.3,10.5s-5.1-1.5-7.7,3.1c-1.5,2.8,1.4-17.1,11.4-23.7c6.5-4.3,8.3,6.8,8.3,6.8 c3.7-5.1,8.5-9.3,14-12.3c8-4.4,15.7-4.7,25.9,4.8c5.9,5.5,10.9,16.5,10.7,21.6c-0.2,4.9,4.8,0.7,5.7-0.3s9.6,1.3,8.1,8.6 s-1.8,6.9-7.2,11.2c-3,2.3-5.6,5.1-7.5,8.2V40.4C145.1,38.4,139.3,41.8,135,43.4z"></path>
677              <path class="st4" style="opacity:7.000000e-02" d="M112.5,55.8c0,0,7.2,4.5,10.8-0.2c2.3-3.1-4.2,6.5-3.1,10.3S112.5,55.8,112.5,55.8z"></path>
678              <path class="st4" style="opacity:7.000000e-02" d="M126.3,92l9.1,18l-2.1,41.1l23.6,69.2c0,0,4.9,3.5-8.9,2s-22.7-2-27.1-2s-14.8-4.4,1-19.7 c6.4-6.2,4.9-10.9,0.5-27.1s9.4-13.3,0-26.7S135.7,114.7,126.3,92z"></path></svg>
679            </div>
680            <h3 class="h5 jcorgFilterTextChild">Little Girl Illustration</h3>
681            <div class="download-buttons mt-5">
682              <a class="btn btn-round" onclick="download_png('#child_girl')">PNG</a> <a class="btn btn-round" onclick="download_svg('#child_girl')">SVG</a>
683            </div>
684          </div>
685          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
686            <div class="svg">
687              <svg id="behind_woman" style="width:35%" data-name="behind woman" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 202.89 500.99">
688              <lineargradient class="gradient-trousers" id="SVGID_10_trousers" gradientunits="userSpaceOnUse" x1="41.4" y1="918.3" x2="111.4" y2="918.3" gradienttransform="matrix(1 0 0 1 0 -716)">
689                <stop offset="0" class="stop1"></stop>
690                <stop offset="1" class="stop2"></stop>
691              </lineargradient>
692              <path style="fill:url(#SVGID_10_trousers)" d="M243.89,674l51.83-210.88,10.72,89.36V674h16.08s20.77-189.17,20.85-205.35c.08-17.8-5.38-64-5.38-64l-71.21-5s-18.66,64.81-19.06,103.61c-.28,26.86-20.89,166.28-20.89,166.28Z" transform="translate(-223.4 -197.62)"></path>
693              <lineargradient id="gradient-skin-woman-behind" x1="368.23" y1="363.53" x2="390.05" y2="363.53" gradientunits="userSpaceOnUse">
694                <stop offset="0" stop-color="#f87b58"></stop>
695                <stop offset="0.5" stop-color="#f8c548"></stop>
696                <stop offset="1" stop-color="#f89c51"></stop>
697              </lineargradient>
698              <lineargradient id="gradient-skin-woman-behind-hand" x1="302.47" y1="665.26" x2="325.4" y2="665.26" gradienttransform="matrix(1, -0.04, 0.04, 1, 75.5, -302.54)" xlink:href="#gradient-skin-woman-behind"></lineargradient>
699              <path style="fill:url(#gradient-skin-woman-behind)" d="M370.8,359.15s9.72-.53,12.57,0,9.93,4.92,5,7.32-20.1,1.51-20.1,1.51Z" transform="translate(-223.4 -197.62)"></path>
700              <path style="fill:url(#gradient-skin-woman-behind-hand)" d="M403.66,346s9.68-.91,12.55-.49,14.25-2.7,8.47,5.29c-3.24,4.47-21,4.37-21,4.37Z" transform="translate(-223.4 -197.62)"></path>
701              <lineargradient class="gradient-shirt" id="SVGID_11_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)">
702                <stop offset="0" class="stop1"></stop>
703                <stop offset="1" class="stop2"></stop>
704              </lineargradient>
705              <path style="fill:url(#SVGID_11_shirt)" d="M275.71,279.72a3,3,0,0,1,1.49-.39h7.27a45,45,0,0,1,7.2.92,5.78,5.78,0,0,0,1.1.11c4.05,0,4.54,0,5.3,0,4.63,0,4.79-1.07,7-1.09,4.49,0,6.73-.05,8.77.1a36.2,36.2,0,0,1,9.24,1.52c5,1.76,10.49,5.38,15.44,12.52,8.69,12.51,5.46,9.33,10.32,19.13,3.3,6.63,5.36,30.31,22.29,32.4,7.88,1,7.68,1.43,17.37,1.9,8.7.42,13.1-.9,16.83-.9,6.39,0-1.3,9.26-1.3,9.26-6.3.46-32.43,6.93-35.79,3.76-3.76-3.55-23.9-9.41-25.43-11.43-6.76-8.95-6.93-9.61-8.19-11.81a1.87,1.87,0,0,1-.24-.53h0c-1-2.63-2.71-5.08-2.38,2.77.08,1.9,7.38,7.64,10.8,9.57.74.42,27.88,11.52,28,11.66.38.43,2.16,9.19-2.57,8.83-4.27-.33-35.43-7.29-35.37-6.33.24,4.36,3.16,28,5.13,43-22.86-.
70566-48.15-3.63-71.21-5,0,0,9.31-30,1.2-53.63C261.68,327.64,253.54,292.53,275.71,279.72Z" transform="translate(-223.4 -197.62)"></path>
706              <lineargradient id="gradient-skin-woman-behind-face" x1="284.47" y1="253.23" x2="318.09" y2="253.23" xlink:href="#gradient-skin-woman-behind"></lineargradient>
707              <path style="fill:url(#gradient-skin-woman-behind-face);" d="M284.47,279.33l1-11.31L306,233.4,318,225.88s1.17,28.21-7.18,38.63c0,0-6.92,2.59-6.53,5.81s.7,9,.7,9c.35-.1-1.76.38-4.67,1-.67.15-4.79.23-5.24.22l-2.88-.2c-.42,0-1.08-.17-1.26-.2C287.8,279.65,284.6,279.33,284.47,279.33Z" transform="translate(-223.4 -197.62)"></path>
708              <lineargradient class="gradient-hair" id="SVGID_11_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
709                <stop offset="0" class="stop1"></stop>
710                <stop offset="1" class="stop2"></stop>
711              </lineargradient>
712              <path style="fill:url(#SVGID_11_hair)" d="M285.27,270.1s19.51-11.7,19.47-17.48,1.41-10.41,6.81-14.76c7.41-6,9.28-17.34,3.83-22.11s-21.6-12.48-36.24-6.35c0,0-3.07-11.13-13.66-11.77-6-.36-25.55,7.78-26.1,30-.35,14.05-8.6,37.3-13.54,46.91-10,19.36,13.23-2.27,21.06-15.65,10.55-18,23.39-41.38,23.39-41.38s-8,11-8.84,18.62C260.57,244.12,260.13,253.4,285.27,270.1Z" transform="translate(-223.4 -197.62)"></path>
713              <g class="cls-8">
714                <path class="st0" d="M258.73,684.24c-9.55-2.77-14.48-13.61-14.48-13.61l-17.42-1.1s-1.22,11.21-1.68,17.31c-.62,8.08.91,11.69,6.78,11.25,7.7-.58,39.13,2,44.06-.87,6.42-3.75-8.32-10.38-17.26-13" transform="translate(-223.4 -197.62)"></path>
715                <path class="st0" d="M339.18,683.33c-9.55-2.77-16.06-14.71-16.06-14.71h-16.6s-.46,11.21-.92,17.31c-.62,8.07.91,11.68,6.77,11.25,7.71-.58,39.14,2,44.07-.87,6.41-3.75-8.32-10.38-17.26-13" transform="translate(-223.4 -197.62)"></path>
716              </g>
717              <path class="st9" style="opacity:7.000000e-02" d="M295.72,463.16,244.25,670.63l-17.42-1.1s22.3-38.79,23.5-76.63c1.65-52,19-62.15,20.63-91S295.72,463.16,295.72,463.16Z" transform="translate(-223.4 -197.62)"></path>
718              <path class="st9" style="opacity:7.000000e-02" d="M266.78,399.64s11-24.31,3.16-51c-7.94-26.92-14.62-41.92,1-64.42,6.85-9.85-6.21,44.79,16.1,54.76,12.53,5.6.81,31.41,11.8,41.59A43.5,43.5,0,0,1,311.91,403Z" transform="translate(-223.4 -197.62)"></path></svg>
719            </div>
720            <h3 class="h5 jcorgFilterTextChild">Person Illustration</h3>
721            <div class="download-buttons mt-5">
722              <a class="btn btn-round" onclick="download_png('#behind_woman')">PNG</a> <a class="btn btn-round" onclick="download_svg('#behind_woman')">SVG</a>
723            </div>
724          </div>
725          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
726            <div class="svg">
727              <svg id="man_presenting" style="width:43%" data-name="man presenting" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 287.49 624.1">
728              <lineargradient class="gradient-hair" id="SVGID_12_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
729                <stop offset="0" class="stop1"></stop>
730                <stop offset="1" class="stop2"></stop>
731              </lineargradient>
732              <path style="fill:url(#SVGID_12_hair)" d="M342.31,200.07l46-8.81s3.83-19.15,2.68-22.59-2.23-10.91-8.74-13.21-15.28-20.62-37.11-6.06S335,181.31,335,181.31Z" transform="translate(-180.16 -116.88)"></path>
733              <lineargradient id="SVGID_12_skin" x1="180.16" y1="237.78" x2="467.65" y2="237.78" gradientunits="userSpaceOnUse">
734                <stop offset="0" stop-color="#f87b58"></stop>
735                <stop offset="0.41" stop-color="#f89453"></stop>
736                <stop offset="0.71" stop-color="#f8c548"></stop>
737                <stop offset="1" stop-color="#f89c51"></stop>
738              </lineargradient>
739              <path style="fill:url(#SVGID_12_skin)" d="M374.71,161.64s-22.89,8.84-28.1,11-8,8.45-8,8.45-2.56-1.52-2.56,2.82,2.13,14.12,3.68,16.61A134,134,0,0,1,347,213.6c2.12,4.48,1.35,13.78-.82,15.08s-40.83,36.06-40.83,36.06L273.2,231.39l-38.51-38-16.3-33.95S202.85,134,200.79,131c-16-23.58-19.73-12.49-20.59-3.39-.25,2.65.58,12.76,2.24,14.85l75.07,95,17,6,30.79,21.23,11.29,19.11L423.45,303l13.89,55.7,13-73.6,4.19-14.83a.87.87,0,0,1,1.66-.05l2.39,6.85c1-.85-1.07,2.39,0,0l4.89,3.93a11.15,11.15,0,0,1,3.8,11.48L450.86,356s-67.51-121.56-70.93-128.76c-1.54-3.23.1-11,1-15,.82-3.67,2.61-8.25,4.35-9.56s4.77-7.38,4.77-10,.51-10.88-1.73-8.69c-.61.6-3.59-4.09-4.46-8A27.12,27.12,0,0,0,374.71,161.64Z" transform="translate(-180.16 -116.88)"></path>
740              <lineargradient class="gradient-trousers" id="SVGID_11_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
741                <stop offset="0" class="stop1"></stop>
742                <stop offset="1" class="stop2"></stop>
743              </lineargradient>
744              <path style="fill:url(#SVGID_11_trousers)" d="M304.14,406.32s-15.43,126.76-16.38,134.86S293,591.66,293,599.76s1
7445.13,94.42,15.13,94.42l23.92-1.08s-4.76-127.16-4.29-133.35,26.67-80,26.67-80,1.91,19.53,1.91,25.72,7.25,186,7.25,186h20.85l29.65-264.82-.57-5.1Z" transform="translate(-180.16 -116.88)"></path>
745              <lineargradient class="gradient-shirt" id="SVGID_12_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)">
746                <stop offset="0" class="stop1"></stop>
747                <stop offset="1" class="stop2"></stop>
748              </lineargradient>
749              <path style="fill:url(#SVGID_12_shirt)" d="M365.88,260.79a3.55,3.55,0,0,1-5.87-.22,50.82,50.82,0,0,1-3.3-5.72c-1.7-3.39-14.8-22.79-14.8-22.79s-25.67-1.85-31.28-4.31c-5.78-2.53-11.13-1.06-17.73-3.05-5.92-1.78-21.66-10.78-25.65-12.71-10.46-5.08-16.67-11.33-32.52-30-11.42-13.48-15.35-24.44-17.29-26-6.87-5.57-23.74,5.69-23.74,5.69s29.74,56.77,39.67,66.11C244.26,238,265.59,252.25,282,256c12.69,2.91,26,28.68,27.21,33.51,3.43,14.12-7.5,106-7.5,106s-.42,17.41,3,19.11c3,1.5,39.89,15.62,48.38,18.87a1.8,1.8,0,0,0,2.34-1.1l5.42-15.54a.33.33,0,0,1,.63,0l5.18,17A1.78,1.78,0,0,0,368.7,435l45.39-9.77s-.63-83.75.15-97.74c.76-13.71-1-21.34,1.47-17.64,2.71,4.15,8.75,46.61,11.82,52.19,2.47,4.51,9.78,6.64,15.57,7.64a12.84,12.84,0,0,0,12.15-4.49l6.29-7.67c1.77-2.16,1-13.18.76-16-.75-9.27-.67-22.46.31-28.72,1.28-8.07-19.34,2.74-19.34-6.19,0-14.68-11.62-47.95-11.62-47.95s-2.13-8.92-17.41-13.59-26.79-11.41-29.69-11.38c-2.72,0-11.27,16.25-15.09,20.92C367.77,256.74,368.07,257.72,365.88,260.79Z" transform="translate(-180.16 -116.88)"></path>
750              <path style="fill:#4b44be;" d="M382,691.19l-18.15.18s-3.74,17.34-5.69,24.57c-.13.46-.51,1.64-.77,2.49a14.87,14.87,0,0,0-.36,3.79c.37,6.57,2.82,12.13,8.66,15.1,6.43,3.26,11.39,6.26,18.23,0s7.75-10.2,5.12-21.07-3.47-24.63-5.09-25" transform="translate(-180.16 -116.88)"></path>
751              <path style="fill:#4b44be;" d="M286.37,713.62c13.39-3.72,22.35-19.55,22.35-19.55l22.9-1.19s1.19,16,1.85,24.22c.86,10.82-1.29,15.65-9.51,15.07-10.8-.77-54.88,2.7-61.79-1.16-9-5,11.66-13.91,24.2-17.39" transform="translate(-180.16 -116.88)"></path>
752              <path style="opacity:0.07;" d="M358.08,466.86c-2.95,8.64-14.46,25.38-21.83,35.35s-30.58,31.27-29.11,57.17,17.17,92.39,17.17,98.37S318.44,692,314,700.66s-6.53,24.39-4.32,24.39a61.67,61.67,0,0,0,12.43-1.65c3.81-1,9.06-2,11.2-3,1.51-.7,1.83-5.59,1.83-5.59a17,17,0,0,0-.71-6.21c-.5-1.29-2.37-7.88-2.44-9.78-.93-24.35-3-80.67-2.58-84.61.76-7.38-5.09-44.53.25-62.84S358.08,466.86,358.08,466.86Z" transform="translate(-180.16 -116.88)"></path>
753              <path style="opacity:0.07;" d="M302.6,420.62,298.68,451s4,6.27,5,1,9.44-15.3,4.35-22.43S302.6,420.62,302.6,420.62Z" transform="translate(-180.16 -116.88)"></path>
754              <path style="opacity:0.07;" d="M413.8,429.14l-1.37,14.48-1.79,14s-5.78,4.19-5.69-1.24-9.74-13.71-2.27-19.23S413.8,429.14,413.8,429.14Z" transform="translate(-180.16 -116.88)"></path>
755              <path style="opacity:0.07;" d="M341.8,232.35c1-.22-5,1.42.27-.32,9-3,5.26-20,5.26-20s.93,6.37,9.48,8.93c8.38,2.5,10.86.65-2,6.72-12.65,6-6.13,8.07-5.27,15.87" transform="translate(-180.16 -116.88)"></path>
756              <path style="opacity:0.07;" d="M309.82,303.66l-8.11,93.44s.1,15.53,3,17.87,12,3.84,14.1,5.34,24.28,8.84,18.49-3.55C336,414,306,397.18,319.39,379.68s11-41.95,4.57-58.95-14.24-42.39-14.24-42.39Z" transform="translate(-180.16 -116.88)"></path>
757              <path style="opacity:0.07;" d="M444.43,309.27s6.88,2.39,12.75-.06c8.78-3.66,3.13,27.63,4.88,37.87,1.33,7.7-6.89,24.64-19,22.63s-16.14-3.24-18.69-19.26c-1.94-12.26,16.86-15.79,16.86-27.46S444.43,309.27,444.43,309.27Z" transform="translate(-180.16 -116.88)"></path>
758              <path style="opacity:0.07;" d="M414,334.41s3.51-33.24,0-44.89-6.6-14-6.6-14Z" transform="translate(-180.16 -116.88)"></path></svg>
759            </div>
760            <h3 class="h5 jcorgFilterTextChild">Hand Illustration</h3>
761            <div class="download-buttons mt-5">
762              <a class="btn btn-round" onclick="download_png('#man_presenting')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man_presenting')">SVG</a>
763            </div>
764          </div>
765          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
766            <div class="svg">
767              <svg id="man-walking" style="width: 42%" data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 233.4 542.39">
768              <g class="cls-2">
769                <path style="fill:#4b44be;" d="M312.19,677.21c-8.76-6.3-9.87-19.19-9.87-19.19l-17.43-7.45s-5.31,11-8,17.09c-3.57,8-3.32,12.29,2.84,14,8.09,2.21,39.3,16.28,45.39,15.12,7.93-1.5-4.73-13.64-12.93-19.55" transform="translate(-274.57 -154.44)"></path>
770                <path style="fill:#4b44be;" d="M483.88,669c-11.63-.8-20.08-8.75-20.08-8.75l-20.47.41s1.48,12.08,2.21,18.68c1,8.75,3.49,12.25,10.18,10.46,8.8-2.35,45.73-6.68,50.84-10.87,6.65-5.44-11.79-9.18-22.68-9.93" transform="translate(-274.57 -154.44)"></path>
771              </g>
772              <lineargradient class="gradient-trousers" id="SVGID_12_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
773                <stop offset="0" class="stop1"></stop>
774                <stop offset="1" class="stop2"></stop>
775              </lineargradient>
776              <polygon style="fill:url(#SVGID_12_trousers)" points="9.45 495.93 53.73 367.97 72.17 213.68 138.28 213.68 181.87 361.59 194.11 509.49 169.13 509.19 146.41 364.13 115.06 305.91 101.78 369.8 29.79 509.49 9.45 495.93"></polygon>
777              <path style="opacity:0.1;" d="M284,650.38l44.29-128,17.79-148.92S389.86,369,373,396c-27.36,43.85,3.85,93.66-11.38,117.59s-8,32.41-18,48.45c-8.89,14.27-17.76,14.76-28.61,50.29a325.2,325.2,0,0,0-10.69,51.6Z" transform="translate(-274.57 -154.44)"></path>
778              <lineargradient id="SVGID_13_skin2" x1="318.79" y1="420.17" x2="341.6" y2="420.17" gradientunits="userSpaceOnUse">
779                <stop offset="0" stop-color="#f87b58"></stop>
780                <stop offset="0.5" stop-color="#f8c548"></stop>
781                <stop offset="1" stop-color="#f89c51"></stop>
782              </lineargradient>
783              <lineargradient id="skin_man_walking_left-hand" x1="318.79" y1="420.17" x2="341.6" y2="420.17" gradientunits="userSpaceOnUse">
784                <stop offset="0" stop-color="#f87b58"></stop>
785                <stop offset="0.5" stop-color="#f8c548"></stop>
786                <stop offset="1" stop-color="#f89c51"></stop>
787              </lineargradient>
788              <path style="fill:url(#skin_man_walking_left-hand)" d="M324.81,405.75s-8.28,13.32-5.42,20.94,5.48,10.48,10.72,5.24,11.49-20.82,11.49-20.82Z" transform="translate(-274.57 -154.44)"></path>
789              <lineargradient id="skin_man_walking_right-hand" x1="725.52" y1="14.9" x2="748.33" y2="14.9" gradienttransform="translate(59.08 1014.35) rotate(-59.36)" xlink:href="#SVGID_13_skin2"></lineargradient>
790              <path style="fill:url(#skin_man_walking_right-hand)" d="M432.35,385.2s7.24,13.91,15.25,15.34,11.81.63,10-6.55-12.06-20.5-12.06-20.5Z" transform="translate(-274.57 -154.44)"></path>
791              <lineargradient id="SVGID_13_skin" x1="349.4" y1="205.27" x2="396.21" y2="205.27" xlink:href="#SVGID_13_skin2"></lineargradient>
792              <path style="fill:url(#SVGID_13_skin)" d="M378.39,243.18s-4.89-23.41,5.08-28.14c13.47-6.37,14-24.3,11-35.49-2.54-9.59,1.72-12.19,1.72-12.19s-29.64,9.85-30.12,16-14.63,14.23-14.63,20.8-2.06,32.16-2.06,32.16Z" transform="translate(-274.57 -154.44)"></path>
793              <lineargradient class="gradient-shirt" id="SVGID_13_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)">
794                <stop offset="0" class="stop1"></stop>
795                <stop offset="1" class="stop2"></stop>
796              </lineargradient>
797              <path style="fill:url(#SVGID_13_shirt)" d="M343.8,392.68l69.92,4.14.36-24.51-1.23-4.18s15.57,19.83,19.5,17.07c6.23-4.38,18.5-5,13.17-11.71-1.15-1.45-41.79-59.44-41.91-61.27-1.48-21.28-2.35-21.15-2.35-28.05,0-11.36-8.74-24.33-17.2-36.05-9.19-12.74-13.14-11.78-19.62-12.44-7.1-.72-13.54-.91-14.91-1,0,0-18.24,31.6-22.19,89.27-4,58-2.53,81.79-2.53,81.79l13.55,5.36h3.24Z" transform="translate(-274.57 -154.44)"></path>
798              <path style="opacity:0.1;" d="M343.79,392.52s10.12-72,12-89.87S372.68,285.7,377,309.1s-6,30.81,2.61,41.28,11.25,18.49,7.23,24c-5.31,7.31,4.67,21,4.67,21Z" transform="translate(-274.57 -154.44)"></path>
799              <path style="opacity:0.1;" d="M404.52,324l8.33,44.17s-1.51-.65-4.17-9.07-3.86-9-4.16-18.94S404.52,324,404.52,324Z" transform="translate(-274.57 -154.44)"></path>
800              <path style="opacity:0.1;" d="M377.45,227.92s-6.67-11.53-9.25-13.18c-1.25-.81,4.46,4,13.85,1.49
800C382.05,216.23,377.61,218.15,377.45,227.92Z" transform="translate(-274.57 -154.44)"></path>
801              <lineargradient class="gradient-hair" id="SVGID_13_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
802                <stop offset="0" class="stop1"></stop>
803                <stop offset="1" class="stop2"></stop>
804              </lineargradient>
805              <path style="fill:url(#SVGID_13_hair)" d="M351.69,205.11s8.53,1,8.53-1.84-.31-11.26,1.9-13,6.32,0,8.53,0,17.7-9.15,19.91-13.37,15.85-22.44-.82-20c-5.82.86-8.64,2-17.88-1.25-7-2.41-9.36-.92-13.53,1.71-10.43,6.58-8.93-11.11-19.28,13.53C332.75,185.89,351.69,205.11,351.69,205.11Z" transform="translate(-274.57 -154.44)"></path></svg>
806            </div>
807            <h3 class="h5 jcorgFilterTextChild">Man Illustration</h3>
808            <div class="download-buttons mt-5">
809              <a class="btn btn-round" onclick="download_png('#man-walking')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man-walking')">SVG</a>
810            </div>
811          </div>
812          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
813            <div class="svg">
814              <svg id="man_with_documents" style="width:50%;" data-name="man with documents" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 334.41 638.23">
815              <defs>
816                <clippath id="clip-path" transform="translate(-114.49 -104.37)">
817                  <path class="cls-1" d="M422.09,360l-23.35,63.44-4.05,30.93,19.66-17.23c1.09-.92,3.26-5.81,4.42-8.39l11.76-33,8.67-52.62S426,319.29,410.46,291.3ZM410.46,291.3l-.94-5.55-2.36-.42,3.3,6M331.29,131.43a41.81,41.81,0,0,0-11.05.28c-1.12.2-4.47,7.25-6.87,12.3-3.05,6.41-3.67,16.71-3.67,23.3,0,8.26,8.24,17.49,18.42,24,4.51,2.9,1.7,18-.66,19.45s-45.8,33.56-45.8,33.56l-4.53,25.39L251.57,411.05l-8.79,10.64a9.33,9.33,0,0,0-2.91,5.21c-.58,3.17-.73,8.44,2.75,9.62,7.46,2.54,20.36,4.52,22.44,2.34,15.56-16.29-.23-5.32-3.31-8.26l6.87-17.32-9.92-11.13,9.29-4.1,25.9-133,113.27,20.29C387,248.91,364.43,208,362.41,203.75a16,16,0,0,1-1.21-11.14c.89-4,4.66-13,6-14.88,1.74-2.52,2.69-7.29,3.27-10s.51-1.86-1.91.51c-.66.64-2.74.75-3.68-3.48s-13.44-10.17-19.55-15.34c0,0-6.5-1.67-13-3.9"></path>
818                </clippath>
819                <clippath id="clip-path-2-man_with_documents" transform="translate(-114.49 -104.37)">
820                  <path class="cls-1" d="M365.46,112.39c2.2,1.64,8.53,7.57,10.88,9.44,2.56,2.08,4.1,4.92,6.36,8.62,1.17,1.91,3,7.3,3.83,9.42,4.75,12.16.07,17.46-3.62,26.08-5.1,11.88-16.68,13.71-17.59,15.42-9.17-3-10.23-1.87-14.27-.59-5.14-3.42-7.39-8.09-10.14-10.49,1.69-2.41,2.45-22.81-7-12.82,3.73-3.93-6.26-16.16-8.36-17.68s-4.36-3.23-4.17-4.09c1.1-4.92-7-4.11.16-9.34,5.75-4.19,7.94-13.77,15.47-14.53,4.67-.47,10.63-1,15.34-1.7,3.37-.51,6.07,1.11,8.95,1.45a10.6,10.6,0,0,1,4.34,1.46"></path>
821                </clippath>
822                <clippath id="clip-path-3-man_with_documents" transform="translate(-114.49 -104.37)">
823                  <path class="cls-1" d="M262.62,544.05c-1,8.77,5.67,54.66,5.67,63.42S284.68,709.7,284.68,709.7l25.9-1.17s-5.16-137.67-4.65-144.37,28.88-86.62,28.88 -86.62,2.06,21.14,2.06,27.84,7.85,201.35,7.85,201.35H367.3L399.39,420l-.61-5.52L280.36,398.05s-16.7,137.24-17.74,146"></path>
824                </clippath>
825                <clippath id="clip-path-4-man_with_documents" transform="translate(-114.49 -104.37)">
826                  <path class="cls-1" d="M293.85,217.41c-13.62,8.49-20.29,18.81-22.88,27.33-6.7,22-2.89,18.94-9.57,46.56-8.42,34.79-6.15,56.32-7.17,68.62-1.17,14.2-9,53.79-3.15,54.69,3,.46,2.51,1.9,15.76.58,3.41-.33,10.89-29.32,10.89-29.32s-.46,18.85,3.22,20.69c3.25,1.62,41.25,12.7,50.44,16.21,1,.39,16.11,2,20.14,2l47.86-6.65s-.67-90.67.16-105.82c.83-14.83-1-23.1,1.6-19.08,2.94,4.48,15.45,45.23,15.45,52.13s-13.83,67.17-13.83,67.17l18.39,10.12s24.82-66.2,26.2-74.94,1.84-13.33-2.29-22.06-26.67-87.81-26.67-87.81-5-7.3-18.85-14.71c-9.56-3.46-28.9-14.7-43.59-9.48a170.75,170.75,0,0,1-34.74,1.11,63.13,63.13,0,0,0-20.39-.48"></path>
827                </clippath>
828                <clippath id="clip-path-5-man_with_documents" transform="translate(-114.49 -104.37)">
829                  <rect class="cls-1" x="283.95" y="462.08" width="55.6" height="279.87"></rect>
830                </clippath>
831                <clippath id="clip-path-6-man_with_documents" transform="translate(-114.49 -104.37)">
832                  <rect class="cls-1" x="304.32" y="319.97" width="152.23" height="66.11" transform="translate(-12.37 692.22) rotate(-83.67)"></rect>
833                </clippath>
834              </defs>
835              <polygon style="fill:#fafafa;" points="63.57 237.42 79.24 333.62 137.66 324.13 141.09 229.98 63.57 237.42"></polygon>
836              <lineargradient id="SVGID_14_skin" x1="-748.38" y1="-142.34" x2="-745.25" y2="-142.34" gradienttransform="matrix(103.78, 0, 0, -103.78, 77664.92, -14596.89)" gradientunits="userSpaceOnUse">
837                <stop offset="0" stop-color="#f87b58"></stop>
838                <stop offset="0.63" stop-color="#f89453"></stop>
839                <stop offset="0.81" stop-color="#f8c548"></stop>
840                <stop offset="0.94" stop-color="#f89952"></stop>
841                <stop offset="1" stop-color="#f89c51"></stop>
842              </lineargradient>
843              <g style="clip-path:url(#clip-path);">
844                <rect style="fill:url(#SVGID_14_skin)" width="325.15" height="350.3"></rect>
845              </g>
846              <lineargradient class="gradient-hair" id="SVGID_14_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
847                <stop offset="0" class="stop1"></stop>
848                <stop offset="1" class="stop2"></stop>
849              </lineargradient>
850              <g style="clip-path:url(#clip-path-2-man_with_documents);">
851                <rect style="fill:url(#SVGID_14_hair)" x="314.18" y="107.44" width="74.13" height="80.53" transform="translate(47.93 374.29) rotate(-83.1)"></rect>
852              </g>
853              <lineargradient class="gradient-trousers" id="SVGID_13_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
854                <stop offset="0" class="stop1"></stop>
855                <stop offset="1" class="stop2"></stop>
856              </lineargradient>
857              <g style="clip-path:url(#clip-path-3-man_with_documents);">
858                <rect style="fill:url(#SVGID_13_trousers)" x="147.22" y="292.84" width="137.15" height="311.38"></rect>
859              </g>
860              <lineargradient class="gradient-shirt" id="SVGID_14_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)">
861                <stop offset="0" class="stop1"></stop>
862                <stop offset="1" class="stop2"></stop>
863              </lineargradient>
864              <g style="clip-path:url(#clip-path-4-man_with_documents);">
865                <rect style="fill:url(#SVGID_14_shirt)" x="30.57" y="41.06" width="303.85" height="283.29"></rect>
866              </g>
867              <path style="fill:#4b44be;" d="M275.9,722c10.31-2,9-13.94,9-13.94l25.39-.93a71.31,71.31,0,0,1,3.41,18.28c.22,6.56,2.48,15.48-4,16.72-7.74,1.47-51.06-.78-55.13-5.88-5.3-6.64,7.38-11.14,17-13" transform="translate(-114.49 -104.37)"></path>
868              <path style="fill:#4b44be;" d="M333.61,721.17c10.31-2,11-14.44,11-14.44l22.6-.48a100.53,100.53,0,0,1,2.12,17.15c.21,6.56,2.74,15.39-2.85,16.66-7.68,1.74-50.17.46-54.24-4.64-5.3-6.64,7.39-11.14,17-13" transform="translate(-114.49 -104.37)"></path>
869              <g style="opacity:0.07;">
870                <g style="clip-path:url(#clip-path-5-man_with_documents);">
871                  <path d="M338.76,463.17c-3.2,9.35-15.66,27.48-23.64,38.27s-33.11,33.85-31.51,61.9,18.59,100,18.59,106.49-6.36,37.11-11.14,46.46-3.9,19.13-1.51,19.13c1,0,5.05,1.45,10.44,0,4.13-1.11,9.65,3.37,12,2.29,1.64-.77,2-6.
87106,2-6.06a18.41,18.41,0,0,0-.78-6.73c-.54-1.39-2.56-8.52-2.64-10.58-1-26.36-3.24-87.34-2.8-91.6.83-8-5.5-48.21.28-68s30.75-91.53,30.75-91.53" transform="translate(-114.49 -104.37)"></path>
872                </g>
873              </g>
874              <g style="opacity:0.07;">
875                <g style="clip-path:url(#clip-path-6-man_with_documents);">
876                  <path d="M398.86,301.81l-.23,93.41s2.34,19.8-.91,22-16.6,3.85-20.63,3.85c-2.75,0-39.67,4.31-26.52-2.26,5.89-2.95,42.77-23.65,31-44s-6.36-46.39,2.3-63.95,15.17-29.42,15.17-29.42Z" transform="translate(-114.49 -104.37)"></path>
877                </g>
878              </g>
879              <path style="opacity:0.07;" d="M326.73,190.42a9.76,9.76,0,0,0,6.89-1c1.11-.65,5.16-3.54,7.15-5.13,4.28-3.42-4.73,7.62-6.41,13.94-1.87,7-3.91-4.5-5.42-6.12A6,6,0,0,0,326.73,190.42Z" transform="translate(-114.49 -104.37)"></path>
880              <path style="opacity:0.07;" d="M384,454.66s-8.64,34.79-16.31,45c-8.27,11,.85,61.38-6.82,83.55-7.25,20.95,2.56,66.5.85,81-1.4,11.88-1.7,37.55-7.93,51.83-2.12,4.86-6.65,8.44-6.65,10.75,0,12.79,17.24,4.54,17.24,4.54l.9-11.34L377.1,619.89,398.86,421.3Z" transform="translate(-114.49 -104.37)"></path>
881              <path style="opacity:0.1;" d="M290.1,334.08s8.55-23.38,8.95-35.55,1.86,34,1.86,34-7.19-2.18-10.81,1.54" transform="translate(-114.49 -104.37)"></path>
882              <path style="fill:#fafafa;" d="M309.93,429.65l-9-97.11s-10.81-1.64-10.81,1.54c0,5.36-3.93,20.56-6,29.31-1.86,8-5,16.54-10.15,34.42-1.75,6.13-6.7,16.47-6.7,16.47l-5.53,16.32s-1.43,1.69,8.59-.74h0s1.27-.47,1.49.78h0Z" transform="translate(-114.49 -104.37)"></path></svg>
883            </div>
884            <h3 class="h5 jcorgFilterTextChild">Boy Illustration</h3>
885            <div class="download-buttons mt-5">
886              <a class="btn btn-round" onclick="download_png('#man_with_documents')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man_with_documents')">SVG</a>
887            </div>
888          </div>
889          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
890            <div class="svg">
891              <svg id="man_working" style="width: 35%" data-name="man working" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 172.57 384.15">
892              <defs>
893                <clippath id="clip-path-man-working" transform="translate(-270.82 -248.91)">
894                  <rect class="cls-1" x="-284.96" y="64.91" width="1240.2" height="697.61"></rect>
895                </clippath>
896                <clippath id="clip-path-3-man-working" transform="translate(-270.82 -248.91)">
897                  <path class="cls-1" d="M383.65,321.48c-8,.87-11.48,1.67-12.73,2.06a70.22,70.22,0,0,1-4.63,7.59c-4.15,5.37-6.13,12.18-8.72,12.38-3.38.26-11.19-11.79-15.21-14.66-2.6-1.86-2.87-2.65-4.31-3.29l-22.74,1.06a12.79,12.79,0,0,0-9.45,5.6c-10.43,15.64-33.8,62-34.52,73.46-.52,8.36,18.42,21.18,23.73,22.46,2.16.52,5.94-20.06,7.2-21.9l-7.94-2.46a129.32,129.32,0,0,1,9.34-17c1-1.48,10.15-15.63,11.21-20.41a104.16,104.16,0,0,1,.67,14.07c-.23,5.72,1.14,11.81,1.14,16.05s2.93,17.78-.17,25.41-7.63,25.29-7.63,25.29l78.27-.42s3.59-29,4.72-40.55a91.7,91.7,0,0,1-.24-10.65c.3-14.37.4-30.46-.22-33-1-4.06,22.34,27.81,27.57,36.53,2.17,3.62-27.6,10-30.06,12.82s2.51,10.8,2.51,10.8,51.95-6.32,51.64-14.27-27.84-68.28-39.38-78.79c-7.17-6.54-5.32-4.55-9.7-6.47-2.51-1.09-2.18-1.17-7.24-1.56"></path>
898                </clippath>
899                <clippath id="clip-path-6-man-working" transform="translate(-270.82 -248.91)">
900                  <rect class="cls-1" x="280.01" y="464.84" width="135.66" height="40.31"></rect>
901                </clippath>
902                <clippath id="clip-path-7-man-working" transform="translate(-270.82 -248.91)">
903                  <rect class="cls-1" x="313.77" y="332.6" width="25.81" height="67.71"></rect>
904                </clippath>
905                <clippath id="clip-path-9-man-working" transform="translate(-270.82 -248.91)">
906                  <path class="cls-1" d="M344.84,432.74a4.32,4.32,0,1,0,4.31-4.32,4.31,4.31,0,0,0-4.31,4.32"></path>
907                </clippath>
908              </defs>
909              <g style="clip-path:url(#clip-path-man-working);">
910                <g style="clip-path:url(#clip-path-man-working);">
911                  <path style="fill:#4b44be;" d="M402.18,589.94l-13.38.12s-5.8,10.49-8.68,16.1c-.18.36-.7,1.26-1.06,1.91a14.32,14.32,0,0,0-1,3.06c-1.06,5.49-.39,10.5,3.26,14,4,3.83,7,7.
91119,13.24,3.24s7.87-7,8-16.45-.33-22-.33-22" transform="translate(-270.82 -248.91)"></path>
912                  <path style="fill:#4b44be;" d="M334.05,590.63l-12.21,5.45s-1.13,11.94-1.52,18.23c0,.41-.14,1.44-.21,2.18a14.29,14.29,0,0,0,.29,3.21c1.22,5.45,3.84,9.78,8.58,11.52,5.2,1.9,9.3,3.78,13.43-2.33s4.4-9.59.73-18.27-9.09-20-9.09-20" transform="translate(-270.82 -248.91)"></path>
913                </g>
914                <lineargradient class="gradient-hair" id="SVGID_15_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
915                  <stop offset="0" class="stop1"></stop>
916                  <stop offset="1" class="stop2"></stop>
917                </lineargradient>
918                <path style="fill:url(#SVGID_15_hair)" d="M337,295.8l38.32-7.35s3.2-16,2.24-18.84-1.86-9.09-7.29-11-12.73-17.19-30.94-5.05-8.39,26.6-8.39,26.6Z" transform="translate(-270.82 -248.91)"></path>
919                <lineargradient id="SVGID_15_skin" x1="323.21" y1="313.87" x2="389.42" y2="313.87" gradientunits="userSpaceOnUse">
920                  <stop offset="0" stop-color="#f87b58"></stop>
921                  <stop offset="0.41" stop-color="#f89453"></stop>
922                  <stop offset="0.71" stop-color="#f8c548"></stop>
923                  <stop offset="1" stop-color="#f89c51"></stop>
924                </lineargradient>
925                <path style="fill:url(#SVGID_15_skin)" d="M364.06,263.75s-19.09,7.37-23.43,9.18-6.69,7.05-6.69,7.05-2.14-1.27-2.14,2.35,1.78,11.77,3.07,13.85a111.34,111.34,0,0,1,6.08,10.9c1.76,3.73,1.37,9.35.95,11.42-.8,3.9-18.69,31.21-18.69,31.21l6.63,7.73,7.42,6.55,52.16-4s-18.16-35.56-21-41.56c-1.28-2.69.08-9.22.83-12.55.68-3.05,2.17-6.88,3.62-8s4-6.15,4-8.33.42-9.07-1.45-7.24c-.5.49-3-3.41-3.71-6.67A22.72,22.72,0,0,0,364.06,263.75Z" transform="translate(-270.82 -248.91)"></path>
926                <lineargradient class="gradient-trousers" id="SVGID_14_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
927                  <stop offset="0" class="stop1"></stop>
928                  <stop offset="1" class="stop2"></stop>
929                </lineargradient>
930                <path style="fill:url(#SVGID_14_trousers)" d="M288.05,459.58s-15.8,14.18-15.8,20.17,2.72,21.8,7.9,31.07,37,79.74,40.83,85.17c.66.94,14.27-2.84,14.27-2.84s-6.31-28.91-7.4-35.45S311,512.46,311,508.64s2.72-9.27,11.45-10.9,27.25-3.82,33.79-1.64S391,498,396,504.28c3.17,4.05,0,8.65-3.27,24s-1.09,36.55-3.81,43.1-2.54,20.65-1.2,20.74c3.65.23,13.53,1.07,14.56.34,1.81-1.29,12.27-24.65,14.07-28.62,2.84-6.24,11.81-40.43,12.9-49.15s6.54-24.53,5.45-28.89-25.07-31.07-43.06-34.89-73.59-8.17-80.13-3.81S288.05,459.58,288.05,459.58Z" transform="translate(-270.82 -248.91)"></path>
931                <path style="opacity:0.1;" d="M333.62,585.64s-4.95-24.46-6.36-30.29c-1.61-6.65-14.41-36.65-16.31-46.71-1.84-9.69-7.35,3.53-5.71,12.8s10.9,26.16,11.44,34.34S333.62,585.64,333.62,585.64Z" transform="translate(-270.82 -248.91)"></path>
932                <lineargradient class="gradient-shirt" id="SVGID_15_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)">
933                  <stop offset="0" class="stop1"></stop>
934                  <stop offset="1" class="stop2"></stop>
935                </lineargradient>
936                <g style="clip-path:url(#clip-path-3-man-working);">
937                  <rect style="fill:url(#SVGID_15_shirt)" y="69.34" width="172.57" height="128.9"></rect>
938                </g>
939                <path style="opacity:0.07;" d="M341.67,324.73c-.92-1.21-3.58.64-1.18-3,4-6.09.45-15.41.45-15.41s2,4.24,9,3.67,8.19-2.63.48,5.52-9.94,7.9-8.77,9.26" transform="translate(-270.82 -248.91)"></path>
940                <g style="clip-path:url(#clip-path-man-working);">
941                  <g style="opacity:0.07;">
942                    <g style="clip-path:url(#clip-path-6-man-working);">
943                      <path d="M295.41,465.13,405,463.42s-23,11.9-19.61,18.23c4.45,8.34-4.48,17.68-17.06,16.14-10.64-1.3-12.84-3.48-19.44-2.92-17.11,1.45-28.87.45-30.57-2.15-14.11-21.67-22.88-27.59-22.88-27.59" transform="translate(-270.82 -248.91)"></path>
944                    </g>
945                  </g>
946                  <g style="opacity:0.07;">
947                    <g style="clip-path:url(#clip-path-7-man-working);">
948                      <path d="M321.2,363.33c1.88,3.38,3.69,5.26,2.58,8.18-2.19,5.76-2.7,12.58,4.1,18.05,4.59,3.69,3.77,9.55,7.26,9.6,2.7,1.59-5.22,1.12-5.22,1.12H322L317,400c.06-1.11-1.51-15.81-1.44-17.82.25-7.08.39-11.23-.18-14.33-1-5.24-.71-3.27,1.55-6.94.83-1.33,3.34,1.21,4.3,2.43" transform="translate(-270.82 -248.91)"></path>
949                    </g>
950                  </g>
951                </g>
952                <g style="clip-path:url(#clip-path-man-working);">
953                  <path style="fill:#fff;" d="M291.91,405.46s-.08-4.77,4.62-5,104.6-.08,104.6-.08,4.39.52,4.54,4.1.15,56.32.15,56.32a4.08,4.08,0,0,1-4.25,4.17c-4.32.08-106.16.15-106.16.15s-3.8-1-3.73-4.77.23-54.9.23-54.9" transform="translate(-270.82 -248.91)"></path>
954                </g>
955                <lineargradient id="linear-gradient-laptop-man-working" x1="-759.7" y1="-52.73" x2="-759.06" y2="-52.73" gradienttransform="matrix(-13.37, 0, 0, 13.37, -10072.96, 888.69)" gradientunits="userSpaceOnUse">
956                  <stop offset="0" stop-color="#59c2e9"></stop>
957                  <stop offset="1" stop-color="#5bd3ef"></stop>
958                </lineargradient>
959                <g style="clip-path:url(#clip-path-9-man-working);">
960                  <rect style="fill:url(#linear-gradient-laptop-man-working)" x="74.02" y="179.51" width="8.63" height="8.63"></rect>
961                </g>
962              </g></svg>
963            </div>
964            <h3 class="h5 jcorgFilterTextChild">Man With Laptop Illustration</h3>
965            <div class="download-buttons mt-5">
966              <a class="btn btn-round" onclick="download_png('#man_working')">PNG</a> <a class="btn btn-round" onclick="download_svg('#man_working')">SVG</a>
967            </div>
968          </div>
969          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
970            <div class="svg">
971              <svg id="woman_presenting" style="width:40%" data-name="woman presenting" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 209.91 504.99">
972              <defs>
973                <clippath id="clip-path-woman-presenting" transform="translate(-184.71 -217.83)">
974                  <rect class="cls-1" x="-684.83" y="-137.02" width="1920" height="1080"></rect>
975                </clippath>
976                <clippath id="clip-path-3-woman-presenting" transform="translate(-184.71 -217.83)">
977                  <rect class="cls-1" x="-806.54" y="-76.29" width="1910" height="1035"></rect>
978                </clippath>
979                <clippath id="clip-path-4-woman-presenting" transform="translate(-184.71 -217.83)">
980                  <path class="cls-1" d="M331.39,417.65s10.15,26.87,12.3,51.66,9.4,65.05,10.11,89c.58,19.77,13.16,85.66,13.57,93.21.36,6.6,2.25,33.87,2.25,33.87H352.2s-15.15-67.88-20.1-79.47c-4.61-10.83-26.38-98.38-26-106.47a45.49,45.49,0,0,0-1.92-14.86s-3.37,31-6.58,40.65c-2.38,7.16-3.8,30.77-3.8,30.77s3.45,22.51,4.28,36c2.09,34-.74,93.26-.74,93.26h-18s-2.21-40.76-6.56-56.44c-6.68-24-17-74.6-17-78.28,0-3.33,3.15-70.15,3.11-80,0-4.23.09-13.46.2-18.36a37.75,37.75,0,0,1,.58-5.81L264.38,420Z"></path>
981                </clippath>
982                <clippath id="clip-path-5-woman-presenting" transform="translate(-184.71 -217.83)">
983                  <path class="cls-1" d="M307.46,223c-5,.83-11.89,6.33-23.28,10.53-6.54,2.41-14.8,34.71-14.8,34.71l-.12-.13,3.14,2.9c-.65.65.29,2.28.29,3.2l-.58,3.63-4.9.65,8,47.26-7.58,32.51-13,26.09-1,27.68s-11.24,18.32-11,20.42S233.8,444,228,447.55c-3.72,4.54-13.8,22.54-5,20.32,8.3-2.09,16.35-13.89,17-15.7,6.6-18.4,9.66-20.56,10.27-22.13,9.29-23.81,16.06-46.2,15.19-64.73-.31-6.42,53.58,14.42,35.88-7.07-12.9-15.67,32.8-58.7,21.94-104.49-5.25-22.12-8.57-29.81-13.5-30.77Z"></path>
984                </clippath>
985                <clippath id="clip-path-6-woman-presenting" transform="translate(-184.71 -217.83)">
986                  <path class="cls-1" d="M292.72,218.25s-15.85.57-20.38,16.14-5.2,37.25-5.36,40.66c-.16,3.58,1.67,28-.31,34.76-1.75,6-6.91,17.09-10,24.77A47.31,47.31,0,0,0,254,344l-.36,2.65a5.18,5.18,0,0,0,6.95,3.23,41.09,41.09,0,0,0,4.59-2.42c4.83-2.9,11.75-9.38,15.71-13.05,4.94-4.57,6.22-8.71,9.65-12.46,2.72-3,2.56-6.33,2.66-9.14.5-14.46-1.28-22.86-8.51-31.95-4.89-6.14-10.53-23.27-5.15-31.19s18.86-14.45,19.42-16.43,1,5.94,6.8,11c5.12,4.54,8.44,7.7,10.43,12.33.78,1.82.51,10.7-3.2,22.24-3.88,12.05-6.67,25.46,1.26,36.22S342,340.85,343.4,344.25s0,18.49-.52,27,16.1-14.53,15.53-25.58,1.42-15.85-9.91-32.84-18.69-46.15-19-53.23-3.68-26.61-10.48-32.28c-5.81-4.84-7.06-9.48-19.17-9.48a71.53,71.53,0,0,0-7.16.42"></path>
987                </clippath>
988                <clippath id="clip-path-7-woman-presenting" transform="translate(-184.71 -217.83)">
989                  <rect class="cls-1" x="-674.83" y="-92.02" width="1910" height="1035"></rect>
990                </clippath>
991                <clippath id="clip-path-8-woman-presenting" transform="translate(-184.71 -217.83)">
992                  <rect class="cls-1" x="387.9" y="230.98" width="47.27" height="500"></rect>
993                </clippath>
994              </defs>
995              <g style="clip-path:url(#clip-path-woman-presenting);">
996                <g style="clip-path:url(#clip-path-woman-presenting);">
997                  <g style="clip-path:url(#clip-path-3-woman-presenting);">
998                    <path style="fill:#4b44be;" d="M369.53,684.77l-17-.37s.53,13.76-1,19.29c-.09.35-.39,1.25-.59,1.9a11.94,11.94,0,0,0-.27,2.89c.28,5,2.16,9.28,6.62,11.55,4.91,2.49,8.71,4.78,13.93,0s6.1-7.84,3.92-16.11-5.66-19.15-5.66-19.15" transform="translate(-184.71 -217.83)"></path>
999                    <path style="fill:#4b44be;" d="M263.93,700c9.77-2.78,15.39-14.72,15.39-14.72h18s.47,11.22.95,17.31c.63,8.08-.94,11.69-6.93,11.25-7.88-.57-40,2-45.07-.86-6.56-3.76,8.51-10.39,17.65-13" transform="translate(-184.71 -217.83)"></path>
1000                  </g>
1001                  <lineargradient class="gradient-trousers" id="SVGID_15_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
1002                    <stop offset="0" class="stop1"></stop>
1003                    <stop offset="1" class="stop2"></stop>
1004                  </lineargradient>
1005                  <g style="clip-path:url(#clip-path-4-woman-presenting);">
1006                    <polygon style="fill:url(#SVGID_15_trousers)" points="209.91 472.64 54.77 473.44 52.44 199.58 207.58 198.78 209.91 472.64"></polygon>
1007                  </g>
1008                  <lineargradient id="SVGID_16_skin" x1="-752.23" y1="-124.69" x2="-750.56" y2="-124.69" gradienttransform="translate(94450.75 15792.2) scale(125.56)" gradientunits="userSpaceOnUse">
1009                    <stop offset="0" stop-color="#f87b58"></stop>
1010                    <stop offset="0.5" stop-color="#f8c548"></stop>
1011                    <stop offset="1" stop-color="#f89c51"></stop>
1012                  </lineargradient>
1013                  <g style="clip-path:url(#clip-path-5-woman-presenting);">
1014                    <rect style="fill:url(#SVGID_16_skin)" y="5.15" width="201.55" height="260.91"></rect>
1015                  </g>
1016                  <lineargradient class="gradient-shirt" id="SVGID_16_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)">
1017                    <stop offset="0" class="stop1"></stop>
1018                    <stop offset="1" class="stop2"></stop>
1019                  </lineargradient>
1020                  <path style="fill:url(#SVGID_16_shirt)" d="M228,447.55,248.54,391l3.23-16.69a61.1,61.1,0,0,0,1-15.39,112.21,112.21,0,0,1,.84-20.9c1.61-12.75,4.05-21.26,7.37-24.47,5.11-4.93,21-11.3,29.22-8.17,18.35,7,27-2.49,32.58-.64s24,5.08,27.74,31,8.79,44.39,9.52,56.3c.43,7.06,3,23.21-8.6,22.29s-43.56-19.88-58.07-25.89-15.43-11.17-15-15.29,21.73,0,30.51,5.12,27.74,12,29.13,9.25-.76-10.34-3.45-19.78c-2.32-8.11-2.4-12.83-3.55-15.36-2.29-5.07-3.9,16-3.9,21.78a57.52,57.52,0,0,0,.66,7.17s.32,3.18.64,5.22c1.73,10.91,5.
102019,36.78,5.19,36.78h0l-70.15.46,7.41-31c-.2.37.1-18.79-1.28-15.25-2.65,6.82-6.13,25.49-16.12,47.34l-13.46,27.34Z" transform="translate(-184.71 -217.83)"></path>
1021                  <path style="opacity:0.1;" d="M263.5,423.72s8.57-20.87,7.28-33.3c-1.33-12.75.47-27,1.19-31.54.56-3.53,2.59,7.74,3.2,12.82,1.25,10.43.05,1.44,4.67,12.28s.84,15.84-1.43,20c-3.38,6.15,1.43,19.5,1.43,19.5Z" transform="translate(-184.71 -217.83)"></path>
1022                  <path id="hand" style="fill:url(#SVGID_16_skin)" d="M292,374.81l1.42,13.56-23-8.34s-11.92-8.46,4.76-8.33A49.23,49.23,0,0,1,292,374.81Z" transform="translate(-184.71 -217.83)"></path>
1023                  <lineargradient class="gradient-hair" id="SVGID_16_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
1024                    <stop offset="0" class="stop1"></stop>
1025                    <stop offset="1" class="stop2"></stop>
1026                  </lineargradient>
1027                  <g style="clip-path:url(#clip-path-6-woman-presenting);">
1028                    <rect style="fill:url(#SVGID_16_hair)" x="68.91" width="106.2" height="161.9"></rect>
1029                  </g>
1030                </g>
1031              </g>
1032              <path style="opacity:0.1;" d="M304.17,484.6c-1.35,5.5-.34,15.94-3.43,25.72a156.16,156.16,0,0,0-6.95,45.7c.11,7.12,1.88,9.06,2,15.54,1,59.37,1.55,113.76,1.55,113.76h-18S292,656.66,282,610.84c-9.25-42.5-15.89-49.51-4.32-69.94,12.38-21.85-3.26-23,9.46-37.71C294,495.26,304.17,484.6,304.17,484.6Z" transform="translate(-184.71 -217.83)"></path>
1033              <path style="opacity:0.1;" d="M327.27,368.53a12.37,12.37,0,0,0-3.82,10.34c.41,5.51-5,5-5,5l10.09,2.54S326.29,372.82,327.27,368.53Z" transform="translate(-184.71 -217.83)"></path>
1034              <path style="opacity:0.1;" d="M289.66,288.75s4.41,4.21,11,.3c9.42-5.58,9.51-5.44,4.71.17-7.33,8.57-12.14,15.35-12.14,15.35S291.9,292.57,289.66,288.75Z" transform="translate(-184.71 -217.83)"></path></svg>
1035            </div>
1036            <h3 class="h5 jcorgFilterTextChild">Girl Illustration</h3>
1037            <div class="download-buttons mt-5">
1038              <a class="btn btn-round" onclick="download_png('#woman_presenting')">PNG</a> <a class="btn btn-round" onclick="download_svg('#woman_presenting')">SVG</a>
1039            </div>
1040          </div>
1041          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
1042            <div class="svg">
1043              <svg id="woman_walking" style="width:40%" data-name="woman walking" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 214.98 502.23">
1044              <defs>
1045                <clippath id="clip-path-woman-walking" transform="translate(-213.34 -201.13)">
1046                  <rect class="cls-1" x="-783.6" y="-96.7" width="1910" height="1035"></rect>
1047                </clippath>
1048              </defs>
1049              <g style="clip-path:url(#clip-path-woman-walking);">
1050                <path style="fill:#4b44be;" d="M248,685.29c-8.07-5.82-9.09-17.68-9.09-17.68l-16.05-6.87s-4.9,10.16-7.38,15.75c-3.28,7.4-3.05,11.32,2.62,12.87,7.46,2,36.2,15,41.81,13.93,7.31-1.38-4.36-12.57-11.91-18" transform="translate(-213.34 -201.13)"></path>
1051                <path style="fill:#4b44be;" d="M406.13,677.74c-10.71-.73-18.49-8-18.49-8l-18.86.38s1.37,11.13,2,17.2c.88,8.06,3.21,11.29,9.38,9.64,8.1-2.17,42.11-6.16,46.82-10,6.12-5-10.86-8.47-20.89-9.16" transform="translate(-213.34 -201.13)"></path>
1052              </g>
1053              <lineargradient class="gradient-trousers" id="SVGID_16_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
1054                <stop offset="0" class="stop1"></stop>
1055                <stop offset="1" class="stop2"></stop>
1056              </lineargradient>
1057              <polygon style="fill:url(#SVGID_16_trousers)" points="8.7 459.44 49.49 341.57 66.47 199.46 127.37 199.46 167.51 335.7 178.79 471.93 155.78 471.64 138.9 335.7 103.56 275.19 89.04 343.04 27.44 471.93 8.7 459.44"></polygon>
1058              <path style="opacity:0.1;
1058" d="M222,660.57,262.83,542.7l14.39-120.42s67.34-3.18,37.15,17.06c-39.54,26.51-6.8,73.2-20.82,95.24s-7.37,29.85-16.58,44.63c-8.18,13.15-16.35,13.6-26.34,46.32a299.55,299.55,0,0,0-9.85,47.53Z" transform="translate(-213.34 -201.13)"></path>
1059              <lineargradient id="SVGID_17_skin" x1="254.07" y1="448.53" x2="275.08" y2="448.53" gradientunits="userSpaceOnUse">
1060                <stop offset="0" stop-color="#f87b58"></stop>
1061                <stop offset="0.5" stop-color="#f8c548"></stop>
1062                <stop offset="1" stop-color="#f89c51"></stop>
1063              </lineargradient>
1064              <path style="fill:url(#SVGID_17_skin)" d="M259.61,435.25s-7.62,12.26-5,19.28,5.05,9.66,9.88,4.83,10.58-19.17,10.58-19.17Z" transform="translate(-213.34 -201.13)"></path>
1065              <lineargradient id="SVGID_17_skin-face" x1="648.54" y1="-25.99" x2="669.55" y2="-25.99" gradienttransform="translate(59.08 1014.35) rotate(-59.36)" xlink:href="#SVGID_17_skin"></lineargradient>
1066              <path style="fill:url(#SVGID_17_skin-face)" d="M358.67,431.58s6.66,12.82,14.05,14.13,10.88.58,9.18-6-11.1-18.88-11.1-18.88Z" transform="translate(-213.34 -201.13)"></path>
1067              <lineargradient id="SVGID_17_skin-hand" x1="284.16" y1="250.59" x2="325.38" y2="250.59" xlink:href="#SVGID_17_skin"></lineargradient>
1068              <path style="fill:url(#SVGID_17_skin-hand)" d="M309,285.51s-4.5-21.57,4.69-25.92c12.4-5.87,12.87-22.38,10.15-32.69-2.34-8.84,1.58-11.22,1.58-11.22s-27.3,9.06-27.74,14.71-13.48,13.11-13.48,19.16,1.94,32.56,1.94,32.56Z" transform="translate(-213.34 -201.13)"></path>
1069              <lineargradient class="gradient-shirt" id="SVGID_17_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)">
1070                <stop offset="0" class="stop1"></stop>
1071                <stop offset="1" class="stop2"></stop>
1072              </lineargradient>
1073              <path style="fill:url(#SVGID_17_shirt)" d="M279.81,400.59H340.7s14.34,33.54,18,31c5.74-4,16-7.59,11.08-13.78-1.05-1.34-36.16-60.21-35.48-61.76,7.89-17.89,6.48-33.82,2.54-38.8-7.52-9.51-14.23-18.19-23.06-28.15-9.42-10.61-11.66-9.89-17.63-10.49-6.55-.66-16.31.32-13.86-.9s-21.09,37.84-17.41,91-5.24,66.59-5.24,66.59l12.49,4.94h3Z" transform="translate(-213.34 -201.13)"></path>
1074              <path style="opacity:0.1;" d="M279.81,400.59s16.94-61.12,18.64-77.56,7.38-15.88,11.35,5.67-4,30.62,4,40.26,4.54,21.38,5.68,26.51l1.13,5.12Z" transform="translate(-213.34 -201.13)"></path>
1075              <path style="opacity:0.1;" d="M333,359.91l7.66,40.68s-1.38-.59-3.83-8.35-3.56-8.3-3.83-17.44S333,359.91,333,359.91Z" transform="translate(-213.34 -201.13)"></path>
1076              <lineargradient class="gradient-hair" id="SVGID_17_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
1077                <stop offset="0" class="stop1"></stop>
1078                <stop offset="1" class="stop2"></stop>
1079              </lineargradient>
1080              <path style="fill:url(#SVGID_17_hair)" d="M257,337.24c-3.09,3.21-12.53-4.45-2.56-18.57,5.91-8.38-.79-17.26,8.41-28.44,17.29-21-7.67-47.66,10.65-72.64s34.16-15.15,43.6-11.26,9.92,13.22,2.85,23.77-11.69,8.84-22.8,19.32c-11.58,10.91-6.08,32.83-7,46.7C289.38,307.82,262,332,257,337.24Z" transform="translate(-213.34 -201.13)"></path>
1081              <path style="opacity:0.1;" d="M308.1,271.45s-6.15-10.62-8.51-12.14c-1.16-.74,4.1,3.67,12.74,1.37C312.33,260.68,308.24,262.45,308.1,271.45Z" transform="translate(-213.34 -201.13)"></path></svg>
1082            </div>
1083            <h3 class="h5 jcorgFilterTextChild">Walking Illustration</h3>
1084            <div class="download-buttons mt-5">
1085              <a class="btn btn-round" onclick="download_png('#woman_walking')">PNG</a> <a class="btn btn-round" onclick="download_svg('#woman_walking')">SVG</a>
1086            </div>
1087          </div>
1088          <div class="col-sm-4 col-6 text-center hover-on" style="padding-top:150px">
1089            <div class="svg">
1090              <svg id="women_sitting" style="width:40%" data-name="women sitting" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 218.71 470.89">
1091              <defs>
1092                <clippath id="clip-path-woman-sitting" transform="translate(-230.24 -234.4)">
1093                  <rect class="cls-1" x="-779.27" y="-84.93" width="1920" height="1080"></rect>
1094                </clippath>
1095                <clippath id="clip-path-2-woman-sitting" transform="translate(-230.24 -234.4)">
1096                  <path class="cls-1" d="M317,253.6c-6.53,2.41-14.79,34.7-14.79,34.7l-.13
1096-.12-3.56,3.57,1.51,6.81,8.77,135.05c1.45,1.5-20.86,2.77-19.42,4.26-1.52,4,2.93,20.68,11.25,18.31,15.37-4.38,24.51-13.55,29-12.09Q348.5,406,367.39,367.9l17.8,8.42s1.45,38.72,1.64,40.82,13.36,67.51,16.71,69.18c5.36,5.56,23.48,7,26.3,5.05,8.63-6-14.17-10.3-17.61-13-2.05-1.6-17.29-52.16-17.59-58.56s9.89-22.71-7.81-44.2c-12.91-15.67-19.87-56-30.73-101.77-5.64-23.78-9.05-30.88-14.63-30.88-9.1,0-18.87,5.33-24.52,10.64"></path>
1097                </clippath>
1098                <clippath id="clip-path-3-woman-sitting" transform="translate(-230.24 -234.4)">
1099                  <path class="cls-1" d="M297.33,324.05a99,99,0,0,1-9.26,13.7c-3.58,4.33-6.73,16.9-8.37,24.41a54.91,54.91,0,0,1-4.06,11.89c-4.6,9.66-13.48,28.55-17.41,38.42-2.9,7.3,17.65,23.26,26,28.62,5.71,3.67,4.38,3.22,6.65,1.49l3.48-1.5c3.1-1.79,6.84-4.31,7-5.46.26-1.78-14.08-11.32-18.81-19.3-3.4-5.72,4.89-15.23,9.15-24.68,6.33-14.07,8.42-26.28,10.58-25.25,3.55,1.7,6.68,40.24-10.44,59,0,0-.56.43-.61.63-.62,2.56,4.54,4.68,9.72,9.14,9.76,8.4,9.39,14.31,9.23,14.51-.46.57,2.89-.91-1.32,2.49a15.82,15.82,0,0,1-3.48,2.29c-1.84.78,3.18.17,3.26.16a22.38,22.38,0,0,1,4-.66c1.3-.11,3,0,7-.28,1.93-.13,4.54-.62,6.45-.93l31.08-4s9.52-30.37,10.68-42.2c0,0,4.44-25.69,6.46-29.44s8.57,28.54,7.73,44.15c-.4,7.36,12.92,55.43,14.89,57,3.11,2.44,16.91,0,16.91,0s-13-44.58-13.31-52.71-4.83-82.09-7.51-97.8c-1.6-9.31-11.89-22.05-20.84-18.87s-19.48,10.33-31.6,12.35c-9.38,1.56-16.91-.32-22.24-1.5-5.95-1.32-9.45-2.47-12.78-1.6a12.22,12.22,0,0,0-5.25,3.1"></path>
1100                </clippath>
1101                <clippath id="clip-path-4-woman-sitting" transform="translate(-230.24 -234.4)">
1102                  <path class="cls-1" d="M323.28,235.34s-15.86.57-20.39,16.14-5.2,37.24-5.36,40.65a73.46,73.46,0,0,0,.74,11.1,38.83,38.83,0,0,1-1.18,14.94c-.67,2.38-1.48,5.2-2.37,8.21-.16.53-.72,1.23-1.12,2.23-1.66,4.24-5.21,6.47-10,16.9-.7,1.52-2,8.61,0,12.81l1,7.08c.91,2.92,3.69,2.77,6.51,1.58a41.34,41.34,0,0,0,4.59-2.41c4.84-2.9,6.77-6.44,8.93-12.13,3-7.86,11-13,11.77-13.93s7.22-5.78,7.32-8.59c.51-14.46-2.16-27.76-5.56-34.84s-11.33-20.67-5.95-28.59,16.71-14.16,17.28-16.14.84,7.64,6.79,11,14.44,12.46,14.44,14.44,2,8.49-3.68,19.82-10.19,25.76-2.27,36.52,27.75,25.77,29.17,29.17,0,18.49-.53,27,16.1-14.53,15.53-25.57,1.42-15.85-9.91-32.84-18.68-46.15-19-53.23-3.68-26.62-10.47-32.28c-5.82-4.84-7.07-9.48-19.18-9.48a68.33,68.33,0,0,0-7.15.42"></path>
1103                </clippath>
1104                <clippath id="clip-path-5-woman-sitting" transform="translate(-230.24 -234.4)">
1105                  <rect class="cls-1" x="-586.58" y="-129.44" width="1920" height="1080"></rect>
1106                </clippath>
1107                <clippath id="clip-path-6-woman-sitting" transform="translate(-230.24 -234.4)">
1108                  <rect class="cls-1" x="477.42" y="193.56" width="46" height="500"></rect>
1109                </clippath>
1110                <lineargradient id="linear-gradient-5" x1="269.79" y1="509.92" x2="269.79" y2="509.92" xlink:href="#linear-gradient"></lineargradient>
1111              </defs>
1112              <title>women sitting</title>
1113              <lineargradient class="gradient-trousers" id="SVGID_17_trousers" x1="287.66" y1="550.25" x2="414.09" y2="550.25" gradientunits="userSpaceOnUse">
1114                <stop offset="0" class="stop1"></stop>
1115                <stop offset="1" class="stop2"></stop>
1116              </lineargradient>
1117              <path style="fill:url(#SVGID_17_trousers)" d="M332.91,662l19.64-117.86S376,569.77,389,582.87s31.43,39.29,31.43,39.29l8.34-7.15s-56.07-112.84-59-120.58,1.37-13.35,3.71-22.28S364.9,449.72,356,447.8,289.08,441,289.08,441s-.23-3.68-16.52,6.89c-19.07,12.38-26.91,46.63,1.93,52.81,33.87,7.26,35.8,3.62,35.8,3.62s11.9,97.63,8.33,120.84S320.41,662,320.41,662Z" transform="translate(-230.24 -234.4)"></path>
1118              <g style="clip-path:url(#clip-path-woman-sitting);">
1119                <path style="fill:#4b44be;" d="M332.91,662h-12.5s-2.59,11.22-4.09,16.74c-.09.35-.07.34-.27,1A77.92,77.92,0,0,0,316,688c.28,5,4.43,13.75,8.9,16,4.91,2.49,6.08,2.1,11.32-7.12,3.5-6.17,3.76-7.69,2.74-14.13-1.33-8.44-5.66-19.15-5.66-19.15" transform="translate(-230.24 -234.4)"></path>
1120                <path style="fill:#4b44be;" d="M427.72,613.21,419.89,622s3.5,10.21,5.5,15.51c.13.34.42,1.23.64,1.86
1120a13.32,13.32,0,0,0,1.41,2.54c3,4.05,6.71,6.68,11.16,6.42,4.91-.28,8.9-.19,10-6.67s0-9.43-6.15-15.27-14.71-13.2-14.71-13.2" transform="translate(-230.24 -234.4)"></path>
1121              </g>
1122              <lineargradient id="SVGID_18_skin" x1="-751.79" y1="-142.52" x2="-750.14" y2="-142.52" gradienttransform="matrix(125.87, 0, 0, -125.87, 94626.23, -17799.12)" gradientunits="userSpaceOnUse">
1123                <stop offset="0" stop-color="#f87b58"></stop>
1124                <stop offset="0.5" stop-color="#f8c548"></stop>
1125                <stop offset="1" stop-color="#f89c51"></stop>
1126              </lineargradient>
1127              <g style="clip-path:url(#clip-path-2-woman-sitting);">
1128                <rect style="fill:url(#SVGID_18_skin)" y="8.67" width="213.18" height="261.85"></rect>
1129              </g>
1130              <lineargradient class="gradient-shirt" id="SVGID_18_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)">
1131                <stop offset="0" class="stop1"></stop>
1132                <stop offset="1" class="stop2"></stop>
1133              </lineargradient>
1134              <g style="clip-path:url(#clip-path-3-woman-sitting);">
1135                <rect style="fill:url(#SVGID_18_shirt)" x="9.18" y="64.24" width="194.55" height="184.36"></rect>
1136              </g>
1137              <lineargradient class="gradient-hair" id="SVGID_18_hair" gradientunits="userSpaceOnUse" x1="-5651.9282" y1="-765.7238" x2="-5561.1084" y2="-765.7238" gradienttransform="matrix(-0.88 0 0 -1 -4814.7798 -735.35)">
1138                <stop offset="0" class="stop1"></stop>
1139                <stop offset="1" class="stop2"></stop>
1140              </lineargradient>
1141              <g style="clip-path:url(#clip-path-4-woman-sitting);">
1142                <rect style="fill:url(#SVGID_18_hair)" x="53.38" width="107" height="162"></rect>
1143              </g>
1144              <g style="clip-path:url(#clip-path-5-woman-sitting);">
1145                <g style="opacity:0.07;">
1146                  <g style="clip-path:url(#clip-path-6-woman-sitting);">
1147                    <path d="M378.56,463.29a54.43,54.43,0,0,0-6.91,3.43l-2.43,1.17S343.8,494.4,344.91,493c4.87-6.11,20.07-38.52,25.23-46,5.36-7.8,8.4-4.68,14.3,16" transform="translate(-230.24 -234.4)"></path>
1148                  </g>
1149                </g>
1150              </g>
1151              <path style="opacity:0.07;" d="M334.13,307.6a85.53,85.53,0,0,0,9.93-7.7c3.22-3.22-4.2,14-3.49,16.47S334.13,307.6,334.13,307.6Z" transform="translate(-230.24 -234.4)"></path>
1152              <path style="fill:#efefef;" d="M316,431.85l.27.35c.64.9,3.58,5,5.41,8,2.06,3.37-9.63,9.87-12,11.27-.16.1-.2.1-.45-.65a77.54,77.54,0,0,0-2.7-7.66c-1.48-3.57-5.15-7.34-5.24-7.55s2.09-1.67,7.26-4.71c1.19-.7,4.39-2.29,5.37-1.48Z" transform="translate(-230.24 -234.4)"></path>
1153              <path style="fill:#efefef;" d="M289.56,443.55c1.72,3.83,4.06,6,5.18,7.93a14.72,14.72,0,0,0,4.47,4.71,2.83,2.83,0,0,1,.34.23c.07.06-.22.53-.3.65a3,3,0,0,1-.47.52,14.1,14.1,0,0,1-2.89,2.45s-2,1.68-2.73,1.31-8.69-13.68-8.69-13.68a1.71,1.71,0,0,1,.77-1.41C286.1,445.55,289.56,443.55,289.56,443.55Z" transform="translate(-230.24 -234.4)"></path>
1154              <path style="opacity:0.1;" d="M374.43,363.77c-2.44,11.94-2.63,23-5.07,34.9-3.29,16.09-7.09,33-12.11,49.17l-17.75,3.1s-3.19-10.62,5.37-22.67,8-11.77,8-18.64-2.34-14.58,1.17-20.39S374.43,363.77,374.43,363.77Z" transform="translate(-230.24 -234.4)"></path>
1155              <path style="opacity:0.1;" d="M322.69,657.39l2.16-.79,8-93.62c.35-6.37,4.14-14.82,9.59-18.91a10.23,10.23,0,0,0,4.19-7.37h0L332.3,512.43c-.63-1.25-.14-.62-4-6.91l-2-2.91a24.63,24.63,0,0,0-4.33-4.95c-5.34-4.58-12.34-9.9-16.43-9.9l-25.29-.24s-7.73.2-7.73,5.19,23.28,9.67,30,10.15,9.45.38,11.24,18.78c3.89,40,3.94,57,6,97.15.13,2.6-1.33,14.4-1.57,18.8-.14,2.51,0,14.87,1.07,20.39C319,656.91,321.62,657.59,322.69,657.39Z" transform="translate(-230.24 -234.4)"></path>
1156              <path style="opacity:0.1;" d="M313.26,465.67s25,4.44,39,12.58c12.19,7.07,15.78,15.71,16,16.87.58,3-.83-4.54,1.23-10.9s-22.85-15.9-22.85-15.9Z" transform="translate(-230.24 -234.4)"></path></svg>
1157            </div>
1158            <h3 class="h5 jcorgFilterTextChild">People Illustration</h3>
1159            <div class="download-buttons mt-5">
1160              <a class="btn btn-round" onclick="download_png('#women_sitting')">PNG</a> <a class="btn btn-round" onclick="download_svg('#women_sitting')">SVG</a>
1161            </div>
1162          </div>
1163        </div>
1164      </div>
1165    </div>
1166  </div>
1167  <div class="section section-responsive section-using-ira pt-sm-5 pt-0">
1168    <img src="../assets/img/path2.png" class="w-100 position-absolute">
1169    <div class="container">
1170      <div class="col-lg-8 m-auto text-center">
1171        <h2 class="title text-dark font-weight-bold">Websites using IRA Design</h2>
1172      </div>
1173      <div class="row">
1174        <div class="col-lg-4 p-0">
1175          <div class="info">
1176            <img src="../assets/img/opt_adsp_thumbnail.jpg">
1177            <div class="description">
1178              <h4 class="info-title mb-1 text-dark">Argon Design System PRO</h4>
1179              <p class="desc w-75 m-auto">PREMIUM DESIGN SYSTEM FOR BOOTSTRAP 4</p>
1180            </div>
1181          </div>
1182        </div>
1183        <div class="col-lg-4 p-0">
1184          <div class="info">
1185            <img src="../assets/img/opt_blkp_thumbnail.jpg">
1186            <div class="description">
1187              <h4 class="info-title mb-1 text-dark">BLK• Design System PRO</h4>
1188              <p class="desc w-75 m-auto">PREMIUM DESIGN SYSTEM FOR BOOTSTRAP 4</p>
1189            </div>
1190          </div>
1191        </div>
1192        <div class="col-lg-4 p-0">
1193          <div class="info">
1194            <img src="../assets/img/made-with-react.png">
1195            <div class="description">
1196              <h4 class="info-title mb-1 text-dark">Made with React</h4>
1197              <p class="desc w-75 m-auto">REACT AND REACT NATIVE JAVASCRIPT LIBRARY</p>
1198            </div>
1199          </div>
1200        </div>
1201      </div>
1202    </div>
1203  </div>
1204  <div class="section section-footer">
1205    <div class="container">
1206      <div class="row">
1207        <div class="col-lg-8 col-lg-12 text-left">
1208          <h2 class="title text-dark font-weight-bold">Give it a chance</h2>
1209          <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. Read the full review about us from Fixthephoto.com.</h4>Star
1210        </div>
1211      </div>
1212      <div class="row">
1213        <div class="col-lg-4">
1214          <div class="info">
1215            <img src="../assets/img/fordeveloper.png">
1216            <div class="description">
1217              <h4 class="info-title text-dark">For developers</h4>
1218              <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>Download SVG
1219            </div>
1220          </div>
1221        </div>
1222        <div class="col-lg-4">
1223          <div class="info">
1224            <img src="../assets/img/fordesigner.png">
1225            <div class="description">
1226              <h4 class="info-title text-dark">For designers</h4>
1227              <p class="desc text-gray">Build an app you love. 200+ individually designed components, each with a specific purpose.</p>Download PNG
1228            </div>
1229          </div>
1230        </div>
1231        <div class="col-lg-4">
1232          <div class="info">
1233            <img src="../assets/img/examples.png">
1234            <div class="description">
1235              <h4 class="info-title text-dark">Explore gallery</h4>
1236              <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>
1237            </div>
1238          </div>
1239        </div>
1240        <div class="col-lg-6"></div>
1241      </div>
1242    </div>
1243  </div>
1244  <div class="text-center section-sharing">
1245    <div class="container">
1246      <div class="row">
1247        <div class="col-lg-8 m-auto text-center">
1248          <h2 class="title text-dark" id="close-menu">Thank you for sharing!</h2>
1249          <div class="space-50"></div>
1250        </div>
1251      </div>
1252      <div class="row">
1253        <div class="col-lg-12">
1254          <i class="fab fa-twitter"></i> Twitter <i class="fab fa-facebook"></i> Facebook
1255        </div>
1256      </div>
1257      <div class="space-180"></div>
1258    </div>
1259  </div>
1260  <footer class="footer border-top">
1261    <div class="container d-xl-flex align-items-center">
1262      <nav>
1263        <ul>
1264          <li>Terms & Conditions</li>
1265          <li>Licenses</li>
1266          <li>FAQ</li>
1267          <li>Blog</li>
1268        </ul>
1269      </nav>
1270      <div class="mx-5">
1271        <div class="copyright">
1272          © 
1273          
1273<script>
1274
1275
1276              document.write(new Date().getFullYear())
1277          </script>
1277 Creative Tim, made with love for a better web.
1278        </div>
1279      </div>
1280      <div class="ml-xl-auto text-center mb-lg-0 mb-3"><img src="../assets/img/nepcha-logo.png" width="200" alt="nepcha-logo"></div>
1281    </div>
1282  </footer>
1283  <div id="crowbar-workspace"></div>
1284  
1284<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
1284
1285  
1285<script src="../assets/js/jquery-ui.custom.min.js" type="text/javascript"></script>
1285
1286  
1286<script src="../assets/bootstrap-4/js/bootstrap.min.js" type="text/javascript"></script>
1286
1287  
1287<script src="../assets/js/gsdk.js"></script>
1287
1288  
1288<script async defer src="https://buttons.github.io/buttons.js"></script>
1288
1289  
1289<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.10/d3.min.js"></script>
1289
1290  
1290<script type="text/javascript" src="../assets/js/svg-crowbar-export.js" id="script"></script>
1290
1291  
1291<script type="text/javascript" src="../assets/js/bootstrap-notify.min.js" id="script"></script>
1291
1292  
1292<script type="text/javascript" src="../assets/js/ira-design.js" id="script"></script>
1292
1293  
1293<script type="text/javascript" src="../assets/js/jcfilter.min.js" id="script"></script>
vendor: 1 bytes, line 1293
1293
1294<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1baaa135275648bf908d7ecd1a3e1229","r":1,"spa":2}' crossorigin="anonymous"></script>
1294
1295</body>
1296</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.