vcomply-design-system 1.0.50 → 1.1.0

package/css-build/css/forms/check-box.css

@@ -21,11 +21,11 @@ label.vx-checkbox-item span.checkbox {
   margin-top: 0px;
 }
 label.vx-checkbox-item span.value {
-  color: #4E4E4E;
-  font-size: 14px;
-  line-height: 16px;
+  color: #000;
+  font-size: 11px;
   font-weight: 400;
-  margin-left: 10px;
+  line-height: 16px;
+  margin-left: 8px;
   max-width: calc(100% - 26px);
 }
 label.vx-checkbox-item span.value:empty {

package/css-build/css/forms/forms.css

@@ -8,7 +8,6 @@ button {
 .vx-form-group {
   display: block;
   position: relative;
-  margin-bottom: 16px;
 }
 .vx-form-group .select {
   position: relative;
@@ -200,7 +199,6 @@ button {
 .vx-form-group .checkbox-group li {
   list-style: none;
   display: block;
-  padding: 4px 8px;
 }
 .vx-form-group .checkbox-group.ver {
   display: flex;

package/css-build/css/forms/index.css

@@ -21,11 +21,11 @@ label.vx-checkbox-item span.checkbox {
   margin-top: 0px;
 }
 label.vx-checkbox-item span.value {
-  color: #4E4E4E;
-  font-size: 14px;
-  line-height: 16px;
+  color: #000;
+  font-size: 11px;
   font-weight: 400;
-  margin-left: 10px;
+  line-height: 16px;
+  margin-left: 8px;
   max-width: calc(100% - 26px);
 }
 label.vx-checkbox-item span.value:empty {
@@ -105,7 +105,6 @@ button {
 .vx-form-group {
   display: block;
   position: relative;
-  margin-bottom: 16px;
 }
 .vx-form-group .select {
   position: relative;
@@ -297,7 +296,6 @@ button {
 .vx-form-group .checkbox-group li {
   list-style: none;
   display: block;
-  padding: 4px 8px;
 }
 .vx-form-group .checkbox-group.ver {
   display: flex;
@@ -467,11 +465,11 @@ label.vx-radio-item span.radio .inner {
   display: none;
 }
 label.vx-radio-item span.value {
-  color: #4E4E4E;
-  font-size: 14px;
-  line-height: 16px;
+  color: #000;
+  font-size: 11px;
   font-weight: 400;
-  margin-left: 10px;
+  line-height: 16px;
+  margin-left: 8px;
   max-width: calc(100% - 26px);
 }
 label.vx-radio-item span.value:empty {

package/css-build/css/index2.css

@@ -216,7 +216,7 @@ section .font-wrapper .content {
   color: #747576;
 }
 section .font-wrapper .content p {
-  font-size: 20px;
+  font-size: 16px;
   word-spacing: 10px;
 }
 section .font-wrapper.light {
@@ -251,7 +251,7 @@ section .page-quick-menu {
 }
 section .preview-block {
   background: #f1f1f1;
-  padding: 47px 15px 15px;
+  padding: 34px 5px 5px;
   border-radius: 4px;
   margin-bottom: 20px;
   position: relative;
@@ -263,6 +263,7 @@ section .preview-block .action-buttons {
   right: 1px;
   left: 1px;
   background: #FFFFFF;
+  border-radius: 4px 4px 0 0;
   position: absolute;
 }
 section .preview-block .action-buttons button {

package/css-build/css/popover/popover.css

@@ -36,12 +36,12 @@ button {
   box-shadow: none;
 }
 .vx-popover ul.popover-items li button {
-  color: #747576;
+  color: #000;
   text-align: left;
   text-decoration: none;
   cursor: pointer;
   background: transparent;
-  font-size: 12px;
+  font-size: 11px;
   text-transform: capitalize;
   display: flex;
   width: 100%;
@@ -50,12 +50,12 @@ button {
   margin: 0;
 }
 .vx-popover ul.popover-items li button i {
-  font-size: 17px;
-  margin-right: 10px;
-  color: #1E5DD3;
+  font-size: 16px;
+  margin-right: 8px;
+  color: #565a6f;
 }
 .vx-popover ul.popover-items li button:hover {
-  background: #F1F1F1;
+  background: #F2F2F5;
 }
 .vx-popover ul.popover-items li .avatar-card {
   display: flex;
@@ -88,10 +88,10 @@ button {
 }
 .vx-popover ul.popover-items li .avatar-card span.value {
   width: 100%;
-  color: #6E717E;
+  color: #000;
   text-decoration: none;
   background: transparent;
-  font-size: 12px;
+  font-size: 11px;
   text-transform: capitalize;
   display: block;
   font-weight: 400;

package/css-build/css/vx.css

@@ -1215,11 +1215,11 @@ label.vx-checkbox-item span.checkbox {
   margin-top: 0px;
 }
 label.vx-checkbox-item span.value {
-  color: #4E4E4E;
-  font-size: 14px;
-  line-height: 16px;
+  color: #000;
+  font-size: 11px;
   font-weight: 400;
-  margin-left: 10px;
+  line-height: 16px;
+  margin-left: 8px;
   max-width: calc(100% - 26px);
 }
 label.vx-checkbox-item span.value:empty {
@@ -1292,7 +1292,6 @@ label.vx-checkbox-item input[type=checkbox]:disabled ~ * {
 .vx-form-group {
   display: block;
   position: relative;
-  margin-bottom: 16px;
 }
 .vx-form-group .select {
   position: relative;
@@ -1484,7 +1483,6 @@ label.vx-checkbox-item input[type=checkbox]:disabled ~ * {
 .vx-form-group .checkbox-group li {
   list-style: none;
   display: block;
-  padding: 4px 8px;
 }
 .vx-form-group .checkbox-group.ver {
   display: flex;
@@ -1654,11 +1652,11 @@ label.vx-radio-item span.radio .inner {
   display: none;
 }
 label.vx-radio-item span.value {
-  color: #4E4E4E;
-  font-size: 14px;
-  line-height: 16px;
+  color: #000;
+  font-size: 11px;
   font-weight: 400;
-  margin-left: 10px;
+  line-height: 16px;
+  margin-left: 8px;
   max-width: calc(100% - 26px);
 }
 label.vx-radio-item span.value:empty {
@@ -3086,12 +3084,12 @@ ul.vx-pagination li button i {
   box-shadow: none;
 }
 .vx-popover ul.popover-items li button {
-  color: #747576;
+  color: #000;
   text-align: left;
   text-decoration: none;
   cursor: pointer;
   background: transparent;
-  font-size: 12px;
+  font-size: 11px;
   text-transform: capitalize;
   display: flex;
   width: 100%;
@@ -3100,12 +3098,12 @@ ul.vx-pagination li button i {
   margin: 0;
 }
 .vx-popover ul.popover-items li button i {
-  font-size: 17px;
-  margin-right: 10px;
-  color: #1E5DD3;
+  font-size: 16px;
+  margin-right: 8px;
+  color: #565a6f;
 }
 .vx-popover ul.popover-items li button:hover {
-  background: #F1F1F1;
+  background: #F2F2F5;
 }
 .vx-popover ul.popover-items li .avatar-card {
   display: flex;

package/css-build/images/no-data.svg

@@ -1,268 +1,67 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 256 192" style="enable-background:new 0 0 256 192;" xml:space="preserve">
-<style type="text/css">
-	.st0{display:none;}
-	.st1{display:inline;}
-	.st2{fill:#FFFFFF;}
-	.st3{fill:#BDBDBD;}
-	.st4{display:inline;fill:#F1F1F1;}
-	.st5{display:inline;fill:#BDBDBD;}
-	.st6{fill:#EDF6FF;}
-	.st7{fill:#1E5DD3;}
-	.st8{fill:#F1F1F1;}
-	.st9{fill:#66BF72;}
-	.st10{fill:#E4B700;}
-	.st11{fill:#C7381B;}
-	.st12{fill:#161B2F;stroke:#161B2F;stroke-miterlimit:10;}
-	.st13{fill:none;stroke:#1E5DD3;stroke-width:1.5;stroke-linecap:round;stroke-miterlimit:10;}
-	.st14{fill:#747576;}
-	.st15{fill:#BCBCBC;stroke:#FFFFFF;stroke-miterlimit:10;}
-	.st16{fill:#BCBCBC;}
-	.st17{fill:#FFFFFF;stroke:#DCDCDC;stroke-width:0.5;stroke-miterlimit:10;}
-	.st18{fill:none;stroke:#DCDCDC;stroke-width:0.5;stroke-miterlimit:10;}
-	.st19{fill:none;stroke:#BCBCBC;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
-	.st20{fill-rule:evenodd;clip-rule:evenodd;fill:#66BF72;}
-	.st21{fill:#57A4FF;}
-	.st22{fill:#033187;}
-	.st23{fill:#004FAC;}
-	.st24{fill:none;stroke:#747576;stroke-width:0.5;stroke-miterlimit:10;}
-	.st25{fill:none;stroke:#F1F1F1;stroke-width:0.25;stroke-linecap:round;stroke-miterlimit:10;}
-	.st26{fill:#D3A111;}
-</style>
-<g id="Layer_1_1_">
-	<g class="st0">
-		<g class="st1">
-			<path class="st2" d="M26.4,170.9c-2.6,0-4.8-2.1-4.8-4.8v-122c0-2.6,2.1-4.8,4.8-4.8h185c2.6,0,4.8,2.1,4.8,4.8v122
-				c0,2.6-2.1,4.8-4.8,4.8H26.4z"/>
-			<path class="st3" d="M211.4,40.1c2.2,0,4,1.8,4,4v122c0,2.2-1.8,4-4,4h-185c-2.2,0-4-1.8-4-4v-122c0-2.2,1.8-4,4-4L211.4,40.1
-				 M211.4,38.6h-185c-3,0-5.5,2.5-5.5,5.5v122c0,3,2.5,5.5,5.5,5.5h185c3,0,5.5-2.5,5.5-5.5v-122C216.9,41.1,214.4,38.6,211.4,38.6
-				L211.4,38.6z"/>
-		</g>
-		<path class="st4" d="M211.4,170.1h-185c-2.2,0-4-1.8-4-4V166h193v0.1C215.4,168.3,213.6,170.1,211.4,170.1z"/>
-		<path class="st5" d="M22.4,51.1v-7c0-2.2,1.8-4,4-4h185c2.2,0,4,1.8,4,4v7H22.4z"/>
-	</g>
-	<g>
-		<path class="st6" d="M247,99c23.5,20.5-28.9,57.6-56,73c-62.8,35.7-169,7-180-52C-1.5,53.1,76,10,125.5,10C194,10,216,72,247,99z"
-			/>
-	</g>
-	<g>
-		<path class="st2" d="M39.4,167.9c-2.6,0-4.8-2.1-4.8-4.8v-122c0-2.6,2.1-4.8,4.8-4.8h185c2.6,0,4.8,2.1,4.8,4.8v122
-			c0,2.6-2.1,4.8-4.8,4.8H39.4z"/>
-		<path class="st7" d="M224.4,37.1c2.2,0,4,1.8,4,4v122c0,2.2-1.8,4-4,4h-185c-2.2,0-4-1.8-4-4v-122c0-2.2,1.8-4,4-4L224.4,37.1
-			 M224.4,35.6h-185c-3,0-5.5,2.5-5.5,5.5v122c0,3,2.5,5.5,5.5,5.5h185c3,0,5.5-2.5,5.5-5.5v-122C229.9,38.1,227.4,35.6,224.4,35.6
-			L224.4,35.6z"/>
-	</g>
-	<g>
-		<path class="st2" d="M39.4,162.9c-2.6,0-4.8-2.1-4.8-4.8v-122c0-2.6,2.1-4.8,4.8-4.8h185c2.6,0,4.8,2.1,4.8,4.8v122
-			c0,2.6-2.1,4.8-4.8,4.8H39.4z"/>
-		<path class="st7" d="M224.4,32.1c2.2,0,4,1.8,4,4v122c0,2.2-1.8,4-4,4h-185c-2.2,0-4-1.8-4-4v-122c0-2.2,1.8-4,4-4L224.4,32.1
-			 M224.4,30.6h-185c-3,0-5.5,2.5-5.5,5.5v122c0,3,2.5,5.5,5.5,5.5h185c3,0,5.5-2.5,5.5-5.5v-122C229.9,33.1,227.4,30.6,224.4,30.6
-			L224.4,30.6z"/>
-	</g>
-	<path class="st8" d="M224.4,162.1h-185c-2.2,0-4-1.8-4-4V158h193v0.1C228.4,160.3,226.6,162.1,224.4,162.1z"/>
-	<path class="st8" d="M35.4,43.1v-7c0-2.2,1.8-4,4-4h185c2.2,0,4,1.8,4,4v7H35.4z"/>
-	<circle class="st9" cx="45.7" cy="37.8" r="1.8"/>
-	<circle class="st10" cx="51.7" cy="37.8" r="1.8"/>
-	<circle class="st11" cx="57.7" cy="37.8" r="1.8"/>
-	<path class="st12" d="M35.4,55.1v-19c0-2.2,1.8-4,4-4h185c2.2,0,4,1.8,4,4v19H35.4z"/>
-	<circle class="st9" cx="45.7" cy="37.8" r="1.8"/>
-	<circle class="st10" cx="51.7" cy="37.8" r="1.8"/>
-	<circle class="st11" cx="57.7" cy="37.8" r="1.8"/>
-</g>
-<g id="Layer_3">
-	<line class="st13" x1="251.3" y1="168" x2="253" y2="168"/>
-	<line class="st13" x1="30.7" y1="168" x2="247" y2="168"/>
-	<line class="st13" x1="7" y1="168" x2="18.3" y2="168"/>
-	<line class="st13" x1="21" y1="168" x2="22.3" y2="168"/>
-	<g>
-		<g>
-			<rect x="44.2" y="50.5" class="st2" width="115.3" height="23.6"/>
-			<g>
-				<path class="st14" d="M159.4,50.6V74h-115V50.6H159.4 M159.6,50.3h-0.3h-115H44v0.3V74v0.3h0.3h115h0.3V74V50.6V50.3L159.6,50.3
-					z"/>
-			</g>
-		</g>
-		<circle class="st15" cx="52" cy="57.4" r="3.7"/>
-		<circle class="st15" cx="57.5" cy="57.4" r="3.7"/>
-	</g>
-	<g>
-		<g>
-			<rect x="44.1" y="131.4" class="st2" width="115.3" height="22.6"/>
-			<g>
-				<path class="st14" d="M159.3,131.5v22.4h-115v-22.4H159.3 M159.5,131.2h-0.3h-115H44v0.3v22.4v0.3h0.3h115h0.3v-0.3v-22.4v-0.3
-					H159.5z"/>
-			</g>
-		</g>
-		<g>
-			<path class="st2" d="M50,143.9c-0.6,0-1.1-0.5-1.1-1.1v-7.1c0-0.6,0.5-1.1,1.1-1.1h103.8c0.6,0,1.1,0.5,1.1,1.1v7.1
-				c0,0.6-0.5,1.1-1.1,1.1H50z"/>
-			<g>
-				<path class="st14" d="M153.9,134.6c0.6,0,1,0.4,1,1v7.1c0,0.6-0.4,1-1,1H50c-0.6,0-1-0.4-1-1v-7.1c0-0.6,0.4-1,1-1H153.9
-					 M153.9,134.4H50c-0.7,0-1.3,0.6-1.3,1.3v7.1c0,0.7,0.6,1.3,1.3,1.3h103.8c0.7,0,1.3-0.6,1.3-1.3v-7.1
-					C155.1,134.9,154.6,134.4,153.9,134.4L153.9,134.4z"/>
-			</g>
-		</g>
-		<circle class="st16" cx="52.8" cy="149.1" r="3"/>
-		<circle class="st16" cx="60.4" cy="149.1" r="3"/>
-		<circle class="st16" cx="68.1" cy="149.1" r="3"/>
-	</g>
-	<rect x="44.3" y="75.7" class="st17" width="115.3" height="7.2"/>
-	<line class="st18" x1="48.7" y1="85" x2="48.7" y2="89.9"/>
-	<line class="st18" x1="48.7" y1="98.3" x2="48.7" y2="121.9"/>
-	<g>
-		<path class="st8" d="M127.2,100.9H55.9c-0.8,0-1.5-0.7-1.5-1.5v-8.2c0-0.8,0.7-1.5,1.5-1.5h71.2c0.8,0,1.5,0.7,1.5,1.5v8.2
-			C128.7,100.2,128,100.9,127.2,100.9z"/>
-		<g>
-			<path class="st16" d="M122.9,94.6H59.8c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h63.1c0.6,0,1,0.5,1,1v-0.1
-				C123.9,94.1,123.5,94.6,122.9,94.6z"/>
-		</g>
-		<g>
-			<path class="st16" d="M107.6,98.2H59.8c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h47.8c0.6,0,1,0.5,1,1v-0.1
-				C108.7,97.7,108.2,98.2,107.6,98.2z"/>
-		</g>
-		<circle class="st7" cx="48.7" cy="93.8" r="3.3"/>
-	</g>
-	<g>
-		<path class="st8" d="M117.2,117.1H66.1c-0.8,0-1.5-0.7-1.5-1.5v-8.2c0-0.8,0.7-1.5,1.5-1.5h51.1c0.8,0,1.5,0.7,1.5,1.5v8.2
-			C118.7,116.5,118,117.1,117.2,117.1z"/>
-		<g>
-			<path class="st16" d="M112.9,110.8H70c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h42.9c0.6,0,1,0.5,1,1v-0.1
-				C113.9,110.3,113.5,110.8,112.9,110.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M98.2,114.4H70c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h28.1c0.6,0,1,0.5,1,1v-0.1
-				C99.2,113.9,98.7,114.4,98.2,114.4z"/>
-		</g>
-		<circle class="st9" cx="58.9" cy="110" r="3.3"/>
-	</g>
-	<g>
-		<path class="st8" d="M124.2,130H55.9c-0.8,0-1.5-0.7-1.5-1.5v-4.9c0-0.8,0.7-1.5,1.5-1.5h68.2c0.8,0,1.5,0.7,1.5,1.5v4.9
-			C125.7,129.4,125,130,124.2,130z"/>
-		<g>
-			<path class="st16" d="M119.9,127H59.8c-0.6,0-1-0.5-1-1v0.1c0-0.6,0.5-1,1-1h60.1c0.6,0,1,0.5,1,1V126
-				C120.9,126.6,120.5,127,119.9,127z"/>
-		</g>
-		<circle class="st7" cx="48.7" cy="126.2" r="3.3"/>
-	</g>
-	<g>
-		<line class="st19" x1="67" y1="57.4" x2="127" y2="57.4"/>
-	</g>
-	<g>
-		<line class="st19" x1="48.9" y1="66.2" x2="62.9" y2="66.2"/>
-	</g>
-	<g>
-		<line class="st19" x1="48.9" y1="68.8" x2="58.9" y2="68.8"/>
-	</g>
-	<g>
-		<line class="st19" x1="77.9" y1="66.2" x2="91.9" y2="66.2"/>
-	</g>
-	<g>
-		<line class="st19" x1="77.9" y1="68.8" x2="87.9" y2="68.8"/>
-	</g>
-	<g>
-		<line class="st19" x1="108.9" y1="66.2" x2="122.9" y2="66.2"/>
-	</g>
-	<g>
-		<line class="st19" x1="108.9" y1="68.8" x2="118.9" y2="68.8"/>
-	</g>
-	<g>
-		<line class="st19" x1="138.9" y1="66.2" x2="152.9" y2="66.2"/>
-	</g>
-	<g>
-		<line class="st19" x1="138.9" y1="68.8" x2="148.9" y2="68.8"/>
-	</g>
-</g>
-<g id="Layer_4">
-	<g>
-		<g>
-			<rect x="164" y="50.3" class="st8" width="55" height="28.9"/>
-		</g>
-		<g>
-			<line class="st19" x1="169.9" y1="55.6" x2="209.9" y2="55.6"/>
-		</g>
-		<g>
-			<line class="st19" x1="169.9" y1="59.6" x2="202.9" y2="59.6"/>
-		</g>
-		<g>
-			<line class="st19" x1="169.9" y1="68" x2="188.9" y2="68"/>
-		</g>
-		<g>
-			<line class="st19" x1="169.9" y1="72" x2="194.9" y2="72"/>
-		</g>
-	</g>
-	<circle class="st20" cx="21.3" cy="152.6" r="3.9"/>
-	<path class="st21" d="M21,126.8v9.9h-1.7v3l-3-3H5v-9.9H21z"/>
-	<path class="st22" d="M23.5,150.9h-4.3c-0.1,0-0.1,0.1-0.1,0.1v2.6c0,0.1,0.1,0.1,0.1,0.1h2.9l0.8,0.8c0,0,0.1,0,0.2,0v-0.1v-0.7
-		h0.3c0.1,0,0.1-0.1,0.1-0.1V151C23.6,150.9,23.5,150.9,23.5,150.9L23.5,150.9z M23.3,153.5H23c-0.1,0-0.1,0.1-0.1,0.1v0.5l-0.6-0.6
-		h-0.1h-2.9v-2.4h4V153.5z"/>
-	<path class="st23" d="M8.5,130.2h8.7c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4H8.5c-0.2,0-0.4,0.2-0.4,0.4S8.3,130.2,8.5,130.2z"/>
-	<path class="st23" d="M8.5,132h8.7c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4H8.5c-0.2,0-0.4,0.2-0.4,0.4S8.3,132,8.5,132z"/>
-	<path class="st23" d="M8.5,133.7h4.3c0.2,0,0.4-0.2,0.4-0.4s-0.2-0.4-0.4-0.4H8.5c-0.2,0-0.4,0.2-0.4,0.4S8.3,133.7,8.5,133.7z"/>
-	<path class="st23" d="M14.6,132.8h-0.4c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4h0.4c0.2,0,0.4-0.2,0.4-0.4S14.8,132.8,14.6,132.8z"
-		/>
-	<path class="st24" d="M235.8,12.3h16c0.2,0,0.4,0.2,0.4,0.4v9.9c0,0.2-0.2,0.4-0.4,0.4h-11.1l-2.9,2.9c-0.2,0.2-0.4,0.2-0.6,0
-		c-0.1-0.1-0.1-0.2-0.1-0.3V23h-1.3c-0.2,0-0.4-0.2-0.4-0.4v-9.9C235.4,12.5,235.5,12.3,235.8,12.3L235.8,12.3z"/>
-	<circle class="st24" cx="239.4" cy="17.9" r="1.4"/>
-	<circle class="st24" cx="243.9" cy="17.9" r="1.4"/>
-	<circle class="st24" cx="248.3" cy="17.9" r="1.4"/>
-	<g>
-		<g>
-			<path class="st16" d="M191.3,94.8h-15c-0.5,0-0.9-0.4-0.9-0.9V94c0-0.5,0.4-0.9,0.9-0.9h15c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C192.2,94.4,191.8,94.8,191.3,94.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M211.4,94.8h-2c-0.5,0-0.9-0.4-0.9-0.9V94c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C212.4,94.4,211.9,94.8,211.4,94.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M217.8,94.8h-2c-0.5,0-0.9-0.4-0.9-0.9V94c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C218.8,94.4,218.4,94.8,217.8,94.8z"/>
-		</g>
-		<line class="st25" x1="165" y1="88.7" x2="219" y2="88.7"/>
-		<line class="st25" x1="165" y1="98.7" x2="219" y2="98.7"/>
-		<path class="st10" d="M172.1,96.7H166c-0.1,0-0.2-0.1-0.2-0.2v-3.4h6.6v3.4C172.3,96.6,172.2,96.7,172.1,96.7z"/>
-		<path class="st26" d="M168.7,92.1v-0.7c0-0.1-0.1-0.2-0.2-0.2H166c-0.1,0-0.2,0.1-0.2,0.2V92v0.8h6.6v-0.5c0-0.1-0.1-0.2-0.2-0.2
-			C172.2,92.1,168.7,92.1,168.7,92.1z"/>
-	</g>
-	<g>
-		<g>
-			<path class="st16" d="M191.3,104.8h-15c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h15c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C192.2,104.4,191.8,104.8,191.3,104.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M211.4,104.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C212.4,104.4,211.9,104.8,211.4,104.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M217.8,104.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C218.8,104.4,218.4,104.8,217.8,104.8z"/>
-		</g>
-		<line class="st25" x1="165" y1="98.7" x2="219" y2="98.7"/>
-		<line class="st25" x1="165" y1="108.7" x2="219" y2="108.7"/>
-		<path class="st10" d="M172.1,106.6H166c-0.1,0-0.2-0.1-0.2-0.2V103h6.6v3.4C172.3,106.5,172.2,106.6,172.1,106.6z"/>
-		<path class="st26" d="M168.7,102.1v-0.7c0-0.1-0.1-0.2-0.2-0.2H166c-0.1,0-0.2,0.1-0.2,0.2v0.6v0.8h6.6v-0.5
-			c0-0.1-0.1-0.2-0.2-0.2C172.2,102.1,168.7,102.1,168.7,102.1z"/>
-	</g>
-	<g>
-		<g>
-			<path class="st16" d="M191.3,114.8h-15c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h15c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C192.2,114.4,191.8,114.8,191.3,114.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M211.4,114.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C212.4,114.4,211.9,114.8,211.4,114.8z"/>
-		</g>
-		<g>
-			<path class="st16" d="M217.8,114.8h-2c-0.5,0-0.9-0.4-0.9-0.9v0.1c0-0.5,0.4-0.9,0.9-0.9h2c0.5,0,0.9,0.4,0.9,0.9v-0.1
-				C218.8,114.4,218.4,114.8,217.8,114.8z"/>
-		</g>
-		<line class="st25" x1="165" y1="108.7" x2="219" y2="108.7"/>
-		<line class="st25" x1="165" y1="118.7" x2="219" y2="118.7"/>
-		<path class="st10" d="M172.1,116.6H166c-0.1,0-0.2-0.1-0.2-0.2V113h6.6v3.4C172.3,116.5,172.2,116.6,172.1,116.6z"/>
-		<path class="st26" d="M168.7,112.1v-0.7c0-0.1-0.1-0.2-0.2-0.2H166c-0.1,0-0.2,0.1-0.2,0.2v0.6v0.8h6.6v-0.5
-			c0-0.1-0.1-0.2-0.2-0.2L168.7,112.1L168.7,112.1z"/>
-	</g>
-</g>
+<svg xmlns="http://www.w3.org/2000/svg" width="304.337" height="191.816" viewBox="0 0 304.337 191.816">
+  <g id="infographic" transform="translate(0 0.25)">
+    <g id="infographic_1" data-name="infographic 1">
+      <path id="Path_4127" data-name="Path 4127" d="M367.116,17.308a9.063,9.063,0,0,1,8.408-9.218,4.28,4.28,0,0,1,3.547-2.572A6.679,6.679,0,0,1,385.495.251a6.765,6.765,0,0,1,6.614,6.907c0,.213-.01.424-.028.633a6.373,6.373,0,0,1,1.327-.139,6.728,6.728,0,0,1,6.575,6.162,4.026,4.026,0,0,1,.431-.023,4.343,4.343,0,0,1,0,8.677" transform="translate(-171.473 -0.251)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <line id="Line_331" data-name="Line 331" x2="9.09" transform="translate(295.247 189.933)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <line id="Line_332" data-name="Line 332" x2="177.132" transform="translate(113.189 189.933)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <line id="Line_333" data-name="Line 333" x2="27.614" transform="translate(0 189.933)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <line id="Line_334" data-name="Line 334" x2="3.36" transform="translate(32.176 189.933)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <line id="Line_337" data-name="Line 337" x2="69.067" transform="translate(41.136 189.933)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <path id="Path_4073" data-name="Path 4073" d="M104.6,191.81V45.821a8.96,8.96,0,0,1,8.96-8.96h202a8.96,8.96,0,0,1,8.96,8.96V182.85a8.96,8.96,0,0,1-8.96,8.96Z" transform="translate(-54.086 -8.084)" fill="#1e5dd3"/>
+      <path id="Path_4074" data-name="Path 4074" d="M104.6,191.81V45.821a8.96,8.96,0,0,1,8.96-8.96h202a8.96,8.96,0,0,1,8.96,8.96V182.85a8.96,8.96,0,0,1-8.96,8.96Z" transform="translate(-54.086 -8.084)" fill="none" stroke="#000" stroke-width="0.5"/>
+      <rect id="Rectangle_5102" data-name="Rectangle 5102" width="222.529" height="150.096" rx="7.75" transform="translate(43.002 33.692)" fill="#fff"/>
+      <path id="Path_4075" data-name="Path 4075" d="M311.863,43.567a5.607,5.607,0,0,1,5.6,5.6V187.69a5.607,5.607,0,0,1-5.6,5.6H100.907a5.607,5.607,0,0,1-5.6-5.6V49.167a5.607,5.607,0,0,1,5.6-5.6Zm0-.373H100.907a5.974,5.974,0,0,0-5.973,5.973V187.69a5.974,5.974,0,0,0,5.973,5.973H311.863a5.974,5.974,0,0,0,5.973-5.973V49.167a5.974,5.974,0,0,0-5.973-5.973" transform="translate(-51.637 -9.689)" fill="#161b2f"/>
+      <path id="Path_4076" data-name="Path 4076" d="M94.934,62.065v-12.9a5.974,5.974,0,0,1,5.973-5.973H311.863a5.974,5.974,0,0,1,5.973,5.973v12.9Z" transform="translate(-51.637 -9.689)" fill="#161b2f"/>
+      <path id="Path_4077" data-name="Path 4077" d="M311.783,242.293H101.323a5.826,5.826,0,0,1-5.826-5.827H317.61a5.827,5.827,0,0,1-5.827,5.827" transform="translate(-51.779 -58.65)" fill="#f1f1f1"/>
+      <path id="Path_4078" data-name="Path 4078" d="M108.195,53.266a2.062,2.062,0,1,1-2.062,2.062,2.061,2.061,0,0,1,2.062-2.062" transform="translate(-54.474 -12.24)" fill="#66bf72"/>
+      <path id="Path_4079" data-name="Path 4079" d="M117.4,53.266a2.062,2.062,0,1,1-2.062,2.062,2.061,2.061,0,0,1,2.062-2.062" transform="translate(-56.806 -12.24)" fill="#e4b700"/>
+      <path id="Path_4080" data-name="Path 4080" d="M126.6,53.266a2.062,2.062,0,1,1-2.062,2.062,2.061,2.061,0,0,1,2.062-2.062" transform="translate(-59.137 -12.24)" fill="#c7381b"/>
+      <g id="BG" transform="translate(53.555 62.812)">
+        <path id="Path_4081" data-name="Path 4081" d="M108.672,100.426V83.59a1.145,1.145,0,0,1,1.145-1.145h45.642A1.146,1.146,0,0,1,156.6,83.59v16.836a1.146,1.146,0,0,1-1.145,1.145H109.817a1.145,1.145,0,0,1-1.145-1.145" transform="translate(-108.672 -82.445)" fill="#f1f1f1"/>
+        <path id="Path_4082" data-name="Path 4082" d="M177.026,100.426V83.59a1.146,1.146,0,0,1,1.145-1.145h45.642a1.146,1.146,0,0,1,1.145,1.145v16.836a1.146,1.146,0,0,1-1.145,1.145H178.171a1.146,1.146,0,0,1-1.145-1.145" transform="translate(-125.988 -82.445)" fill="#f1f1f1"/>
+        <path id="Path_4083" data-name="Path 4083" d="M245.381,100.426V83.59a1.146,1.146,0,0,1,1.145-1.145h45.642a1.146,1.146,0,0,1,1.145,1.145v16.836a1.146,1.146,0,0,1-1.145,1.145H246.526a1.146,1.146,0,0,1-1.145-1.145" transform="translate(-143.305 -82.445)" fill="#f1f1f1"/>
+        <path id="Path_4084" data-name="Path 4084" d="M313.736,100.426V83.59a1.146,1.146,0,0,1,1.145-1.145h45.642a1.146,1.146,0,0,1,1.145,1.145v16.836a1.146,1.146,0,0,1-1.145,1.145H314.881a1.146,1.146,0,0,1-1.145-1.145" transform="translate(-160.621 -82.445)" fill="#f1f1f1"/>
+        <path id="Path_4085" data-name="Path 4085" d="M126.526,121.94h0a1.247,1.247,0,0,1,1.247-1.247H200.7a1.247,1.247,0,0,1,0,2.494H127.773a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-113.195 -92.134)" fill="#dbdbdb"/>
+        <path id="Path_4086" data-name="Path 4086" d="M340.128,121.94h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,1,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-167.307 -92.134)" fill="#dbdbdb"/>
+        <path id="Path_4087" data-name="Path 4087" d="M363.139,121.94h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.137 -92.134)" fill="#dbdbdb"/>
+        <path id="Path_4088" data-name="Path 4088" d="M108.672,120.872h0a4.581,4.581,0,1,1,4.581,4.582,4.581,4.581,0,0,1-4.581-4.582" transform="translate(-108.672 -91.019)" fill="#dbdbdb"/>
+        <path id="Path_4089" data-name="Path 4089" d="M144.7,137.28h0a1.247,1.247,0,0,1,1.247-1.247h38.562a1.247,1.247,0,0,1,0,2.494H145.945a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-117.799 -96.019)" fill="#f1f1f1"/>
+        <path id="Path_4090" data-name="Path 4090" d="M342.96,137.28h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,1,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-168.026 -96.019)" fill="#dbdbdb"/>
+        <path id="Path_4091" data-name="Path 4091" d="M365.971,137.28h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.854 -96.019)" fill="#dbdbdb"/>
+        <path id="Path_4092" data-name="Path 4092" d="M126.843,136.212h0a4.582,4.582,0,1,1,4.582,4.582,4.581,4.581,0,0,1-4.582-4.582" transform="translate(-113.276 -94.904)" fill="#f1f1f1"/>
+        <path id="Path_4093" data-name="Path 4093" d="M144.7,152.621h0a1.247,1.247,0,0,1,1.247-1.247h50.016a1.247,1.247,0,0,1,0,2.494H145.945a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-117.799 -99.906)" fill="#f1f1f1"/>
+        <path id="Path_4094" data-name="Path 4094" d="M342.96,152.621h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-168.026 -99.906)" fill="#dbdbdb"/>
+        <path id="Path_4095" data-name="Path 4095" d="M365.971,152.621h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.854 -99.906)" fill="#dbdbdb"/>
+        <path id="Path_4096" data-name="Path 4096" d="M126.843,151.553h0a4.582,4.582,0,1,1,4.582,4.582,4.581,4.581,0,0,1-4.582-4.582" transform="translate(-113.276 -98.791)" fill="#f1f1f1"/>
+        <path id="Path_4097" data-name="Path 4097" d="M126.526,167.961h0a1.247,1.247,0,0,1,1.247-1.247h84.38a1.247,1.247,0,0,1,0,2.494h-84.38a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-113.195 -103.793)" fill="#dbdbdb"/>
+        <path id="Path_4098" data-name="Path 4098" d="M340.128,167.961h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,1,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-167.307 -103.793)" fill="#dbdbdb"/>
+        <path id="Path_4099" data-name="Path 4099" d="M363.139,167.961h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.137 -103.793)" fill="#dbdbdb"/>
+        <path id="Path_4100" data-name="Path 4100" d="M108.672,166.894h0a4.581,4.581,0,1,1,4.581,4.582,4.581,4.581,0,0,1-4.581-4.582" transform="translate(-108.672 -102.677)" fill="#dbdbdb"/>
+        <path id="Path_4101" data-name="Path 4101" d="M126.526,183.3h0a1.247,1.247,0,0,1,1.247-1.247h95.834a1.247,1.247,0,0,1,0,2.494H127.773a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-113.195 -107.679)" fill="#dbdbdb"/>
+        <path id="Path_4102" data-name="Path 4102" d="M340.128,183.3h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,1,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-167.307 -107.679)" fill="#dbdbdb"/>
+        <path id="Path_4103" data-name="Path 4103" d="M363.139,183.3h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.137 -107.679)" fill="#dbdbdb"/>
+        <path id="Path_4104" data-name="Path 4104" d="M108.672,182.234h0a4.581,4.581,0,1,1,4.581,4.582,4.581,4.581,0,0,1-4.581-4.582" transform="translate(-108.672 -106.562)" fill="#dbdbdb"/>
+        <path id="Path_4105" data-name="Path 4105" d="M126.526,198.643h0a1.247,1.247,0,0,1,1.247-1.247h38.562a1.247,1.247,0,0,1,0,2.494H127.773a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-113.195 -111.564)" fill="#dbdbdb"/>
+        <path id="Path_4106" data-name="Path 4106" d="M340.128,198.643h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,1,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-167.307 -111.564)" fill="#dbdbdb"/>
+        <path id="Path_4107" data-name="Path 4107" d="M363.139,198.643h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.137 -111.564)" fill="#dbdbdb"/>
+        <path id="Path_4108" data-name="Path 4108" d="M108.672,197.575h0a4.581,4.581,0,1,1,4.581,4.582,4.581,4.581,0,0,1-4.581-4.582" transform="translate(-108.672 -110.449)" fill="#dbdbdb"/>
+        <path id="Path_4109" data-name="Path 4109" d="M126.526,213.983h0a1.247,1.247,0,0,1,1.247-1.247h84.38a1.247,1.247,0,0,1,0,2.494h-84.38a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-113.195 -115.451)" fill="#dbdbdb"/>
+        <path id="Path_4110" data-name="Path 4110" d="M340.128,213.983h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-167.307 -115.451)" fill="#dbdbdb"/>
+        <path id="Path_4111" data-name="Path 4111" d="M363.139,213.983h0a1.247,1.247,0,0,1,1.247-1.247h7.635a1.247,1.247,0,0,1,0,2.494h-7.635a1.247,1.247,0,0,1-1.247-1.247" transform="translate(-173.137 -115.451)" fill="#dbdbdb"/>
+        <path id="Path_4112" data-name="Path 4112" d="M108.672,212.915h0a4.581,4.581,0,1,1,4.581,4.582,4.581,4.581,0,0,1-4.581-4.582" transform="translate(-108.672 -114.336)" fill="#dbdbdb"/>
+      </g>
+      <path id="Path_4128" data-name="Path 4128" d="M48.157,90.781a3.764,3.764,0,1,0-1.034-7.364A9.37,9.37,0,0,0,29.5,83.3a5.3,5.3,0,1,0-1.168,10.461" transform="translate(-15.782 -7.393)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <path id="play_circle_filled" d="M12.77,23.208,22.384,16,12.77,8.786ZM16,0a15.41,15.41,0,0,1,11.305,4.7A15.41,15.41,0,0,1,32,16,15.41,15.41,0,0,1,27.305,27.3,15.41,15.41,0,0,1,16,32,15.41,15.41,0,0,1,4.695,27.3,15.41,15.41,0,0,1,0,16a15.41,15.41,0,0,1,4.7-11.305A15.41,15.41,0,0,1,16,0Z" transform="translate(139.001 96.002)" fill="#1e5dd3"/>
+    </g>
+    <g id="infographic_1-2" data-name="infographic 1" transform="translate(24.813 15.93)">
+      <path id="Path_4129" data-name="Path 4129" d="M420.46,218.939a9.732,9.732,0,0,0-2.883.45l-.02.006-.027.009a.571.571,0,0,0-.072,1.043l12.07,6.345a.3.3,0,0,0,.138.034.288.288,0,0,0,.288-.288.292.292,0,0,0-.007-.057c0-.025-.01-.049-.016-.073a9.641,9.641,0,0,0-9.422-7.467h-.051" transform="translate(-163.248 -70.14)" fill="#1e5dd3"/>
+      <path id="Path_4130" data-name="Path 4130" d="M65.645,31.42a15.581,15.581,0,0,0-.441,4.654c0,.012,0,.022,0,.034l0,.046a.916.916,0,0,0,1.591.523L81.424,20.438a.463.463,0,0,0-.226-.761.5.5,0,0,0-.092-.013l-.119,0c-.136,0-.271-.005-.406-.005A15.457,15.457,0,0,0,65.645,31.42" transform="translate(-65.179 -19.655)" fill="#1e5dd3"/>
+    </g>
+    <g id="infographic_1-3" data-name="infographic 1" transform="translate(27.685 16.321)">
+      <path id="Path_4131" data-name="Path 4131" d="M71.776,252.236A1.376,1.376,0,1,1,70.4,250.86,1.376,1.376,0,0,1,71.776,252.236Z" transform="translate(-69.024 -78.617)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <path id="Path_4132" data-name="Path 4132" d="M423.314,252.236a1.376,1.376,0,1,1-1.376-1.376A1.376,1.376,0,0,1,423.314,252.236Z" transform="translate(-158.079 -78.617)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <path id="Path_4133" data-name="Path 4133" d="M409.569,114.556a1.376,1.376,0,1,1-1.376-1.376A1.376,1.376,0,0,1,409.569,114.556Z" transform="translate(-154.597 -43.739)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+      <path id="Path_4134" data-name="Path 4134" d="M106.012,21.555a1.376,1.376,0,1,1-1.376-1.376A1.376,1.376,0,0,1,106.012,21.555Z" transform="translate(-77.697 -20.179)" fill="none" stroke="#161b2f" stroke-width="0.5"/>
+    </g>
+  </g>
 </svg>