DEV_ZZ/rsxm-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏处理

Browse Source
This commit is contained in:
maojiacai
2025-08-22 18:12:29 +08:00
parent 4fc95516d6
commit 40d0b885af
25 changed files with 30088 additions and 4490 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/assets/recruitment/bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 4.9 MiB

87
src/assets/recruitment/botton_bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

28
src/assets/recruitment/card_bg.svg Normal file
View File

@ -0,0 +1,28 @@
<svg width="327" height="318" viewBox="0 0 327 318" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322216" filter="url(#filter0_d_35_6722)">
<g id="Rectangle 34625181">
<path d="M0 4C0 1.79086 1.79086 0 4 0H323C325.209 0 327 1.79086 327 4V314C327 316.209 325.209 318 323 318H4C1.79086 318 0 316.209 0 314V4Z" fill="#171E22"/>
<path d="M4 0.5H323C324.933 0.5 326.5 2.067 326.5 4V314C326.5 315.933 324.933 317.5 323 317.5H4C2.067 317.5 0.5 315.933 0.5 314V4C0.5 2.067 2.067 0.5 4 0.5Z" stroke="#CBF2FA" stroke-opacity="0.2"/>
</g>
<g id="Group 427322213">
<path id="Rectangle 57 (Stroke)" d="M2 313.5V311H1V313.5C1 315.985 3.01472 318 5.5 318H8V317H5.5C3.567 317 2 315.433 2 313.5Z" fill="#CBF2FA"/>
<path id="Rectangle 57 (Stroke)_2" d="M2 4.5V7H1V4.5C1 2.01472 3.01472 0 5.5 0H8V1H5.5C3.567 1 2 2.567 2 4.5Z" fill="#CBF2FA"/>
</g>
<g id="Group 427322214">
<path id="Rectangle 57 (Stroke)_3" d="M326 313.5V311H327V313.5C327 315.985 324.985 318 322.5 318H320V317H322.5C324.433 317 326 315.433 326 313.5Z" fill="#CBF2FA"/>
<path id="Rectangle 57 (Stroke)_4" d="M326 4.5V7H327V4.5C327 2.01472 324.985 0 322.5 0H320V1H322.5C324.433 1 326 2.567 326 4.5Z" fill="#CBF2FA"/>
</g>
</g>
<defs>
<filter id="filter0_d_35_6722" x="-10" y="-10" width="347" height="338" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.188235 0 0 0 0 0.862745 0 0 0 0 1 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_35_6722"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_35_6722" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

74
src/assets/recruitment/card_item_bg.svg Normal file
View File

@ -0,0 +1,74 @@
<svg width="308" height="91" viewBox="0 0 308 91" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322252">
<g id="Frame 50" clip-path="url(#clip0_36_9231)">
<circle id="Ellipse 25" cx="41.002" cy="49.7483" r="23.5" stroke="#30DCFF" stroke-width="3" stroke-dasharray="1 2"/>
<g id="Ellipse 26" opacity="0.2">
<mask id="path-2-inside-1_36_9231" fill="white">
<path d="M30.2178 21.7536C23.7402 24.2489 18.3284 28.9133 14.9047 34.9519C11.481 40.9905 10.2573 48.0295 11.4423 54.8693L12.329 54.7156C11.1797 48.0811 12.3666 41.2532 15.6876 35.3958C19.0086 29.5384 24.2581 25.0139 30.5414 22.5934L30.2178 21.7536Z"/>
</mask>
<path d="M30.2178 21.7536C23.7402 24.2489 18.3284 28.9133 14.9047 34.9519C11.481 40.9905 10.2573 48.0295 11.4423 54.8693L12.329 54.7156C11.1797 48.0811 12.3666 41.2532 15.6876 35.3958C19.0086 29.5384 24.2581 25.0139 30.5414 22.5934L30.2178 21.7536Z" stroke="#CBF2FA" stroke-width="2" mask="url(#path-2-inside-1_36_9231)"/>
</g>
<g id="Ellipse 28" opacity="0.2">
<mask id="path-3-inside-2_36_9231" fill="white">
<path d="M51.7861 21.7536C58.2637 24.2489 63.6755 28.9133 67.0992 34.9519C70.5229 40.9905 71.7466 48.0295 70.5617 54.8693L69.6749 54.7156C70.8242 48.0811 69.6373 41.2532 66.3163 35.3958C62.9953 29.5384 57.7458 25.0139 51.4625 22.5934L51.7861 21.7536Z"/>
</mask>
<path d="M51.7861 21.7536C58.2637 24.2489 63.6755 28.9133 67.0992 34.9519C70.5229 40.9905 71.7466 48.0295 70.5617 54.8693L69.6749 54.7156C70.8242 48.0811 69.6373 41.2532 66.3163 35.3958C62.9953 29.5384 57.7458 25.0139 51.4625 22.5934L51.7861 21.7536Z" stroke="#CBF2FA" stroke-width="2" mask="url(#path-3-inside-2_36_9231)"/>
</g>
<g id="Ellipse 27" opacity="0.2">
<mask id="path-4-inside-3_36_9231" fill="white">
<path d="M22.1404 73.0994C27.5429 77.4636 34.2917 79.8194 41.2366 79.7651C48.1814 79.7108 54.8925 77.2498 60.2261 72.8015L59.6494 72.11C54.4758 76.4248 47.966 78.812 41.2295 78.8647C34.493 78.9173 27.9467 76.6323 22.7063 72.3989L22.1404 73.0994Z"/>
</mask>
<path d="M22.1404 73.0994C27.5429 77.4636 34.2917 79.8194 41.2366 79.7651C48.1814 79.7108 54.8925 77.2498 60.2261 72.8015L59.6494 72.11C54.4758 76.4248 47.966 78.812 41.2295 78.8647C34.493 78.9173 27.9467 76.6323 22.7063 72.3989L22.1404 73.0994Z" stroke="#CBF2FA" stroke-width="2" mask="url(#path-4-inside-3_36_9231)"/>
</g>
<path id="Polygon 5" d="M41.002 20.7483L39.002 17.7483L43.002 17.7483L41.002 20.7483Z" fill="#31DCFF"/>
<path id="Polygon 6" d="M15.3008 65.4999L13.7027 68.7319L11.7027 65.2678L15.3008 65.4999Z" fill="#31DCFF"/>
<path id="Polygon 7" d="M67.002 65.4999L68.6 68.7319L70.6 65.2678L67.002 65.4999Z" fill="#31DCFF"/>
<g id="Ellipse 29" opacity="0.5" filter="url(#filter0_f_36_9231)">
<circle cx="41.0002" cy="48.7483" r="14" fill="#30DCFF"/>
</g>
<path id="Vector" d="M41.1377 39.9114C35.7276 39.9114 31.3418 44.2972 31.3418 49.7073H50.9336C50.9336 44.2972 46.5478 39.9114 41.1377 39.9114Z" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M41.1367 37.9524V39.9116" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M41.1382 54.6052C38.4331 54.6052 36.2402 52.4123 36.2402 49.7073H46.0362C46.0362 52.4123 43.8433 54.6052 41.1382 54.6052Z" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M48.9915 55.0836L47.9785 53.637" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_5" d="M34.4148 53.7366L33.166 54.9853" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_6" d="M46.0345 56.5644L45.4727 55.762" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_7" d="M36.7945 55.8167L36.1018 56.5093" stroke="#CBF2FA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Frame 112">
<path id="Vector 13" opacity="0.2" d="M48.3938 0H308" stroke="#CBF2FA"/>
<path id="Vector 17" opacity="0.2" d="M41 17L48.3938 0" stroke="#CBF2FA"/>
<path id="Vector 14" d="M41 17L48.4574 0H241.455" stroke="#30DCFF" stroke-dasharray="4 80"/>
</g>
<g id="Frame 49">
<g id="Frame 44">
<g id="Frame 41">
<rect width="205" height="18" transform="translate(94 10)" fill="url(#paint0_linear_36_9231)"/>
</g>
</g>
<g id="Frame 48">
<rect width="205" height="53" transform="translate(94 30)" fill="url(#paint1_linear_36_9231)"/>
<path id="Polygon 2" d="M197 56.4995L199.122 58.6215L201.243 56.5002L199.122 54.3789L197 56.4995Z" fill="#CBF2FA"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_f_36_9231" x="17.0002" y="24.7483" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_36_9231"/>
</filter>
<linearGradient id="paint0_linear_36_9231" x1="205" y1="8.99995" x2="1.64659" y2="8.99994" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBF2FA" stop-opacity="0"/>
<stop offset="0.484617" stop-color="#CBF2FA" stop-opacity="0.22"/>
<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_36_9231" x1="205" y1="26.4998" x2="1.64659" y2="26.4998" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBF2FA" stop-opacity="0"/>
<stop offset="0.484617" stop-color="#CBF2FA" stop-opacity="0.22"/>
<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_36_9231">
<rect width="82.0022" height="82.0022" fill="white" transform="translate(0 8.75)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

513
src/assets/recruitment/content_bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

643
src/assets/recruitment/echart.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

513
src/assets/recruitment/group_bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

166
src/assets/recruitment/header_bg.svg Normal file
View File

@ -0,0 +1,166 @@
<svg width="1920" height="90" viewBox="0 0 1920 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#233;&#169;&#190;&#233;&#169;&#182;&#232;&#136;&#177;-&#228;&#184;&#173;&#229;&#191;&#131;" clip-path="url(#clip0_36_8971)">
<g id="Subtract">
<mask id="path-1-inside-1_36_8971" fill="white">
<path d="M1908 10.4756L1424.7 29.0439L1344.84 31.7949C1327.13 32.4752 1302.92 40.8501 1289.45 50.9521L1263.25 70.5986C1249.76 80.7162 1233.41 86.3114 1216.54 86.5938C1153.6 87.6476 1105.09 88.5379 1061.19 89.1455L1051.12 81.5879C1022.4 83.3708 985.908 84.9951 948.167 84.9951C910.291 84.9951 873.673 83.3598 844.908 81.5693L834.792 89.1553C790.22 88.546 740.979 87.6484 677.454 86.5859C660.594 86.304 644.236 80.7093 630.746 70.5918L604.558 50.9502C591.089 40.8489 566.879 32.4751 549.174 31.7939L482.691 29.4951L-12 10.4619V-3.99609H1908V10.4756Z"/>
</mask>
<path d="M1908 10.4756L1424.7 29.0439L1344.84 31.7949C1327.13 32.4752 1302.92 40.8501 1289.45 50.9521L1263.25 70.5986C1249.76 80.7162 1233.41 86.3114 1216.54 86.5938C1153.6 87.6476 1105.09 88.5379 1061.19 89.1455L1051.12 81.5879C1022.4 83.3708 985.908 84.9951 948.167 84.9951C910.291 84.9951 873.673 83.3598 844.908 81.5693L834.792 89.1553C790.22 88.546 740.979 87.6484 677.454 86.5859C660.594 86.304 644.236 80.7093 630.746 70.5918L604.558 50.9502C591.089 40.8489 566.879 32.4751 549.174 31.7939L482.691 29.4951L-12 10.4619V-3.99609H1908V10.4756Z" fill="url(#paint0_linear_36_8971)" fill-opacity="0.4"/>
<path d="M1908 10.4756L1424.7 29.0439L1344.84 31.7949C1327.13 32.4752 1302.92 40.8501 1289.45 50.9521L1263.25 70.5986C1249.76 80.7162 1233.41 86.3114 1216.54 86.5938C1153.6 87.6476 1105.09 88.5379 1061.19 89.1455L1051.12 81.5879C1022.4 83.3708 985.908 84.9951 948.167 84.9951C910.291 84.9951 873.673 83.3598 844.908 81.5693L834.792 89.1553C790.22 88.546 740.979 87.6484 677.454 86.5859C660.594 86.304 644.236 80.7093 630.746 70.5918L604.558 50.9502C591.089 40.8489 566.879 32.4751 549.174 31.7939L482.691 29.4951L-12 10.4619V-3.99609H1908V10.4756Z" fill="url(#paint1_linear_36_8971)"/>
<path d="M1908 10.4756L1908.04 11.4748L1909 11.4379V10.4756H1908ZM1424.7 29.0439L1424.73 30.0434L1424.74 30.0432L1424.7 29.0439ZM1344.84 31.7949L1344.8 30.7955L1344.8 30.7957L1344.84 31.7949ZM1289.45 50.9521L1290.05 51.7522L1290.05 51.7521L1289.45 50.9521ZM1263.25 70.5986L1262.65 69.7986L1262.65 69.7986L1263.25 70.5986ZM1216.54 86.5938L1216.56 87.5936L1216.56 87.5936L1216.54 86.5938ZM1061.19 89.1455L1060.59 89.9455L1060.87 90.1501L1061.21 90.1454L1061.19 89.1455ZM1051.12 81.5879L1051.72 80.7879L1051.42 80.567L1051.06 80.5898L1051.12 81.5879ZM948.167 84.9951L948.167 85.9951L948.167 85.9951L948.167 84.9951ZM844.908 81.5693L844.97 80.5713L844.603 80.5484L844.308 80.7693L844.908 81.5693ZM834.792 89.1553L834.778 90.1552L835.119 90.1598L835.392 89.9553L834.792 89.1553ZM677.454 86.5859L677.471 85.5861L677.454 86.5859ZM630.746 70.5918L630.146 71.3918L630.146 71.3918L630.746 70.5918ZM604.558 50.9502L605.158 50.1502L605.158 50.1502L604.558 50.9502ZM549.174 31.7939L549.212 30.7947L549.208 30.7945L549.174 31.7939ZM482.691 29.4951L482.653 30.4944L482.657 30.4945L482.691 29.4951ZM-12 10.4619H-13V11.4242L-12.0384 11.4612L-12 10.4619ZM-12 -3.99609V-4.99609H-13V-3.99609H-12ZM1908 -3.99609H1909V-4.99609H1908V-3.99609ZM1908 10.4756L1907.96 9.47632L1424.66 28.0447L1424.7 29.0439L1424.74 30.0432L1908.04 11.4748L1908 10.4756ZM1424.7 29.0439L1424.66 28.0445L1344.8 30.7955L1344.84 31.7949L1344.87 32.7943L1424.73 30.0434L1424.7 29.0439ZM1344.84 31.7949L1344.8 30.7957C1335.82 31.1406 1325.24 33.4312 1315.23 36.8953C1305.22 40.3587 1295.69 45.0201 1288.85 50.1521L1289.45 50.9521L1290.05 51.7521C1296.68 46.7822 1306 42.2051 1315.88 38.7854C1325.77 35.3665 1336.15 33.1296 1344.88 32.7942L1344.84 31.7949ZM1289.45 50.9521L1288.85 50.1521L1262.65 69.7986L1263.25 70.5986L1263.85 71.3986L1290.05 51.7522L1289.45 50.9521ZM1263.25 70.5986L1262.65 69.7986C1249.33 79.7896 1233.18 85.3151 1216.53 85.5939L1216.54 86.5938L1216.56 87.5936C1233.63 87.3078 1250.19 81.6428 1263.85 71.3986L1263.25 70.5986ZM1216.54 86.5938L1216.53 85.5939C1153.58 86.6478 1105.08 87.538 1061.18 88.1456L1061.19 89.1455L1061.21 90.1454C1105.11 89.5378 1153.62 88.6475 1216.56 87.5936L1216.54 86.5938ZM1061.19 89.1455L1061.79 88.3455L1051.72 80.7879L1051.12 81.5879L1050.52 82.3879L1060.59 89.9455L1061.19 89.1455ZM1051.12 81.5879L1051.06 80.5898C1022.35 82.3719 985.881 83.9951 948.167 83.9951L948.167 84.9951L948.167 85.9951C985.935 85.9951 1022.45 84.3697 1051.18 82.586L1051.12 81.5879ZM948.167 84.9951L948.167 83.9951C910.318 83.9951 873.722 82.3609 844.97 80.5713L844.908 81.5693L844.846 82.5674C873.624 84.3587 910.264 85.9951 948.167 85.9951L948.167 84.9951ZM844.908 81.5693L844.308 80.7693L834.192 88.3552L834.792 89.1553L835.392 89.9553L845.508 82.3694L844.908 81.5693ZM834.792 89.1553L834.806 88.1554C790.235 87.5461 740.998 86.6486 677.471 85.5861L677.454 86.5859L677.437 87.5858C740.961 88.6482 790.204 89.5459 834.778 90.1552L834.792 89.1553ZM677.454 86.5859L677.471 85.5861C660.821 85.3076 644.667 79.7826 631.346 69.7918L630.746 70.5918L630.146 71.3918C643.805 81.6359 660.367 87.3003 677.437 87.5858L677.454 86.5859ZM630.746 70.5918L631.346 69.7918L605.158 50.1502L604.558 50.9502L603.958 51.7502L630.146 71.3918L630.746 70.5918ZM604.558 50.9502L605.158 50.1502C598.315 45.0185 588.794 40.3576 578.781 36.8945C568.767 33.4306 558.189 31.14 549.212 30.7947L549.174 31.7939L549.135 32.7932C557.864 33.129 568.244 35.3659 578.128 38.7846C588.014 42.204 597.331 46.7806 603.958 51.7502L604.558 50.9502ZM549.174 31.7939L549.208 30.7945L482.726 28.4957L482.691 29.4951L482.657 30.4945L549.139 32.7933L549.174 31.7939ZM482.691 29.4951L482.73 28.4959L-11.9616 9.46265L-12 10.4619L-12.0384 11.4612L482.653 30.4944L482.691 29.4951ZM-12 10.4619H-11V-3.99609H-12H-13V10.4619H-12ZM-12 -3.99609V-2.99609H1908V-3.99609V-4.99609H-12V-3.99609ZM1908 -3.99609H1907V10.4756H1908H1909V-3.99609H1908Z" fill="url(#paint2_linear_36_8971)" mask="url(#path-1-inside-1_36_8971)"/>
</g>
<path id="&#232;&#163;&#133;&#233;&#165;&#176;" d="M820.426 42V73H675.21C660.206 73 646.028 66.1256 636.736 54.3447L627 42H820.426Z" fill="url(#paint3_radial_36_8971)"/>
<path id="&#232;&#163;&#133;&#233;&#165;&#176;_2" d="M1073 42V73H1218.22C1233.22 73 1247.4 66.1256 1256.69 54.3447L1266.43 42H1073Z" fill="url(#paint4_radial_36_8971)"/>
<path id="&#231;&#186;&#191;&#230;&#174;&#181;" d="M1907.5 -3.5V13.4814L1374.48 37.1816H1374.47C1356.75 38.0841 1338.01 42.8732 1320.61 50.6855C1315.62 52.9293 1310.61 55.2468 1305.59 57.5713C1276.17 71.1882 1246.26 85.0236 1214.4 85.9541L1212.88 85.9883C1204.93 86.1154 1196.99 86.2409 1189.1 86.3633C1069.95 88.2105 1026.36 89.5 948 89.5C866.341 89.5 808.613 88.0996 683.794 86.127C683.789 86.1269 683.784 86.127 683.778 86.127C683.773 86.1269 683.768 86.1261 683.763 86.126C651.254 85.6034 620.798 71.4734 590.854 57.5732C585.903 55.2751 580.966 52.9841 576.04 50.7637C558.609 42.9067 539.824 38.0879 522.025 37.1816H522.022L-11.5 13.0498V-3.5H1907.5Z" stroke="url(#paint5_linear_36_8971)"/>
<path id="&#231;&#186;&#191;&#230;&#174;&#181;_2" d="M1907.5 -3.5V14.5049L1385.47 46.1797L1385.47 46.1807C1374.11 46.9501 1361.88 49.6376 1349.79 53.7549C1341.58 56.5539 1333.36 59.5664 1325.13 62.583C1294.11 73.9594 1262.9 85.3937 1230.31 85.917C1223.23 86.0306 1216.18 86.1429 1209.15 86.2529C1087.33 88.1588 1027.91 89.5 948 89.5C863.308 89.5 798.496 87.9931 668.508 85.9043C635.921 85.3806 604.725 73.9493 573.703 62.5762C565.481 59.5617 557.271 56.5521 549.058 53.7549C548.216 53.4682 547.373 53.1877 546.53 52.915C535.27 49.2723 523.949 46.8965 513.387 46.1807L513.384 46.1797L-11.5 14.5557V-3.5H1907.5Z" stroke="url(#paint6_linear_36_8971)"/>
<g id="light">
<path id="002" opacity="0.4" d="M1202.32 89C1202.77 87.6934 1203 86.3739 1203 85.043C1203 55.4311 1088.83 31.4258 948 31.4258C807.167 31.4258 693 55.4311 693 85.043C693 86.3739 693.231 87.6934 693.685 89H1202.32Z" fill="url(#paint7_radial_36_8971)"/>
<path id="001" opacity="0.6" d="M1071.39 89C1072.28 87.7083 1072.74 86.3879 1072.74 85.043C1072.74 70.237 1016.89 58.2344 948 58.2344C879.108 58.2344 823.26 70.237 823.26 85.043C823.26 86.3879 823.723 87.7083 824.612 89H1071.39Z" fill="url(#paint8_radial_36_8971)"/>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" clip-path="url(#clip1_36_8971)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.3">
<ellipse cx="182.5" cy="12.5" rx="182.5" ry="12.5" transform="matrix(1 0 0 -1 765 103)" fill="url(#paint9_radial_36_8971)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.1">
<ellipse cx="101.679" cy="9.5" rx="101.679" ry="9.5" transform="matrix(1 0 0 -1 845.822 100)" fill="url(#paint10_radial_36_8971)"/>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.2">
<ellipse cx="73" cy="10.5" rx="73" ry="10.5" transform="matrix(1 0 0 -1 874.5 101)" fill="url(#paint11_radial_36_8971)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.1">
<ellipse cx="39.1071" cy="4.5" rx="39.1071" ry="4.5" transform="matrix(1 0 0 -1 908.393 94)" fill="url(#paint12_radial_36_8971)"/>
</g>
<g id="Ellipse 6" style="mix-blend-mode:plus-lighter" opacity="0.3">
<ellipse cx="33.8929" cy="4" rx="33.8929" ry="4" transform="matrix(1 0 0 -1 913.607 94)" fill="url(#paint13_radial_36_8971)"/>
</g>
<g id="Ellipse 7" style="mix-blend-mode:plus-lighter" opacity="0.4">
<ellipse cx="15.6429" cy="2" rx="15.6429" ry="2" transform="matrix(1 0 0 -1 931.857 92)" fill="url(#paint14_radial_36_8971)"/>
</g>
</g>
<path id="Subtract_2" d="M845.102 84.4255C873.887 85.7709 910.563 87.0007 948.501 87.0007C986.026 87.0007 1022.32 85.7966 1050.96 84.4685L1057.67 89.5007H838.335L845.102 84.4255Z" fill="url(#paint15_linear_36_8971)"/>
<g id="Frame 625062">
<g id="Intersect">
<mask id="path-16-inside-2_36_8971" fill="white">
<path d="M649.018 18.177C645.522 22.3241 640.343 24.672 634.923 24.5647C589.145 23.0829 546.593 21.2717 508.484 19.1545C392.031 12.6849 326.605 3.91037 326.597 -5.23901H668.437L649.018 18.177ZM1568.6 -5.23901C1568.6 -5.11997 1568.58 -5.00148 1568.56 -4.88257C1566.88 4.13783 1501.65 12.7691 1386.71 19.1545C1354.09 20.9668 1318.21 22.5523 1279.84 23.9016C1274.24 23.9768 1268.92 21.4303 1265.45 17.01L1248.18 -5.23901H1568.6Z"/>
</mask>
<path d="M649.018 18.177C645.522 22.3241 640.343 24.672 634.923 24.5647C589.145 23.0829 546.593 21.2717 508.484 19.1545C392.031 12.6849 326.605 3.91037 326.597 -5.23901H668.437L649.018 18.177ZM1568.6 -5.23901C1568.6 -5.11997 1568.58 -5.00148 1568.56 -4.88257C1566.88 4.13783 1501.65 12.7691 1386.71 19.1545C1354.09 20.9668 1318.21 22.5523 1279.84 23.9016C1274.24 23.9768 1268.92 21.4303 1265.45 17.01L1248.18 -5.23901H1568.6Z" fill="url(#paint16_linear_36_8971)"/>
<path d="M649.018 18.177L649.783 18.8216L649.788 18.8154L649.018 18.177ZM634.923 24.5647L634.89 25.5643L634.903 25.5645L634.923 24.5647ZM508.484 19.1545L508.429 20.153L508.484 19.1545ZM326.597 -5.23901V-6.23901H325.597L325.597 -5.23817L326.597 -5.23901ZM668.437 -5.23901L669.207 -4.60066L670.566 -6.23901H668.437V-5.23901ZM1568.6 -5.23901H1569.6V-6.23901H1568.6V-5.23901ZM1568.56 -4.88257L1569.54 -4.69891L1569.54 -4.69971L1568.56 -4.88257ZM1386.71 19.1545L1386.77 20.153L1386.71 19.1545ZM1279.84 23.9016L1279.86 24.9015L1279.87 24.9014L1279.88 24.901L1279.84 23.9016ZM1265.45 17.01L1264.66 17.6233L1264.67 17.6267L1265.45 17.01ZM1248.18 -5.23901V-6.23901H1246.14L1247.39 -4.6257L1248.18 -5.23901ZM649.018 18.177L648.254 17.5324C644.952 21.4492 640.061 23.6662 634.942 23.5649L634.923 24.5647L634.903 25.5645C640.625 25.6778 646.092 23.1991 649.783 18.8216L649.018 18.177ZM634.923 24.5647L634.955 23.5652C589.183 22.0836 546.639 20.2727 508.54 18.1561L508.484 19.1545L508.429 20.153C546.547 22.2707 589.107 24.0822 634.89 25.5642L634.923 24.5647ZM508.484 19.1545L508.54 18.1561C450.322 14.9218 404.882 11.1124 374.007 6.97155C358.562 4.90024 346.799 2.75065 338.912 0.559093C334.961 -0.538837 332.04 -1.63212 330.127 -2.7021C329.17 -3.23743 328.514 -3.74027 328.108 -4.19476C327.706 -4.64355 327.598 -4.9871 327.597 -5.23986L326.597 -5.23901L325.597 -5.23817C325.598 -4.34725 326.001 -3.55006 326.616 -2.86198C327.226 -2.17959 328.091 -1.54942 329.151 -0.956565C331.272 0.22983 334.373 1.37368 338.376 2.48608C346.398 4.71519 358.271 6.87909 373.741 8.9538C404.693 13.105 450.193 16.9177 508.429 20.153L508.484 19.1545ZM326.597 -5.23901V-4.23901H668.437V-5.23901V-6.23901H326.597V-5.23901ZM668.437 -5.23901L667.668 -5.87736L648.249 17.5387L649.018 18.177L649.788 18.8154L669.207 -4.60066L668.437 -5.23901ZM1568.6 -5.23901H1567.6C1567.6 -5.19779 1567.59 -5.14273 1567.58 -5.06542L1568.56 -4.88257L1569.54 -4.69971C1569.57 -4.86022 1569.6 -5.04216 1569.6 -5.23901H1568.6ZM1568.56 -4.88257L1567.58 -5.06623C1567.53 -4.78564 1567.33 -4.40241 1566.82 -3.92622C1566.31 -3.45267 1565.56 -2.94392 1564.52 -2.41172C1562.45 -1.34757 1559.39 -0.26713 1555.34 0.814661C1547.26 2.97523 1535.4 5.09269 1519.97 7.13272C1489.13 11.2113 1444.12 14.9638 1386.66 18.1561L1386.71 19.1545L1386.77 20.153C1444.24 16.9598 1489.31 13.204 1520.24 9.11547C1535.69 7.07196 1547.65 4.94119 1555.86 2.74686C1559.96 1.6512 1563.17 0.527531 1565.43 -0.631848C1566.56 -1.21141 1567.5 -1.81928 1568.19 -2.46629C1568.88 -3.11066 1569.39 -3.85194 1569.54 -4.69891L1568.56 -4.88257ZM1386.71 19.1545L1386.66 18.1561C1354.04 19.9679 1318.17 21.5531 1279.81 22.9022L1279.84 23.9016L1279.88 24.901C1318.25 23.5515 1354.14 21.9657 1386.77 20.153L1386.71 19.1545ZM1279.84 23.9016L1279.83 22.9017C1274.54 22.9727 1269.51 20.5681 1266.24 16.3934L1265.45 17.01L1264.67 17.6267C1268.32 22.2926 1273.94 24.9809 1279.86 24.9015L1279.84 23.9016ZM1265.45 17.01L1266.24 16.3967L1248.97 -5.85233L1248.18 -5.23901L1247.39 -4.6257L1264.66 17.6233L1265.45 17.01ZM1248.18 -5.23901V-4.23901H1568.6V-5.23901V-6.23901H1248.18V-5.23901Z" fill="url(#paint17_linear_36_8971)" mask="url(#path-16-inside-2_36_8971)"/>
</g>
<g id="Union">
<path d="M1236.96 7.25781L1248.81 21.2578H1228L1236.96 7.25781Z" fill="url(#paint18_linear_36_8971)"/>
<path d="M1259 21.2578H1254.77L1242.91 7.25781H1247.15L1259 21.2578Z" fill="url(#paint19_linear_36_8971)"/>
</g>
<g id="Union_2">
<path d="M680.04 7.25781L668.186 21.2578H689L680.04 7.25781Z" fill="url(#paint20_linear_36_8971)"/>
<path d="M658 21.2578H662.233L674.086 7.25781H669.853L658 21.2578Z" fill="url(#paint21_linear_36_8971)"/>
</g>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_36_8971" x1="948" y1="-3.99609" x2="948" y2="89.1553" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_36_8971" x1="948" y1="-58.633" x2="948" y2="88.7771" gradientUnits="userSpaceOnUse">
<stop offset="0.263557" stop-color="#1A394D" stop-opacity="0.09"/>
<stop offset="1" stop-color="#35A8EB" stop-opacity="0.13"/>
</linearGradient>
<linearGradient id="paint2_linear_36_8971" x1="948" y1="-154.137" x2="948" y2="98.0268" gradientUnits="userSpaceOnUse">
<stop offset="0.599186" stop-color="#30DCFF" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF"/>
</linearGradient>
<radialGradient id="paint3_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(639.426 6.99999) rotate(87.4939) scale(62.0593 945.717)">
<stop offset="0.716088" stop-color="#35A8EB" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
</radialGradient>
<radialGradient id="paint4_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1254 6.99999) rotate(92.5061) scale(62.0593 945.717)">
<stop offset="0.716088" stop-color="#35A8EB" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
</radialGradient>
<linearGradient id="paint5_linear_36_8971" x1="948" y1="-155.508" x2="948" y2="98.9524" gradientUnits="userSpaceOnUse">
<stop offset="0.724035" stop-color="#30DCFF" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF"/>
</linearGradient>
<linearGradient id="paint6_linear_36_8971" x1="948" y1="-155.508" x2="948" y2="98.9524" gradientUnits="userSpaceOnUse">
<stop offset="0.782534" stop-color="#30DCFF" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF"/>
</linearGradient>
<radialGradient id="paint7_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(948 85.0426) rotate(-90) scale(53.6168 255)">
<stop stop-color="#57D6FE"/>
<stop offset="0.302515" stop-color="#41C8FF"/>
<stop offset="1" stop-color="#41C8FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint8_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(948 85.0426) rotate(-90) scale(26.8082 124.74)">
<stop stop-color="#57D6FE"/>
<stop offset="0.302515" stop-color="#41C8FF"/>
<stop offset="1" stop-color="#41C8FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint9_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(180.693 12.5) rotate(90) scale(12.5 180.693)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint10_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(100.672 9.5) rotate(90) scale(9.5 100.672)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint11_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(72.2772 10.5) rotate(90) scale(10.5 72.2772)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint12_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(38.7199 4.5) rotate(90) scale(4.5 38.7199)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint13_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(33.5573 4) rotate(90) scale(4 33.5573)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint14_radial_36_8971" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.488 2) rotate(90) scale(2 15.488)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint15_linear_36_8971" x1="1027.52" y1="85.1481" x2="1016.12" y2="43.7778" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.497156" stop-color="#267EE5" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF"/>
</linearGradient>
<linearGradient id="paint16_linear_36_8971" x1="947.598" y1="-81.6879" x2="947.598" y2="28.1514" gradientUnits="userSpaceOnUse">
<stop offset="0.522317" stop-color="#1A394D" stop-opacity="0"/>
<stop offset="1" stop-color="#35A8EB" stop-opacity="0.56"/>
</linearGradient>
<linearGradient id="paint17_linear_36_8971" x1="947.598" y1="-18.3807" x2="947.598" y2="25.991" gradientUnits="userSpaceOnUse">
<stop offset="0.599186" stop-color="#30DCFF" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF"/>
</linearGradient>
<linearGradient id="paint18_linear_36_8971" x1="1258.61" y1="21.2578" x2="1233.06" y2="14.9351" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint19_linear_36_8971" x1="1258.61" y1="21.2578" x2="1233.06" y2="14.9351" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint20_linear_36_8971" x1="658.388" y1="21.2578" x2="683.939" y2="14.9351" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint21_linear_36_8971" x1="658.388" y1="21.2578" x2="683.939" y2="14.9351" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_36_8971">
<rect width="1920" height="90" fill="white"/>
</clipPath>
<clipPath id="clip1_36_8971">
<rect width="365" height="12" fill="white" transform="translate(765 78)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

440
src/assets/recruitment/model1.svg Normal file
View File

@ -0,0 +1,440 @@
<svg width="131" height="80" viewBox="0 0 131 80" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Group 427322250">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M59.0627 26.1497L131.001 26.1497V36.6335H64.3818L59.0627 26.1497Z" fill="url(#paint0_linear_36_9158)"/>
<path id="Rectangle 19303" opacity="0.5" d="M64.3826 36.6335H131.002V39.7787L65.9363 39.7787L64.3826 36.6335Z" fill="url(#paint1_linear_36_9158)"/>
</g>
<g id="Group 2137110">
<g id="Rectangle 19302_2">
<path d="M40.1562 35.8276L59.2186 26.1394L64.5 36.5001L44.3383 46.3115L40.1562 35.8276Z" fill="url(#paint2_linear_36_9158)"/>
<path d="M40.1562 35.8276L59.2186 26.1394L64.5 36.5001L44.3383 46.3115L40.1562 35.8276Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Rectangle 19303_2" opacity="0.5" d="M44.9521 45.3125L64.5004 36.5L65.9356 39.7979L45.9977 48.4576L44.9521 45.3125Z" fill="url(#paint3_linear_36_9158)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M65.9375 39.7788L59.0625 26.1498" stroke="url(#paint4_linear_36_9158)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M113 36.3373L65 36.3373" stroke="url(#paint5_linear_36_9158)" stroke-width="0.5"/>
</g>
</g>
<g id="&#229;&#136;&#134;&#229;&#173;&#144;-&#228;&#184;&#173;&#229;&#191;&#131;&#230;&#140;&#135;&#230;&#160;&#135;&#229;&#155;&#190;&#230;&#160;&#135;" clip-path="url(#clip0_36_9158)">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#186;&#149;&#229;&#186;&#167;">
<g id="Frame 427318960" clip-path="url(#clip1_36_9158)">
<g id="Group 427318959">
<g id="Ellipse 1976" opacity="0.5">
<path d="M28.4277 28.3255C39.4417 34.6252 48.1388 48.5392 48.0496 59.3061C47.9601 70.0732 39.1149 73.9546 28.1007 67.6552C17.0864 61.3556 8.38928 47.4408 8.47879 36.6736C8.56856 25.9069 17.4135 22.026 28.4277 28.3255Z" stroke="url(#paint6_linear_36_9158)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<path id="Ellipse 1971" opacity="0.5" d="M53.0264 56.5899C53.0264 60.8232 51.6867 63.9883 49.4129 65.9026C45.9283 68.8361 40.2498 68.8323 33.8365 65.2338C23.2383 59.2871 14.6467 45.7756 14.6467 35.055C14.6467 30.8217 15.9864 27.6566 18.2602 25.7424C21.7448 22.8088 27.4233 22.8127 33.8365 26.4112C44.4348 32.3579 53.0264 45.8694 53.0264 56.5899Z" fill="url(#paint7_linear_36_9158)"/>
<g id="Union">
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3507 19.6425C23.0769 21.5567 21.7373 24.7218 21.7373 28.9551C21.7373 39.6756 30.3288 53.1871 40.9271 59.1338L40.9269 59.134C47.3391 62.7317 53.0166 62.7361 56.5013 59.804L49.4124 65.7704C45.9279 68.7039 40.2494 68.7001 33.8361 65.1016L33.8363 65.1014C23.2381 59.1547 14.6467 45.6433 14.6467 34.9228C14.6467 30.6896 15.9864 27.5245 18.2602 25.6102L25.3507 19.6425Z" fill="url(#paint8_linear_36_9158)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3507 19.6425C23.0769 21.5567 21.7373 24.7218 21.7373 28.9551C21.7373 39.6756 30.3288 53.1871 40.9271 59.1338L40.9269 59.134C47.3391 62.7317 53.0166 62.7361 56.5013 59.804L49.4124 65.7704C45.9279 68.7039 40.2494 68.7001 33.8361 65.1016L33.8363 65.1014C23.2381 59.1547 14.6467 45.6433 14.6467 34.9228C14.6467 30.6896 15.9864 27.5245 18.2602 25.6102L25.3507 19.6425Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Union_2" fill-rule="evenodd" clip-rule="evenodd" d="M25.453 19.6425C23.1865 21.563 21.8512 24.7385 21.8512 28.9857C21.8512 39.7415 30.4149 53.2974 40.9786 59.2637C47.3699 62.8733 53.0289 62.8778 56.5022 59.936L36.6185 75.1042C33.1453 78.0474 27.4853 78.0435 21.0929 74.4332C10.5292 68.4669 1 56.0054 1 45.2496C1 41.0025 2.33529 37.827 4.60174 35.9064L25.453 19.6425Z" fill="url(#paint9_radial_36_9158)"/>
<g id="Group 427318958">
<path id="Union_3" d="M42.6037 2.32606L26.5092 18.9151C23.5382 20.6664 21.7366 24.1391 21.7366 29.0484C21.7366 39.7689 30.3281 53.2804 40.9264 59.2271C44.7527 61.3741 48.3175 62.2415 51.3109 61.9689L71.409 58.3157L42.6037 2.32606Z" fill="url(#paint10_linear_36_9158)"/>
<path id="Union_4" d="M50.6362 5.4812L28.0743 19.9035C25.1033 21.6548 21.7366 24.1395 21.7366 29.0488C21.7366 39.7694 30.3281 53.2809 40.9264 59.2276C44.7527 61.3745 47.6428 60.459 50.6362 60.1864L72.6967 50.7373L50.6362 5.4812Z" fill="url(#paint11_linear_36_9158)"/>
</g>
<g id="Ellipse 1971_2">
<g filter="url(#filter0_i_36_9158)">
<ellipse cx="22.0174" cy="19.3955" rx="22.0174" ry="19.3955" transform="matrix(0.872096 0.489335 0 1 22.0579 9.95715)" fill="url(#paint12_linear_36_9158)"/>
</g>
<path d="M41.2593 21.4557C51.5926 27.2538 59.8288 40.3179 59.8288 50.546C59.8288 60.7741 51.5925 64.5955 41.2593 58.7975C30.926 52.9995 22.6898 39.9354 22.6898 29.7072C22.6898 19.4791 30.926 15.6577 41.2593 21.4557Z" stroke="url(#paint13_linear_36_9158)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<g id="Ellipse 1975">
<path d="M46.273 18.9224C56.8097 24.8347 65.316 38.2315 65.316 48.8224C65.316 59.4132 56.8097 63.2632 46.273 57.3511C35.7362 51.4389 27.2291 38.0426 27.2291 27.4517C27.2291 16.8608 35.7362 13.0102 46.273 18.9224Z" stroke="url(#paint14_linear_36_9158)" stroke-width="0.362196" style="mix-blend-mode:plus-lighter"/>
</g>
</g>
<g id="Mask group">
<mask id="mask0_36_9158" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="24" y="12" width="50" height="49">
<path id="Ellipse 1975_2" opacity="0.5" d="M59.532 17.0531C71.6113 25.1925 76.5367 40.4598 70.5332 51.1535C64.5296 61.8472 49.8706 63.9178 37.7912 55.7783C25.7119 47.6388 20.7865 32.3715 26.79 21.6778C32.7936 10.9841 47.4526 8.91356 59.532 17.0531Z" fill="url(#paint15_radial_36_9158)"/>
</mask>
<g mask="url(#mask0_36_9158)">
<rect id="image 100" width="78.2065" height="58.8836" transform="matrix(0.993664 -0.11239 0.648451 0.761256 -3.01099 19.9036)" fill="url(#pattern0_36_9158)" fill-opacity="0.64"/>
</g>
</g>
<g id="light">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:overlay" clip-path="url(#clip2_36_9158)">
<g id="Mask group_2">
<mask id="mask1_36_9158" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="25" width="20" height="21">
<g id="Ellipse 6" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M35.4643 33.0537C35.4643 33.0537 25.2843 24.1865 20.3955 25.1493C15.5067 26.1121 16.1777 30.8475 17.7603 36.5403C19.343 42.233 21.238 46.7274 26.1268 45.7646C31.0157 44.8018 35.4643 33.0537 35.4643 33.0537Z" fill="url(#paint16_radial_36_9158)"/>
</g>
</mask>
<g mask="url(#mask1_36_9158)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M35.4643 33.0537C35.4643 33.0537 25.2843 24.1865 20.3955 25.1493C15.5067 26.1121 16.1777 30.8475 17.7603 36.5403C19.343 42.233 21.238 46.7274 26.1268 45.7646C31.0157 44.8018 35.4643 33.0537 35.4643 33.0537Z" fill="url(#paint17_radial_36_9158)"/>
</g>
</g>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="3.9593" cy="21.3971" rx="3.9593" ry="21.3971" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 25.0095 56.8566)" fill="url(#paint18_radial_36_9158)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.10341" cy="10.6986" rx="1.10341" ry="10.6986" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.9458 45.9971)" fill="url(#paint19_radial_36_9158)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.454346" cy="7.13238" rx="0.454346" ry="7.13238" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.6274 42.4359)" fill="url(#paint20_radial_36_9158)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_2" style="mix-blend-mode:overlay" clip-path="url(#clip3_36_9158)">
<g id="Mask group_3">
<mask id="mask2_36_9158" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="8" width="29" height="24">
<g id="Ellipse 6_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M48.1737 31.3162C48.1737 31.3162 30.5641 31.1599 24.3136 26.1637C18.0632 21.1676 20.978 17.2655 25.5389 13.2236C30.0998 9.18164 34.5796 6.53053 40.8301 11.5267C47.0805 16.5228 48.1737 31.3162 48.1737 31.3162Z" fill="url(#paint21_radial_36_9158)"/>
</g>
</mask>
<g mask="url(#mask2_36_9158)">
<g id="Ellipse 2_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M48.1737 31.3162C48.1737 31.3162 30.5641 31.1599 24.3136 26.1637C18.0632 21.1676 20.978 17.2655 25.5389 13.2236C30.0998 9.18164 34.5796 6.53053 40.8301 11.5267C47.0805 16.5228 48.1737 31.3162 48.1737 31.3162Z" fill="url(#paint22_radial_36_9158)"/>
</g>
</g>
</g>
<g id="Ellipse 4_2" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="6.35831" cy="22.0689" rx="6.35831" ry="22.0689" transform="matrix(0.781124 0.624376 -0.748404 0.663243 43.9951 0.137329)" fill="url(#paint23_radial_36_9158)"/>
</g>
<g id="Ellipse 3_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.77199" cy="11.0344" rx="1.77199" ry="11.0344" transform="matrix(0.781124 0.624376 -0.748404 0.663243 39.3191 10.3195)" fill="url(#paint24_radial_36_9158)"/>
</g>
<g id="Ellipse 5_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.729642" cy="7.3563" rx="0.729642" ry="7.3563" transform="matrix(0.781124 0.624376 -0.748404 0.663243 37.3809 13.4097)" fill="url(#paint25_radial_36_9158)"/>
</g>
</g>
<g id="Line 5_2" style="mix-blend-mode:overlay" filter="url(#filter1_f_36_9158)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 49.1321 65.657)" stroke="url(#paint26_linear_36_9158)" stroke-width="0.724393"/>
</g>
<g id="Line 7" style="mix-blend-mode:overlay" filter="url(#filter2_f_36_9158)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 45.1211 65.657)" stroke="url(#paint27_linear_36_9158)" stroke-width="0.724393"/>
</g>
<g id="Line 9" style="mix-blend-mode:overlay" filter="url(#filter3_f_36_9158)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 21.0549 45.7642)" stroke="url(#paint28_linear_36_9158)" stroke-width="0.724393"/>
</g>
<g id="Line 10" style="mix-blend-mode:overlay" filter="url(#filter4_f_36_9158)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 38.1018 63.6677)" stroke="url(#paint29_linear_36_9158)" stroke-width="0.724393"/>
</g>
<g id="Line 8" style="mix-blend-mode:overlay" filter="url(#filter5_f_36_9158)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 18.0466 32.8339)" stroke="url(#paint30_linear_36_9158)" stroke-width="0.724393"/>
</g>
<g id="Line 6_2" style="mix-blend-mode:overlay" filter="url(#filter6_f_36_9158)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 17.0439 27.8606)" stroke="url(#paint31_linear_36_9158)" stroke-width="0.724393"/>
</g>
</g>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#233;&#128;&#154;&#231;&#148;&#168;&#229;&#155;&#190;&#230;&#160;&#135;" clip-path="url(#clip4_36_9158)">
<g id="icon">
<g id="Union_5" filter="url(#filter7_f_36_9158)">
<path d="M31.8374 32.5563L39.1942 31.5224C40.2113 31.3794 41.6527 29.9358 41.2925 28.974L40.236 29.1224C39.8758 28.1606 38.9025 27.8844 37.8854 28.0274L30.9352 28.2679C28.8745 29.0296 28.9778 30.1019 29.338 31.0638L29.3411 31.072C29.7013 32.0339 30.8203 32.6993 31.8374 32.5563ZM42.5069 28.4216L41.5998 29.3204L41.608 29.3422C42.2086 30.9463 41.3213 32.443 39.6223 32.6818L32.2771 33.7141C30.5809 33.9525 28.7156 32.8455 28.1139 31.2387L28.1057 31.2168L27.0106 30.7191C25.4095 31.3556 24.2979 33.0694 24.877 34.6161L30.6052 49.9133C31.1833 51.4572 32.9764 52.5255 34.6119 52.2956L50.7412 50.0288C52.3738 49.7994 53.2314 48.3614 52.6522 46.8148L46.9241 31.5176C46.342 29.9713 44.1395 28.1922 42.5069 28.4216ZM45.3631 43.7892L35.0128 45.2438C34.6054 45.3011 34.1554 45.0335 34.0112 44.6482C33.8669 44.2629 34.0815 43.902 34.4889 43.8447L44.8392 42.3901C45.2466 42.3328 45.6966 42.6004 45.8409 42.9857C45.9852 43.371 45.7734 43.7315 45.3631 43.7892ZM43.3119 38.1894L32.8749 39.6562C32.4906 39.7102 32.0608 39.4398 31.9166 39.0545C31.7723 38.6692 31.9667 38.3111 32.351 38.2571L42.7908 36.7899C43.1751 36.7359 43.6049 37.0063 43.7492 37.3916C43.8906 37.7773 43.6962 38.1354 43.3119 38.1894Z" fill="#087F97" fill-opacity="0.8"/>
</g>
<g id="Union_6" filter="url(#filter8_d_36_9158)">
<path d="M33.8191 29.4953L41.1759 28.4614C42.193 28.3184 43.6344 26.8748 43.2742 25.9129L42.2177 26.0614C41.8575 25.0995 40.8842 24.8234 39.8671 24.9663L32.9169 25.2069C30.8562 25.9686 30.9595 27.0409 31.3197 28.0028L31.3228 28.011C31.683 28.9728 32.802 29.6382 33.8191 29.4953ZM44.4886 25.3606L43.5815 26.2593L43.5897 26.2812C44.1903 27.8853 43.303 29.382 41.6039 29.6208L34.2588 30.6531C32.5626 30.8915 30.6972 29.7845 30.0956 28.1777L30.0874 28.1558L28.9923 27.658C27.3912 28.2946 26.2795 30.0084 26.8587 31.555L32.5869 46.8522C33.165 48.3962 34.9581 49.4645 36.5935 49.2346L52.7229 46.9678C54.3555 46.7383 55.6818 45.625 55.5475 43.8796L48.9058 28.4565C48.3237 26.9103 46.1212 25.1312 44.4886 25.3606ZM47.3448 40.7281L36.9945 42.1828C36.5871 42.24 36.1371 41.9725 35.9929 41.5872C35.8486 41.2019 36.0632 40.8409 36.4706 40.7837L46.8209 39.329C47.2283 39.2718 47.6783 39.5393 47.8226 39.9246C47.9668 40.3099 47.7551 40.6705 47.3448 40.7281ZM45.2935 35.1284L34.8566 36.5952C34.4723 36.6492 34.0425 36.3788 33.8983 35.9935C33.754 35.6082 33.9484 35.2501 34.3327 35.1961L44.7725 33.7289C45.1568 33.6749 45.5866 33.9453 45.7309 34.3306C45.8722 34.7163 45.6779 35.0744 45.2935 35.1284Z" fill="url(#paint32_linear_36_9158)"/>
</g>
<path id="Union1" d="M34.6773 28.6085L42.0341 27.5746C43.0512 27.4316 43.5849 26.5339 43.2248 25.5721L43.2217 25.5639C42.8615 24.602 41.7424 23.9366 40.7253 24.0795L33.3686 25.1135C32.3515 25.2564 31.8177 26.1541 32.1779 27.116L32.181 27.1242C32.5412 28.086 33.6602 28.7514 34.6773 28.6085ZM45.7573 25.1874L44.4397 25.3725L44.4479 25.3944C45.0485 26.9985 44.1612 28.4952 42.4622 28.734L35.117 29.7663C33.4208 30.0047 31.5555 28.8977 30.9538 27.2909L30.9456 27.269L29.628 27.4542C27.9954 27.6836 27.1378 29.1216 27.7169 30.6682L33.4451 45.9655C34.0232 47.5094 35.8163 48.5777 37.4518 48.3478L53.5811 46.081C55.2137 45.8515 56.0713 44.4136 55.4922 42.8669L49.764 27.5697C49.1819 26.0235 47.3899 24.9579 45.7573 25.1874ZM48.203 39.8413L37.8527 41.296C37.4453 41.3532 36.9953 41.0857 36.8511 40.7004C36.7068 40.3151 36.9214 39.9541 37.3288 39.8969L47.6791 38.4422C48.0865 38.385 48.5365 38.6525 48.6808 39.0378C48.8251 39.4231 48.6133 39.7837 48.203 39.8413ZM46.1518 34.2416L35.7148 35.7084C35.3305 35.7624 34.9008 35.492 34.7565 35.1067C34.6122 34.7214 34.8066 34.3633 35.1909 34.3093L45.6307 32.8421C46.0151 32.7881 46.4448 33.0585 46.5891 33.4438C46.7305 33.8295 46.5361 34.1876 46.1518 34.2416Z" fill="url(#paint33_radial_36_9158)"/>
</g>
<g id="light_2">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_3" style="mix-blend-mode:overlay" clip-path="url(#clip5_36_9158)">
<g id="Ellipse 2_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="3" cy="2.5" rx="3" ry="2.5" transform="matrix(0.990268 -0.139173 -0.349767 -0.936624 31.5063 49.3818)" fill="url(#paint34_radial_36_9158)"/>
</g>
<g id="Ellipse 4_3" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="1.31655" cy="5" rx="1.31655" ry="5" transform="matrix(0.990268 -0.139173 -0.349767 -0.936624 34.0488 51.489)" fill="url(#paint35_radial_36_9158)"/>
</g>
<g id="Ellipse 3_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.366907" cy="2.5" rx="0.366907" ry="2.5" transform="matrix(0.990268 -0.139173 -0.349767 -0.936624 34.1147 49.0153)" fill="url(#paint36_radial_36_9158)"/>
</g>
<g id="Ellipse 5_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.151079" cy="1.66667" rx="0.151079" ry="1.66667" transform="matrix(0.990268 -0.139173 -0.349767 -0.936624 34.0364 48.2047)" fill="url(#paint37_radial_36_9158)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_4" style="mix-blend-mode:overlay" clip-path="url(#clip6_36_9158)">
<g id="Ellipse 2_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="5" cy="4.75" rx="5" ry="4.75" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 26.7307 41.92)" fill="url(#paint38_radial_36_9158)"/>
</g>
<g id="Ellipse 4_4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="2.19424" cy="9.5" rx="2.19424" ry="9.5" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 31.2053 45.9735)" fill="url(#paint39_radial_36_9158)"/>
</g>
<g id="Ellipse 3_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.611511" cy="4.75" rx="0.611511" ry="4.75" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 31.0767 41.3093)" fill="url(#paint40_radial_36_9158)"/>
</g>
<g id="Ellipse 5_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.251799" cy="3.16667" rx="0.251799" ry="3.16667" transform="matrix(0.990268 -0.139173 -0.357076 -0.935576 30.8684 39.7777)" fill="url(#paint41_radial_36_9158)"/>
</g>
</g>
</g>
</g>
</g>
</g>
<defs>
<filter id="filter0_i_36_9158" x="20.6091" y="17.9355" width="39.8514" height="45.8307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-2.89757" dy="2.89757"/>
<feGaussianBlur stdDeviation="0.724393"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_36_9158"/>
</filter>
<pattern id="pattern0_36_9158" patternContentUnits="objectBoundingBox" width="0.103555" height="0.121033">
<use xlink:href="#image0_36_9158" transform="scale(0.00103555 0.00137538)"/>
</pattern>
<filter id="filter1_f_36_9158" x="46.5786" y="59.3358" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter2_f_36_9158" x="42.5676" y="59.3358" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter3_f_36_9158" x="18.5015" y="39.443" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter4_f_36_9158" x="35.5483" y="57.3466" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter5_f_36_9158" x="15.4932" y="26.5127" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter6_f_36_9158" x="14.4905" y="21.5394" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter7_f_36_9158" x="23.7217" y="26.9921" width="30.1116" height="26.3347" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_36_9158"/>
</filter>
<filter id="filter8_d_36_9158" x="22.7034" y="24.931" width="32.8535" height="28.3347" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-3" dy="3"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0320486 0 0 0 0 0.498397 0 0 0 0 0.591667 0 0 0 0.8 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_36_9158"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_36_9158" result="shape"/>
</filter>
<linearGradient id="paint0_linear_36_9158" x1="92.9735" y1="10.4238" x2="128.159" y2="30.2918" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_36_9158" x1="62.9998" y1="26.1497" x2="121.718" y2="30.5368" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_36_9158" x1="43.9824" y1="38.562" x2="52.6714" y2="20.9418" gradientUnits="userSpaceOnUse">
<stop offset="0.539047" stop-color="#27DDF1"/>
<stop offset="1" stop-color="#22A4ED"/>
</linearGradient>
<linearGradient id="paint3_linear_36_9158" x1="48.7034" y1="42.3997" x2="63.9185" y2="31.5059" gradientUnits="userSpaceOnUse">
<stop offset="0.659247" stop-color="#49F3FD"/>
<stop offset="1" stop-color="#2285ED"/>
</linearGradient>
<linearGradient id="paint4_linear_36_9158" x1="59.9211" y1="26.1505" x2="59.9213" y2="39.7788" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_36_9158" x1="65.0024" y1="38.0875" x2="113" y2="38.079" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_36_9158" x1="0.587879" y1="26.5531" x2="24.5042" y2="74.3806" gradientUnits="userSpaceOnUse">
<stop stop-color="#0FB7D8"/>
<stop offset="0.5" stop-color="#86EBFF"/>
<stop offset="1" stop-color="#0FB7D8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_36_9158" x1="25.9764" y1="29.8808" x2="46.5256" y2="57.7916" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC"/>
</linearGradient>
<linearGradient id="paint8_linear_36_9158" x1="27.2516" y1="23.7301" x2="51.5651" y2="61.142" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="0.333333" stop-color="#1089A1"/>
<stop offset="0.666667" stop-color="#1089A1"/>
<stop offset="1" stop-color="#25AAC5"/>
</linearGradient>
<radialGradient id="paint9_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(37.1183 43.7747) rotate(151.784) scale(34.0281 36.6321)">
<stop stop-color="#25AAC5"/>
<stop offset="1" stop-color="#13A8C6" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint10_linear_36_9158" x1="23.1633" y1="35.0566" x2="51.6479" y2="20.6155" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_36_9158" x1="10.6984" y1="35.9198" x2="52.9584" y2="13.332" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_36_9158" x1="3.58531" y1="10.1169" x2="37.976" y2="32.7475" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="0.479167" stop-color="#009AB9"/>
</linearGradient>
<linearGradient id="paint13_linear_36_9158" x1="25.8955" y1="37.1911" x2="57.0031" y2="47.4751" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.820896"/>
</linearGradient>
<linearGradient id="paint14_linear_36_9158" x1="40.2033" y1="22.859" x2="63.1101" y2="41.4726" gradientUnits="userSpaceOnUse">
<stop stop-color="#58E3FF" stop-opacity="0.35"/>
<stop offset="1" stop-color="#58E3FF" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint15_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(48.6613 36.4156) rotate(-122.08) scale(25.0229 21.9526)">
<stop offset="0.33244" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint16_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26.8952 36.2945) rotate(-105.537) scale(46.3605 8.86696)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint17_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.1132 36.8424) rotate(-105.537) scale(10.6986 14.5073)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint18_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3.9201 21.3971) rotate(90) scale(21.3971 3.9201)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint19_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.09249 10.6986) rotate(90) scale(10.6986 1.09249)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint20_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.449847 7.13238) rotate(90) scale(7.13238 0.449847)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint21_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(37.8744 21.0951) rotate(138.452) scale(47.8159 14.0726)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint22_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.3175 18.252) rotate(138.452) scale(11.0344 23.0242)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint23_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.29536 22.0689) rotate(90) scale(22.0689 6.29536)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint24_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.75444 11.0344) rotate(90) scale(11.0344 1.75444)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint25_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.722418 7.3563) rotate(90) scale(7.3563 0.722418)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint26_linear_36_9158" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint27_linear_36_9158" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint28_linear_36_9158" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint29_linear_36_9158" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint30_linear_36_9158" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint31_linear_36_9158" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint32_linear_36_9158" x1="28.9705" y1="26.824" x2="57.6599" y2="39.2493" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint33_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32.3664 29.6267) rotate(36.373) scale(23.7396 15.8268)">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
<radialGradient id="paint34_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.9703 2.5) rotate(90) scale(2.5 2.9703)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint35_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.30351 5) rotate(90) scale(5 1.30351)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint36_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.363274 2.5) rotate(90) scale(2.5 0.363274)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint37_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.149583 1.66667) rotate(90) scale(1.66667 0.149583)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint38_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.95049 4.75) rotate(90) scale(4.75 4.9505)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint39_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.17252 9.5) rotate(90) scale(9.5 2.17252)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint40_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.605456 4.75) rotate(90) scale(4.75 0.605456)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint41_radial_36_9158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.249306 3.16667) rotate(90) scale(3.16667 0.249306)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_36_9158">
<rect width="80" height="80" fill="white"/>
</clipPath>
<clipPath id="clip1_36_9158">
<rect width="78" height="78" fill="white" transform="translate(1 2)"/>
</clipPath>
<clipPath id="clip2_36_9158">
<rect width="18.044" height="42.7943" fill="white" transform="matrix(0.981154 -0.193226 0.267855 0.963459 12.0298 15.9249)"/>
</clipPath>
<clipPath id="clip3_36_9158">
<rect width="28.9772" height="44.1378" fill="white" transform="matrix(0.781124 0.624376 0.748404 -0.663243 9.02197 27.8606)"/>
</clipPath>
<clipPath id="clip4_36_9158">
<rect width="40" height="40" fill="white" transform="matrix(0.990268 -0.139173 0.350678 0.936496 15.5156 20.5771)"/>
</clipPath>
<clipPath id="clip5_36_9158">
<rect width="6" height="10" fill="white" transform="matrix(0.990268 -0.139173 0.349767 0.936624 28.8835 42.3571)"/>
</clipPath>
<clipPath id="clip6_36_9158">
<rect width="10" height="19" fill="white" transform="matrix(0.990268 -0.139173 0.357076 0.935576 21.6428 28.588)"/>
</clipPath>
<image id="image0_36_9158" data-name="image.png" width="100" height="88" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVGSURBVHgB7ZzNedtGEIZnlj9STnEJSgdOBWFulE9KBZEqkFSBqApkVmCnAusU8xamArkDswPbJ9skgfUuaFuESAC7s7vgkM+8F+sxKIqDb3ZmAGI/HM6XGuIyVZBf/9vvv9t2cPhZn4BajADV38CbKfQ6FxPE2baDNg7s5G806OcQEYwniPngmF9Mer2py6sLYTr5fwDmX1Z4xjFfnpvfuYkVh4JAEOAjaH173FO/uwZhmfyCs0m/85v58aI4CTvGxoF5fm0/k1cc/e5rG7s9BxCBoBWCoMdHve7oHvEjBHCm9bMv8+UVoM209okVR4xyTBVkCqhvfTLJhR30l9o+QeV0uTzTOd5RypinIH71lUpIQG60EwelvzgJYuur1np83O++DF3WPpzO51caOpexhCn6XZ7fvj3uv4SW8F31jYKE1NeiNywyk+k4QK2v3x5178GTWGUsJI7hYjEAXfS3mSlxt5QSt5oqs1fmx0Hd6+oEIfeJQohlfmlEMBkOz9YOvQ4JiDj3k/vEY0LBeekA4ui4q8YkcRvK2BZBcIbKZHPXP5uLP1hkk3pVW2ZMQBMjDFDe37ku0/tETUKV3x9MwpqxFwgMv9pVvzlV/hQktE+sLeuB228kCuh7HJOj3ggIOCVU+S+aMqb+JJexJ+X4hyDm4qZzTe0TX5f5jTkJV0AAAd/pnvorRkCR+sQAaJDL8Yv5/HkOnTc2CdB+kHTL2gtyQHZMNlfZs6r7Z3WEJlQZU+7zbEyd4oo4gID/snYlLCAfEiTUGvRy7CVIhGXtiBGGOCa7kC6hNvBe9U6CxF3WXpDL2DbaS6gnmKkSuuoflzgaBRkusps0y9qDgLnfssOEWsOtjFUK0uKydoRWl1kkVIn6MXlDkNUIpuzV6QBY4jb380uoDbaW49IXVHbsMmI8AFsxLOYEL7L3xYVhBcUxjQy/jSxxjovsYXXn4ZGSIDrnsqwdQPyj+iBrIX5iy6i5fiqd8+CvcIUwtFKlQWV/Bcn1JzhA9lcQhR/gAJGSxQwRhBkiCDNEEGaIIMwQQZghgjDjIAVBpX6FPeUgBdF6j+7JPaEsiN6Pm3KHjPQQZoggzBBBmCGCMEMEYYYIwgwRhBkiCDNEEGaIIMwoC5LbxzR376rQRLGbFuD/yuMKxvsQx+opzM609D/bXhbbvyMmrrukdu0OUUfd9uzqh62L7WJGGD4B1boMVcHNfagpoZq3I+w8oDiuC+ndIRpxSijnHVRtl7HQ3bRVtF+O/RLKe49hbLuLbcRy56mijVVPTSjaps90AZH6BJVkrnABCYWn8+zBmm9RfUjiBBTDdQHOELILipgRyxg5oX54oaxba9B9SIgBhfaJF/Ps0iTDKJqfSoU7RDPxbDw2vU6IGyx95/7krgtEPxWfcpwioSrcgOgb3x0CmlJdhlwtjh4JiKNhj2KqhKr1ywrxIdmc+1O789RCtmjaUo6TJpSrxV9Yf9H6hOoyVNEnqJDiWA0vyyuNcJ86oTw8F9vzIbGkc10Is4XyxTehCK6kaQMqslFldyYbzyApbfip+CdUiG9vVB+StO48tcT1UwlMqHCrcQ9jlSpsnzEj5J3ecz+VGAkVyfud6kOyI3eeSohxREyoiGb8xdu5+ZC01idouI77KRIq8nfqDj4kJgjsZA9cxbAU9+ac/VTiru40DznU+ZBoPNFsrJIa2IGfijx1wgwRhBkiCDNEEGaIIMwQQZghgjBDBGGGCMIMEYQZIggzRBBmiCDMEEGYIYIwQwRhhgjCDBGEGSJIPTNoGRGEGSIIM0QQZoggzPgGPIIQju6qevkAAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

428
src/assets/recruitment/model2.svg Normal file
View File

@ -0,0 +1,428 @@
<svg width="131" height="80" viewBox="0 0 131 80" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Group 427322251">
<g id="Group 2137112">
<g id="Group 2137109">
<path id="Rectangle 19302" d="M59.0627 26.1497L131.001 26.1497V36.6335H64.3818L59.0627 26.1497Z" fill="url(#paint0_linear_36_9225)"/>
<path id="Rectangle 19303" opacity="0.5" d="M64.3826 36.6335H131.002V39.7787L65.9363 39.7787L64.3826 36.6335Z" fill="url(#paint1_linear_36_9225)"/>
</g>
<g id="Group 2137110">
<g id="Rectangle 19302_2">
<path d="M40.1562 35.8276L59.2186 26.1394L64.5 36.5001L44.3383 46.3115L40.1562 35.8276Z" fill="url(#paint2_linear_36_9225)"/>
<path d="M40.1562 35.8276L59.2186 26.1394L64.5 36.5001L44.3383 46.3115L40.1562 35.8276Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Rectangle 19303_2" opacity="0.5" d="M44.9521 45.3125L64.5004 36.5L65.9356 39.7979L45.9977 48.4576L44.9521 45.3125Z" fill="url(#paint3_linear_36_9225)"/>
</g>
<g id="Line 5" style="mix-blend-mode:overlay">
<path d="M65.9375 39.7788L59.0625 26.1498" stroke="url(#paint4_linear_36_9225)" stroke-width="0.75"/>
</g>
<g id="Line 6" style="mix-blend-mode:overlay">
<path d="M113 36.3373L65 36.3373" stroke="url(#paint5_linear_36_9225)" stroke-width="0.5"/>
</g>
</g>
<g id="&#229;&#136;&#134;&#229;&#173;&#144;-&#228;&#184;&#173;&#229;&#191;&#131;&#230;&#140;&#135;&#230;&#160;&#135;&#229;&#155;&#190;&#230;&#160;&#135;" clip-path="url(#clip0_36_9225)">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#186;&#149;&#229;&#186;&#167;">
<g id="Frame 427318960" clip-path="url(#clip1_36_9225)">
<g id="Group 427318959">
<g id="Ellipse 1976" opacity="0.5">
<path d="M28.4277 28.3255C39.4417 34.6252 48.1388 48.5392 48.0496 59.3061C47.9601 70.0732 39.1149 73.9546 28.1007 67.6552C17.0864 61.3556 8.38928 47.4408 8.47879 36.6736C8.56856 25.9069 17.4135 22.026 28.4277 28.3255Z" stroke="url(#paint6_linear_36_9225)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<path id="Ellipse 1971" opacity="0.5" d="M53.0264 56.5899C53.0264 60.8232 51.6867 63.9883 49.4129 65.9026C45.9283 68.8361 40.2498 68.8323 33.8365 65.2338C23.2383 59.2871 14.6467 45.7756 14.6467 35.055C14.6467 30.8217 15.9864 27.6566 18.2602 25.7424C21.7448 22.8088 27.4233 22.8127 33.8365 26.4112C44.4348 32.3579 53.0264 45.8694 53.0264 56.5899Z" fill="url(#paint7_linear_36_9225)"/>
<g id="Union">
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3507 19.6425C23.0769 21.5567 21.7373 24.7218 21.7373 28.9551C21.7373 39.6756 30.3288 53.1871 40.9271 59.1338L40.9269 59.134C47.3391 62.7317 53.0166 62.7361 56.5013 59.804L49.4124 65.7704C45.9279 68.7039 40.2494 68.7001 33.8361 65.1016L33.8363 65.1014C23.2381 59.1547 14.6467 45.6433 14.6467 34.9228C14.6467 30.6896 15.9864 27.5245 18.2602 25.6102L25.3507 19.6425Z" fill="url(#paint8_linear_36_9225)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3507 19.6425C23.0769 21.5567 21.7373 24.7218 21.7373 28.9551C21.7373 39.6756 30.3288 53.1871 40.9271 59.1338L40.9269 59.134C47.3391 62.7317 53.0166 62.7361 56.5013 59.804L49.4124 65.7704C45.9279 68.7039 40.2494 68.7001 33.8361 65.1016L33.8363 65.1014C23.2381 59.1547 14.6467 45.6433 14.6467 34.9228C14.6467 30.6896 15.9864 27.5245 18.2602 25.6102L25.3507 19.6425Z" fill="black" fill-opacity="0.2"/>
</g>
<path id="Union_2" fill-rule="evenodd" clip-rule="evenodd" d="M25.453 19.6425C23.1865 21.563 21.8512 24.7385 21.8512 28.9857C21.8512 39.7415 30.4149 53.2974 40.9786 59.2637C47.3699 62.8733 53.0289 62.8778 56.5022 59.936L36.6185 75.1042C33.1453 78.0474 27.4853 78.0435 21.0929 74.4332C10.5292 68.4669 1 56.0054 1 45.2496C1 41.0025 2.33529 37.827 4.60174 35.9064L25.453 19.6425Z" fill="url(#paint9_radial_36_9225)"/>
<g id="Group 427318958">
<path id="Union_3" d="M42.6037 2.32606L26.5092 18.9151C23.5382 20.6664 21.7366 24.1391 21.7366 29.0484C21.7366 39.7689 30.3281 53.2804 40.9264 59.2271C44.7527 61.3741 48.3175 62.2415 51.3109 61.9689L71.409 58.3157L42.6037 2.32606Z" fill="url(#paint10_linear_36_9225)"/>
<path id="Union_4" d="M50.6362 5.4812L28.0743 19.9035C25.1033 21.6548 21.7366 24.1395 21.7366 29.0488C21.7366 39.7694 30.3281 53.2809 40.9264 59.2276C44.7527 61.3745 47.6428 60.459 50.6362 60.1864L72.6967 50.7373L50.6362 5.4812Z" fill="url(#paint11_linear_36_9225)"/>
</g>
<g id="Ellipse 1971_2">
<g filter="url(#filter0_i_36_9225)">
<ellipse cx="22.0174" cy="19.3955" rx="22.0174" ry="19.3955" transform="matrix(0.872096 0.489335 0 1 22.0579 9.95715)" fill="url(#paint12_linear_36_9225)"/>
</g>
<path d="M41.2593 21.4557C51.5926 27.2538 59.8288 40.3179 59.8288 50.546C59.8288 60.7741 51.5925 64.5955 41.2593 58.7975C30.926 52.9995 22.6898 39.9354 22.6898 29.7072C22.6898 19.4791 30.926 15.6577 41.2593 21.4557Z" stroke="url(#paint13_linear_36_9225)" stroke-width="1.44879" style="mix-blend-mode:plus-lighter"/>
</g>
<g id="Ellipse 1975">
<path d="M46.273 18.9224C56.8097 24.8347 65.316 38.2315 65.316 48.8224C65.316 59.4132 56.8097 63.2632 46.273 57.3511C35.7362 51.4389 27.2291 38.0426 27.2291 27.4517C27.2291 16.8608 35.7362 13.0102 46.273 18.9224Z" stroke="url(#paint14_linear_36_9225)" stroke-width="0.362196" style="mix-blend-mode:plus-lighter"/>
</g>
</g>
<g id="Mask group">
<mask id="mask0_36_9225" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="24" y="12" width="50" height="49">
<path id="Ellipse 1975_2" opacity="0.5" d="M59.532 17.0531C71.6113 25.1925 76.5367 40.4598 70.5332 51.1535C64.5296 61.8472 49.8706 63.9178 37.7912 55.7783C25.7119 47.6388 20.7865 32.3715 26.79 21.6778C32.7936 10.9841 47.4526 8.91356 59.532 17.0531Z" fill="url(#paint15_radial_36_9225)"/>
</mask>
<g mask="url(#mask0_36_9225)">
<rect id="image 100" width="78.2065" height="58.8836" transform="matrix(0.993664 -0.11239 0.648451 0.761256 -3.01099 19.9036)" fill="url(#pattern0_36_9225)" fill-opacity="0.64"/>
</g>
</g>
<g id="light">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:overlay" clip-path="url(#clip2_36_9225)">
<g id="Mask group_2">
<mask id="mask1_36_9225" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="25" width="20" height="21">
<g id="Ellipse 6" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M35.4643 33.0537C35.4643 33.0537 25.2843 24.1865 20.3955 25.1493C15.5067 26.1121 16.1777 30.8475 17.7603 36.5403C19.343 42.233 21.238 46.7274 26.1268 45.7646C31.0157 44.8018 35.4643 33.0537 35.4643 33.0537Z" fill="url(#paint16_radial_36_9225)"/>
</g>
</mask>
<g mask="url(#mask1_36_9225)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M35.4643 33.0537C35.4643 33.0537 25.2843 24.1865 20.3955 25.1493C15.5067 26.1121 16.1777 30.8475 17.7603 36.5403C19.343 42.233 21.238 46.7274 26.1268 45.7646C31.0157 44.8018 35.4643 33.0537 35.4643 33.0537Z" fill="url(#paint17_radial_36_9225)"/>
</g>
</g>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="3.9593" cy="21.3971" rx="3.9593" ry="21.3971" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 25.0095 56.8566)" fill="url(#paint18_radial_36_9225)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.10341" cy="10.6986" rx="1.10341" ry="10.6986" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.9458 45.9971)" fill="url(#paint19_radial_36_9225)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.454346" cy="7.13238" rx="0.454346" ry="7.13238" transform="matrix(0.981154 -0.193226 -0.267855 -0.963459 24.6274 42.4359)" fill="url(#paint20_radial_36_9225)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_2" style="mix-blend-mode:overlay" clip-path="url(#clip3_36_9225)">
<g id="Mask group_3">
<mask id="mask2_36_9225" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="20" y="8" width="29" height="24">
<g id="Ellipse 6_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M48.1737 31.3162C48.1737 31.3162 30.5641 31.1599 24.3136 26.1637C18.0632 21.1676 20.978 17.2655 25.5389 13.2236C30.0998 9.18164 34.5796 6.53053 40.8301 11.5267C47.0805 16.5228 48.1737 31.3162 48.1737 31.3162Z" fill="url(#paint21_radial_36_9225)"/>
</g>
</mask>
<g mask="url(#mask2_36_9225)">
<g id="Ellipse 2_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<path d="M48.1737 31.3162C48.1737 31.3162 30.5641 31.1599 24.3136 26.1637C18.0632 21.1676 20.978 17.2655 25.5389 13.2236C30.0998 9.18164 34.5796 6.53053 40.8301 11.5267C47.0805 16.5228 48.1737 31.3162 48.1737 31.3162Z" fill="url(#paint22_radial_36_9225)"/>
</g>
</g>
</g>
<g id="Ellipse 4_2" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="6.35831" cy="22.0689" rx="6.35831" ry="22.0689" transform="matrix(0.781124 0.624376 -0.748404 0.663243 43.9951 0.137329)" fill="url(#paint23_radial_36_9225)"/>
</g>
<g id="Ellipse 3_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="1.77199" cy="11.0344" rx="1.77199" ry="11.0344" transform="matrix(0.781124 0.624376 -0.748404 0.663243 39.3191 10.3195)" fill="url(#paint24_radial_36_9225)"/>
</g>
<g id="Ellipse 5_2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.729642" cy="7.3563" rx="0.729642" ry="7.3563" transform="matrix(0.781124 0.624376 -0.748404 0.663243 37.3809 13.4097)" fill="url(#paint25_radial_36_9225)"/>
</g>
</g>
<g id="Line 5_2" style="mix-blend-mode:overlay" filter="url(#filter1_f_36_9225)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 49.1321 65.657)" stroke="url(#paint26_linear_36_9225)" stroke-width="0.724393"/>
</g>
<g id="Line 7" style="mix-blend-mode:overlay" filter="url(#filter2_f_36_9225)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 45.1211 65.657)" stroke="url(#paint27_linear_36_9225)" stroke-width="0.724393"/>
</g>
<g id="Line 9" style="mix-blend-mode:overlay" filter="url(#filter3_f_36_9225)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 21.0549 45.7642)" stroke="url(#paint28_linear_36_9225)" stroke-width="0.724393"/>
</g>
<g id="Line 10" style="mix-blend-mode:overlay" filter="url(#filter4_f_36_9225)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 38.1018 63.6677)" stroke="url(#paint29_linear_36_9225)" stroke-width="0.724393"/>
</g>
<g id="Line 8" style="mix-blend-mode:overlay" filter="url(#filter5_f_36_9225)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 18.0466 32.8339)" stroke="url(#paint30_linear_36_9225)" stroke-width="0.724393"/>
</g>
<g id="Line 6_2" style="mix-blend-mode:overlay" filter="url(#filter6_f_36_9225)">
<line y1="-0.362196" x2="5.99626" y2="-0.362196" transform="matrix(0.766106 -0.642714 0.764057 0.645149 17.0439 27.8606)" stroke="url(#paint31_linear_36_9225)" stroke-width="0.724393"/>
</g>
</g>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#233;&#128;&#154;&#231;&#148;&#168;&#229;&#155;&#190;&#230;&#160;&#135;" clip-path="url(#clip4_36_9225)">
<g id="icon">
<g id="Union_5" filter="url(#filter7_f_36_9225)">
<path d="M35.0325 26.1517C35.5624 26.0765 35.4299 26.5273 35.9928 26.5652C36.5556 26.6031 37.1011 26.6843 37.6291 26.8088C38.1571 26.9333 38.6446 27.0907 39.0915 27.281C39.5385 27.4714 39.9078 27.6728 40.1994 27.8852C40.8816 28.3685 41.4569 28.9259 41.9254 29.5574C42.3939 30.1888 42.787 30.7993 43.1049 31.3887C43.4552 32.0641 43.763 32.7547 44.0283 33.4603C44.1886 33.5282 44.3312 33.6258 44.4561 33.7531C44.5745 33.8632 44.6921 34.0097 44.809 34.1925C44.9259 34.3753 45.0178 34.607 45.0848 34.8876C45.1842 35.2542 45.2149 35.5535 45.1771 35.7855C45.1392 36.0175 45.0698 36.2041 44.9689 36.3453C44.9249 36.4082 44.877 36.4648 44.8253 36.5149C44.7446 36.5932 44.6545 36.656 44.5549 36.7032C44.5736 37.0088 44.5858 37.2971 44.5915 37.5683C44.5843 37.805 44.5617 38.0393 44.5238 38.2713C44.486 38.5033 44.4166 38.6899 44.3157 38.8312C44.0656 39.1386 43.8649 39.3983 43.7135 39.6101C43.5622 39.8219 43.5309 40.1482 43.6196 40.5888C43.6619 40.8548 43.7423 41.1198 43.8609 41.384C43.9795 41.6482 44.1575 41.9039 44.3948 42.1512C44.6322 42.3985 44.9378 42.6225 45.3117 42.8233C45.6855 43.024 46.1639 43.1827 46.7467 43.2994C47.2683 43.4067 47.8245 43.4909 48.4153 43.552C49.0062 43.6132 48.9623 42.7985 49.5419 42.9066C50.1215 43.0146 50.2915 42.9497 50.7847 43.1607C51.2779 43.3717 52.1385 43.0651 52.4777 43.5065C52.6727 43.7689 53.017 43.6849 53.2148 44.0828C53.4125 44.4808 53.9817 44.7409 54.1371 45.154C54.2924 45.567 54.5731 46.1908 54.6451 46.5613C55.0138 47.4952 55.4261 48.2881 55.3694 48.4956C55.3547 48.538 55.4575 49.1345 54.4162 49.6468C54.3115 49.7483 54.1281 49.8609 53.8661 49.9847C53.4819 50.1661 52.9957 50.3575 52.4073 50.5589C51.819 50.7602 51.1527 50.9591 50.4084 51.1554C49.6642 51.3517 48.9105 51.5357 48.1474 51.7075C47.3843 51.8793 46.6483 52.0336 45.9394 52.1705C45.2306 52.3074 44.6112 52.4135 44.0813 52.4887C43.5513 52.5639 42.9281 52.6343 42.2117 52.6997C41.4952 52.7652 40.751 52.821 39.9792 52.8671C39.2073 52.9132 38.4368 52.9501 37.6676 52.9777C36.8984 53.0053 36.1961 53.0189 35.5607 53.0184C34.9253 53.018 34.3813 53.0046 33.9287 52.9782C33.476 52.9518 33.1787 52.9034 33.0367 52.8329C32.8022 52.7211 32.502 52.3196 32.1362 51.6282C31.7703 50.9369 31.4684 50.0188 31.2304 48.8742C31.0823 48.2245 31.169 47.7 31.4905 47.3008C31.5813 47.188 31.6801 47.0799 31.7867 46.9765C32.0575 46.7138 32.3792 46.4812 32.7519 46.2787C33.2714 45.9965 33.8218 45.7325 34.4031 45.4869C34.9844 45.2412 35.4667 44.937 35.8501 44.5744C36.1497 44.2962 36.3612 44.0395 36.4845 43.8045C36.6078 43.5694 36.6764 43.3421 36.6901 43.1226C36.7038 42.9031 36.6685 42.6815 36.5844 42.4578C36.5003 42.234 36.3973 41.9858 36.2755 41.713C36.09 41.3223 35.8257 41.029 35.4825 40.833C35.1393 40.637 34.7671 40.4405 34.3658 40.2437C34.1744 40.144 33.9833 39.9943 33.7928 39.7947C33.6023 39.5952 33.4192 39.39 33.2437 39.1792C33.0553 38.934 32.8604 38.6716 32.659 38.392C32.5181 38.3758 32.3675 38.3337 32.2073 38.2658C32.0653 38.1953 31.9012 38.0917 31.715 37.955C31.5289 37.8182 31.3351 37.6101 31.1337 37.3304C30.914 37.0534 30.7726 36.7925 30.7094 36.5477C30.6462 36.3028 30.6188 36.0892 30.6271 35.9067C30.629 35.707 30.6799 35.5094 30.7796 35.314C30.5154 34.6626 30.306 34.0034 30.1514 33.3364C30.0174 32.7753 29.9266 32.1627 29.879 31.4987C29.8314 30.8346 29.9056 30.2258 30.1016 29.6722C30.2676 29.1411 30.5087 28.6944 30.8249 28.3322C30.914 28.2302 31.0057 28.1331 31.1001 28.0411C31.3407 27.8066 32.1034 27.0179 32.3784 26.8486C32.7614 26.613 33.1221 26.4843 33.5471 26.3605C33.9722 26.2367 34.6122 26.2114 35.0325 26.1517Z" fill="#087F97" fill-opacity="0.8"/>
</g>
<path id="Union_6" d="M36.8003 23.3372C37.3302 23.262 37.1977 23.7128 37.7606 23.7508C38.3234 23.7887 38.8689 23.8699 39.3969 23.9944C39.9249 24.1188 40.4124 24.2762 40.8594 24.4666C41.3063 24.657 41.6756 24.8583 41.9672 25.0708C42.6494 25.554 43.2248 26.1114 43.6932 26.7429C44.1617 27.3744 44.5549 27.9848 44.8728 28.5742C45.223 29.2497 45.5308 29.9402 45.7962 30.6459C45.9564 30.7138 46.099 30.8114 46.2239 30.9387C46.3423 31.0488 46.4599 31.1952 46.5768 31.3781C46.6937 31.5609 46.7856 31.7926 46.8526 32.0731C46.952 32.4398 46.9827 32.7391 46.9449 32.9711C46.907 33.203 46.8376 33.3897 46.7367 33.5309C46.6927 33.5938 46.6449 33.6503 46.5931 33.7005C46.5124 33.7787 46.4223 33.8415 46.3227 33.8888C46.3414 34.1943 46.3536 34.4827 46.3593 34.7538C46.3521 34.9905 46.3295 35.2249 46.2916 35.4569C46.2538 35.6889 46.1844 35.8755 46.0835 36.0167C45.8334 36.3242 45.6327 36.5838 45.4814 36.7956C45.33 37.0075 45.2987 37.3337 45.3874 37.7744C45.4297 38.0403 45.5101 38.3054 45.6287 38.5695C45.7473 38.8337 45.9253 39.0894 46.1627 39.3367C46.4 39.5841 46.7056 39.8081 47.0795 40.0088C47.4533 40.2096 47.9317 40.3683 48.5145 40.4849C49.0361 40.5922 49.5923 40.6764 50.1831 40.7376C50.774 40.7987 50.7301 39.984 51.3097 40.0921C51.8893 40.2002 52.0593 40.1352 52.5525 40.3462C53.0457 40.5572 53.9064 40.2507 54.2456 40.692C54.4405 40.9544 54.7848 40.8704 54.9826 41.2684C55.1804 41.6664 55.7495 41.9265 55.9049 42.3395C56.0602 42.7526 56.3409 43.3763 56.4129 43.7468C56.7816 44.6808 57.1939 45.4736 57.1372 45.6811C57.1225 45.7235 57.2254 46.32 56.184 46.8324C56.0793 46.9338 55.8959 47.0464 55.6339 47.1702C55.2498 47.3516 54.7635 47.543 54.1752 47.7444C53.5868 47.9458 52.9205 48.1446 52.1762 48.3409C51.432 48.5372 50.6783 48.7213 49.9152 48.893C49.1521 49.0648 48.4161 49.2192 47.7073 49.3561C46.9984 49.493 46.379 49.599 45.8491 49.6742C45.3192 49.7495 44.696 49.8198 43.9795 49.8853C43.263 49.9507 42.5189 50.0065 41.747 50.0526C40.9751 50.0988 40.2046 50.1356 39.4354 50.1632C38.6662 50.1909 37.9639 50.2044 37.3286 50.204C36.6932 50.2035 36.1492 50.1901 35.6965 50.1637C35.2439 50.1374 34.9465 50.0889 34.8045 50.0184C34.57 49.9067 34.2698 49.5051 33.904 48.8138C33.5381 48.1224 33.2362 47.2044 32.9982 46.0598C32.8501 45.41 32.9368 44.8855 33.2583 44.4864C33.3492 44.3736 33.4479 44.2655 33.5545 44.162C33.8253 43.8994 34.1471 43.6668 34.5197 43.4643C35.0392 43.1821 35.5896 42.9181 36.1709 42.6724C36.7522 42.4267 37.2345 42.1226 37.6179 41.7599C37.9175 41.4817 38.129 41.2251 38.2523 40.99C38.3757 40.7549 38.4442 40.5277 38.4579 40.3082C38.4716 40.0887 38.4364 39.8671 38.3522 39.6433C38.2681 39.4196 38.1651 39.1713 38.0433 38.8985C37.8579 38.5079 37.5936 38.2146 37.2504 38.0185C36.9072 37.8225 36.5349 37.6261 36.1337 37.4292C35.9422 37.3295 35.7512 37.1799 35.5606 36.9803C35.3701 36.7807 35.1871 36.5756 35.0115 36.3648C34.8231 36.1196 34.6282 35.8572 34.4268 35.5776C34.2859 35.5613 34.1354 35.5192 33.9751 35.4514C33.8331 35.3809 33.669 35.2773 33.4828 35.1405C33.2967 35.0038 33.1029 34.7956 32.9015 34.516C32.6818 34.239 32.5404 33.9781 32.4772 33.7332C32.414 33.4884 32.3866 33.2747 32.395 33.0922C32.3969 32.8925 32.4477 32.695 32.5474 32.4995C32.2832 31.8481 32.0738 31.1889 31.9192 30.5219C31.7852 29.9608 31.6944 29.3482 31.6468 28.6842C31.5992 28.0202 31.6734 27.4114 31.8695 26.8578C32.0354 26.3266 32.2765 25.8799 32.5927 25.5178C32.6818 25.4157 32.7736 25.3187 32.868 25.2266C33.1085 24.9922 33.8712 24.2034 34.1462 24.0342C34.5292 23.7985 34.8899 23.6699 35.3149 23.5461C35.74 23.4223 36.38 23.3969 36.8003 23.3372Z" fill="url(#paint32_linear_36_9225)"/>
<path id="Union_7" d="M37.0509 22.9043C37.5808 22.8291 38.1272 22.8105 38.6901 22.8484C39.2529 22.8863 39.7984 22.9675 40.3264 23.092C40.8544 23.2165 41.3419 23.3739 41.7888 23.5642C42.2358 23.7546 42.6051 23.956 42.8967 24.1684C43.5789 24.6517 44.1542 25.2091 44.6227 25.8406C45.0911 26.472 45.4843 27.0825 45.8022 27.6719C46.1525 28.3473 46.4603 29.0379 46.7256 29.7435C46.8859 29.8114 47.0285 29.909 47.1534 30.0363C47.2718 30.1464 47.3894 30.2929 47.5063 30.4757C47.6231 30.6585 47.7151 30.8902 47.7821 31.1708C47.8815 31.5374 47.9122 31.8367 47.8743 32.0687C47.8365 32.3007 47.7671 32.4873 47.6662 32.6285C47.5535 32.7896 47.4155 32.9089 47.2522 32.9864C47.2709 33.292 47.2831 33.5803 47.2888 33.8515C47.2815 34.0882 47.259 34.3225 47.2211 34.5545C47.1832 34.7865 47.1139 34.9731 47.013 35.1143C46.7629 35.4218 46.5622 35.6814 46.4108 35.8933C46.2595 36.1051 46.2282 36.4314 46.3169 36.872C46.3592 37.1379 46.4396 37.403 46.5582 37.6672C46.6768 37.9313 46.8548 38.1871 47.0921 38.4344C47.3295 38.6817 47.6351 38.9057 48.009 39.1065C48.3828 39.3072 48.8612 39.4659 49.444 39.5826C49.9656 39.6898 50.5218 39.774 51.1126 39.8352C51.7034 39.8964 52.2887 39.981 52.8683 40.0891C53.4479 40.1971 53.9843 40.3567 54.4775 40.5677C54.9707 40.7786 55.3869 41.1048 55.7261 41.5461C55.921 41.8085 56.1174 42.1387 56.3151 42.5367C56.5129 42.9347 56.6895 43.3402 56.8448 43.7532C57.0002 44.1663 57.1138 44.5581 57.1858 44.9286C57.2577 45.2991 57.2653 45.588 57.2086 45.7955C57.1626 45.929 56.9475 46.0864 56.5633 46.2678C56.1792 46.4493 55.693 46.6407 55.1046 46.842C54.5163 47.0434 53.85 47.2423 53.1057 47.4386C52.3614 47.6349 51.6078 47.8189 50.8447 47.9907C50.0816 48.1625 49.3456 48.3168 48.6367 48.4537C47.9279 48.5906 47.3085 48.6967 46.7786 48.7719C46.2486 48.8471 45.6254 48.9175 44.909 48.9829C44.1925 49.0484 43.4483 49.1042 42.6765 49.1503C41.9046 49.1964 41.1341 49.2333 40.3649 49.2609C39.5957 49.2885 38.8934 49.3021 38.258 49.3016C37.6226 49.3012 37.0786 49.2878 36.626 49.2614C36.1733 49.235 35.876 49.1866 35.734 49.1161C35.4995 49.0043 35.1993 48.6028 34.8334 47.9114C34.4676 47.22 34.1657 46.302 33.9277 45.1574C33.7796 44.5076 33.8663 43.9832 34.1878 43.584C34.5093 43.1849 34.9298 42.8442 35.4492 42.5619C35.9687 42.2797 36.519 42.0157 37.1004 41.77C37.6817 41.5244 38.164 41.2202 38.5474 40.8576C38.847 40.5794 39.0584 40.3227 39.1818 40.0877C39.3051 39.8526 39.3736 39.6253 39.3873 39.4058C39.401 39.1863 39.3658 38.9647 39.2817 38.741C39.1976 38.5172 39.0946 38.269 38.9727 37.9962C38.7873 37.6055 38.523 37.3122 38.1798 37.1162C37.8366 36.9201 37.4644 36.7237 37.0631 36.5269C36.8716 36.4271 36.6806 36.2775 36.4901 36.0779C36.2995 35.8784 36.1165 35.6732 35.941 35.4624C35.7526 35.2172 35.5576 34.9548 35.3563 34.6752C35.2154 34.659 35.0648 34.6169 34.9046 34.549C34.7626 34.4785 34.5985 34.3749 34.4123 34.2382C34.2261 34.1014 34.0324 33.8932 33.831 33.6136C33.6113 33.3366 33.4699 33.0757 33.4067 32.8309C33.3435 32.586 33.3161 32.3724 33.3244 32.1899C33.3263 31.9902 33.3771 31.7926 33.4769 31.5971C33.2127 30.9457 33.0033 30.2865 32.8487 29.6196C32.7147 29.0585 32.6239 28.4459 32.5763 27.7819C32.5287 27.1178 32.6029 26.509 32.7989 25.9554C32.9649 25.4242 33.206 24.9776 33.5221 24.6154C33.8383 24.2533 34.1879 23.9544 34.5708 23.7187C34.9538 23.483 35.3578 23.3033 35.7829 23.1795C36.2079 23.0557 36.6306 22.964 37.0509 22.9043Z" fill="url(#paint33_radial_36_9225)"/>
</g>
<g id="light_2">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_3" style="mix-blend-mode:overlay" clip-path="url(#clip5_36_9225)">
<g id="Ellipse 2_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="3" cy="2.5" rx="3" ry="2.5" transform="matrix(1.04893 0.129972 -0.0568909 -0.937697 32.6284 49.9094)" fill="url(#paint34_radial_36_9225)"/>
</g>
<g id="Ellipse 4_3" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="1.31655" cy="5" rx="1.31655" ry="5" transform="matrix(1.04893 0.129972 -0.0568909 -0.937697 34.5359 52.4725)" fill="url(#paint35_radial_36_9225)"/>
</g>
<g id="Ellipse 3_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.366907" cy="2.5" rx="0.366907" ry="2.5" transform="matrix(1.04893 0.129972 -0.0568909 -0.937697 35.3899 50.2517)" fill="url(#paint36_radial_36_9225)"/>
</g>
<g id="Ellipse 5_3" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.151079" cy="1.66667" rx="0.151079" ry="1.66667" transform="matrix(1.04893 0.129972 -0.0568909 -0.937697 35.5684 49.4984)" fill="url(#paint37_radial_36_9225)"/>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;_4" style="mix-blend-mode:overlay" clip-path="url(#clip6_36_9225)">
<g id="Ellipse 2_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="5" cy="4.75" rx="5" ry="4.75" transform="matrix(0.689893 -0.581633 -0.796692 -0.743281 39.4075 45.1793)" fill="url(#paint38_radial_36_9225)"/>
</g>
<g id="Ellipse 4_4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="2.19424" cy="9.5" rx="2.19424" ry="9.5" transform="matrix(0.689893 -0.581633 -0.796692 -0.743281 45.1277 47.0779)" fill="url(#paint39_radial_36_9225)"/>
</g>
<g id="Ellipse 3_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.611511" cy="4.75" rx="0.611511" ry="4.75" transform="matrix(0.689893 -0.581633 -0.796692 -0.743281 42.4346 42.6268)" fill="url(#paint40_radial_36_9225)"/>
</g>
<g id="Ellipse 5_4" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="0.251799" cy="3.16667" rx="0.251799" ry="3.16667" transform="matrix(0.689893 -0.581633 -0.796692 -0.743281 41.4211 41.2407)" fill="url(#paint41_radial_36_9225)"/>
</g>
</g>
</g>
</g>
</g>
</g>
<defs>
<filter id="filter0_i_36_9225" x="20.6091" y="17.9355" width="39.8514" height="45.8307" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-2.89757" dy="2.89757"/>
<feGaussianBlur stdDeviation="0.724393"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_36_9225"/>
</filter>
<pattern id="pattern0_36_9225" patternContentUnits="objectBoundingBox" width="0.103555" height="0.121033">
<use xlink:href="#image0_36_9225" transform="scale(0.00103555 0.00137538)"/>
</pattern>
<filter id="filter1_f_36_9225" x="46.5786" y="59.3358" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9225"/>
</filter>
<filter id="filter2_f_36_9225" x="42.5676" y="59.3358" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9225"/>
</filter>
<filter id="filter3_f_36_9225" x="18.5015" y="39.443" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9225"/>
</filter>
<filter id="filter4_f_36_9225" x="35.5483" y="57.3466" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9225"/>
</filter>
<filter id="filter5_f_36_9225" x="15.4932" y="26.5127" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9225"/>
</filter>
<filter id="filter6_f_36_9225" x="14.4905" y="21.5394" width="9.14722" height="8.32117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_36_9225"/>
</filter>
<filter id="filter7_f_36_9225" x="28.865" y="25.1432" width="27.5095" height="28.8752" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_36_9225"/>
</filter>
<linearGradient id="paint0_linear_36_9225" x1="92.9735" y1="10.4238" x2="128.159" y2="30.2918" gradientUnits="userSpaceOnUse">
<stop stop-color="#20D6EF"/>
<stop offset="0.5" stop-color="#1F67BB"/>
<stop offset="1" stop-color="#003C7B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_36_9225" x1="62.9998" y1="26.1497" x2="121.718" y2="30.5368" gradientUnits="userSpaceOnUse">
<stop stop-color="#49F3FD"/>
<stop offset="0.5" stop-color="#2285ED"/>
<stop offset="1" stop-color="#2285ED" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_36_9225" x1="43.9824" y1="38.562" x2="52.6714" y2="20.9418" gradientUnits="userSpaceOnUse">
<stop offset="0.539047" stop-color="#27DDF1"/>
<stop offset="1" stop-color="#22A4ED"/>
</linearGradient>
<linearGradient id="paint3_linear_36_9225" x1="48.7034" y1="42.3997" x2="63.9185" y2="31.5059" gradientUnits="userSpaceOnUse">
<stop offset="0.659247" stop-color="#49F3FD"/>
<stop offset="1" stop-color="#2285ED"/>
</linearGradient>
<linearGradient id="paint4_linear_36_9225" x1="59.9211" y1="26.1505" x2="59.9213" y2="39.7788" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_36_9225" x1="65.0024" y1="38.0875" x2="113" y2="38.079" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="0.305088" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_36_9225" x1="0.587879" y1="26.5531" x2="24.5042" y2="74.3806" gradientUnits="userSpaceOnUse">
<stop stop-color="#0FB7D8"/>
<stop offset="0.5" stop-color="#86EBFF"/>
<stop offset="1" stop-color="#0FB7D8" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_36_9225" x1="25.9764" y1="29.8808" x2="46.5256" y2="57.7916" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC"/>
</linearGradient>
<linearGradient id="paint8_linear_36_9225" x1="27.2516" y1="23.7301" x2="51.5651" y2="61.142" gradientUnits="userSpaceOnUse">
<stop stop-color="#25AAC5"/>
<stop offset="0.333333" stop-color="#1089A1"/>
<stop offset="0.666667" stop-color="#1089A1"/>
<stop offset="1" stop-color="#25AAC5"/>
</linearGradient>
<radialGradient id="paint9_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(37.1183 43.7747) rotate(151.784) scale(34.0281 36.6321)">
<stop stop-color="#25AAC5"/>
<stop offset="1" stop-color="#13A8C6" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint10_linear_36_9225" x1="23.1633" y1="35.0566" x2="51.6479" y2="20.6155" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint11_linear_36_9225" x1="10.6984" y1="35.9198" x2="52.9584" y2="13.332" gradientUnits="userSpaceOnUse">
<stop offset="0.140394" stop-color="#48DEFC"/>
<stop offset="1" stop-color="#21CAEC" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_36_9225" x1="3.58531" y1="10.1169" x2="37.976" y2="32.7475" gradientUnits="userSpaceOnUse">
<stop stop-color="#48DEFC"/>
<stop offset="0.479167" stop-color="#009AB9"/>
</linearGradient>
<linearGradient id="paint13_linear_36_9225" x1="25.8955" y1="37.1911" x2="57.0031" y2="47.4751" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.5" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white" stop-opacity="0.820896"/>
</linearGradient>
<linearGradient id="paint14_linear_36_9225" x1="40.2033" y1="22.859" x2="63.1101" y2="41.4726" gradientUnits="userSpaceOnUse">
<stop stop-color="#58E3FF" stop-opacity="0.35"/>
<stop offset="1" stop-color="#58E3FF" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint15_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(48.6613 36.4156) rotate(-122.08) scale(25.0229 21.9526)">
<stop offset="0.33244" stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint16_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26.8952 36.2945) rotate(-105.537) scale(46.3605 8.86696)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint17_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.1132 36.8424) rotate(-105.537) scale(10.6986 14.5073)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint18_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3.9201 21.3971) rotate(90) scale(21.3971 3.9201)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint19_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.09249 10.6986) rotate(90) scale(10.6986 1.09249)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint20_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.449847 7.13238) rotate(90) scale(7.13238 0.449847)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint21_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(37.8744 21.0951) rotate(138.452) scale(47.8159 14.0726)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint22_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.3175 18.252) rotate(138.452) scale(11.0344 23.0242)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint23_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.29536 22.0689) rotate(90) scale(22.0689 6.29536)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint24_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.75444 11.0344) rotate(90) scale(11.0344 1.75444)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint25_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.722418 7.3563) rotate(90) scale(7.3563 0.722418)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint26_linear_36_9225" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint27_linear_36_9225" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint28_linear_36_9225" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint29_linear_36_9225" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint30_linear_36_9225" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint31_linear_36_9225" x1="5.99596" y1="-0.000470895" x2="-4.4646e-09" y2="-0.000404758" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint32_linear_36_9225" x1="34.0372" y1="24.3073" x2="61.7911" y2="44.2392" gradientUnits="userSpaceOnUse">
<stop stop-color="#21CAEC"/>
<stop offset="0.666667" stop-color="#0B8FAA"/>
<stop offset="1" stop-color="#48DEFC"/>
</linearGradient>
<radialGradient id="paint33_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32.6228 28.5372) rotate(38.8843) scale(25.9902 16.8355)">
<stop stop-color="#A4EFFE"/>
<stop offset="1" stop-color="white"/>
</radialGradient>
<radialGradient id="paint34_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.9703 2.5) rotate(90) scale(2.5 2.9703)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint35_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1.30351 5) rotate(90) scale(5 1.30351)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint36_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.363274 2.5) rotate(90) scale(2.5 0.363274)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint37_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.149583 1.66667) rotate(90) scale(1.66667 0.149583)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint38_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4.95049 4.75) rotate(90) scale(4.75 4.9505)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint39_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.17252 9.5) rotate(90) scale(9.5 2.17252)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint40_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.605456 4.75) rotate(90) scale(4.75 0.605456)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint41_radial_36_9225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(0.249306 3.16667) rotate(90) scale(3.16667 0.249306)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_36_9225">
<rect width="80" height="80" fill="white"/>
</clipPath>
<clipPath id="clip1_36_9225">
<rect width="78" height="78" fill="white" transform="translate(1 2)"/>
</clipPath>
<clipPath id="clip2_36_9225">
<rect width="18.044" height="42.7943" fill="white" transform="matrix(0.981154 -0.193226 0.267855 0.963459 12.0298 15.9249)"/>
</clipPath>
<clipPath id="clip3_36_9225">
<rect width="28.9772" height="44.1378" fill="white" transform="matrix(0.781124 0.624376 0.748404 -0.663243 9.02197 27.8606)"/>
</clipPath>
<clipPath id="clip4_36_9225">
<rect width="40" height="40" fill="white" transform="matrix(0.990268 -0.139173 0.350678 0.936496 15.5156 20.5771)"/>
</clipPath>
<clipPath id="clip5_36_9225">
<rect width="6" height="10" fill="white" transform="matrix(1.04893 0.129972 0.0568909 0.937697 32.2014 42.8767)"/>
</clipPath>
<clipPath id="clip6_36_9225">
<rect width="10" height="19" fill="white" transform="matrix(0.689893 -0.581633 0.796692 0.743281 28.0544 34.5875)"/>
</clipPath>
<image id="image0_36_9225" data-name="image.png" width="100" height="88" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVGSURBVHgB7ZzNedtGEIZnlj9STnEJSgdOBWFulE9KBZEqkFSBqApkVmCnAusU8xamArkDswPbJ9skgfUuaFuESAC7s7vgkM+8F+sxKIqDb3ZmAGI/HM6XGuIyVZBf/9vvv9t2cPhZn4BajADV38CbKfQ6FxPE2baDNg7s5G806OcQEYwniPngmF9Mer2py6sLYTr5fwDmX1Z4xjFfnpvfuYkVh4JAEOAjaH173FO/uwZhmfyCs0m/85v58aI4CTvGxoF5fm0/k1cc/e5rG7s9BxCBoBWCoMdHve7oHvEjBHCm9bMv8+UVoM209okVR4xyTBVkCqhvfTLJhR30l9o+QeV0uTzTOd5RypinIH71lUpIQG60EwelvzgJYuur1np83O++DF3WPpzO51caOpexhCn6XZ7fvj3uv4SW8F31jYKE1NeiNywyk+k4QK2v3x5178GTWGUsJI7hYjEAXfS3mSlxt5QSt5oqs1fmx0Hd6+oEIfeJQohlfmlEMBkOz9YOvQ4JiDj3k/vEY0LBeekA4ui4q8YkcRvK2BZBcIbKZHPXP5uLP1hkk3pVW2ZMQBMjDFDe37ku0/tETUKV3x9MwpqxFwgMv9pVvzlV/hQktE+sLeuB228kCuh7HJOj3ggIOCVU+S+aMqb+JJexJ+X4hyDm4qZzTe0TX5f5jTkJV0AAAd/pnvorRkCR+sQAaJDL8Yv5/HkOnTc2CdB+kHTL2gtyQHZMNlfZs6r7Z3WEJlQZU+7zbEyd4oo4gID/snYlLCAfEiTUGvRy7CVIhGXtiBGGOCa7kC6hNvBe9U6CxF3WXpDL2DbaS6gnmKkSuuoflzgaBRkusps0y9qDgLnfssOEWsOtjFUK0uKydoRWl1kkVIn6MXlDkNUIpuzV6QBY4jb380uoDbaW49IXVHbsMmI8AFsxLOYEL7L3xYVhBcUxjQy/jSxxjovsYXXn4ZGSIDrnsqwdQPyj+iBrIX5iy6i5fiqd8+CvcIUwtFKlQWV/Bcn1JzhA9lcQhR/gAJGSxQwRhBkiCDNEEGaIIMwQQZghgjDjIAVBpX6FPeUgBdF6j+7JPaEsiN6Pm3KHjPQQZoggzBBBmCGCMEMEYYYIwgwRhBkiCDNEEGaIIMwoC5LbxzR376rQRLGbFuD/yuMKxvsQx+opzM609D/bXhbbvyMmrrukdu0OUUfd9uzqh62L7WJGGD4B1boMVcHNfagpoZq3I+w8oDiuC+ndIRpxSijnHVRtl7HQ3bRVtF+O/RLKe49hbLuLbcRy56mijVVPTSjaps90AZH6BJVkrnABCYWn8+zBmm9RfUjiBBTDdQHOELILipgRyxg5oX54oaxba9B9SIgBhfaJF/Ps0iTDKJqfSoU7RDPxbDw2vU6IGyx95/7krgtEPxWfcpwioSrcgOgb3x0CmlJdhlwtjh4JiKNhj2KqhKr1ywrxIdmc+1O789RCtmjaUo6TJpSrxV9Yf9H6hOoyVNEnqJDiWA0vyyuNcJ86oTw8F9vzIbGkc10Is4XyxTehCK6kaQMqslFldyYbzyApbfip+CdUiG9vVB+StO48tcT1UwlMqHCrcQ9jlSpsnzEj5J3ecz+VGAkVyfud6kOyI3eeSohxREyoiGb8xdu5+ZC01idouI77KRIq8nfqDj4kJgjsZA9cxbAU9+ac/VTiru40DznU+ZBoPNFsrJIa2IGfijx1wgwRhBkiCDNEEGaIIMwQQZghgjBDBGGGCMIMEYQZIggzRBBmiCDMEEGYIYIwQwRhhgjCDBGEGSJIPTNoGRGEGSIIM0QQZoggzPgGPIIQju6qevkAAAAASUVORK5CYII="/>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

130
src/assets/recruitment/model_bg.svg Normal file
View File

@ -0,0 +1,130 @@
<svg width="206" height="128" viewBox="0 0 206 128" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Group 427322241">
<g id="Group 427322240">
<path id="Rectangle 215" d="M205.5 126.5H195.207L205.5 116.207V126.5Z" stroke="#30DCFF"/>
<path id="Rectangle 216" d="M204 120V125H199L204 120Z" fill="#30DCFF"/>
<g id="Subtract" opacity="0.6">
<mask id="path-3-inside-1_35_7121" fill="white">
<path d="M21.501 11C26.7939 11.0208 31.811 13.3701 35.2158 17.4258L44.5752 28.5732C47.9953 32.647 53.0422 35 58.3613 35H206V113L192 127H5V11H21.501Z"/>
</mask>
<path d="M21.501 11C26.7939 11.0208 31.811 13.3701 35.2158 17.4258L44.5752 28.5732C47.9953 32.647 53.0422 35 58.3613 35H206V113L192 127H5V11H21.501Z" fill="url(#paint0_radial_35_7121)"/>
<path d="M21.501 11C26.7939 11.0208 31.811 13.3701 35.2158 17.4258L44.5752 28.5732C47.9953 32.647 53.0422 35 58.3613 35H206V113L192 127H5V11H21.501Z" fill="url(#paint1_linear_35_7121)"/>
<path d="M21.501 11L21.5049 10H21.501V11ZM35.2158 17.4258L34.4499 18.0688L34.45 18.0688L35.2158 17.4258ZM44.5752 28.5732L45.3411 27.9303L45.3411 27.9302L44.5752 28.5732ZM206 35H207V34H206V35ZM206 113L206.707 113.707L207 113.414V113H206ZM192 127V128H192.414L192.707 127.707L192 127ZM5 127H4V128H5V127ZM5 11V10H4V11H5ZM21.501 11L21.497 12C26.496 12.0197 31.2343 14.2385 34.4499 18.0688L35.2158 17.4258L35.9817 16.7828C32.3877 12.5018 27.0919 10.022 21.5049 10L21.501 11ZM35.2158 17.4258L34.45 18.0688L43.8093 29.2163L44.5752 28.5732L45.3411 27.9302L35.9817 16.7828L35.2158 17.4258ZM44.5752 28.5732L43.8093 29.2162C47.4194 33.5163 52.7467 36 58.3613 36V35V34C53.3378 34 48.5712 31.7778 45.3411 27.9303L44.5752 28.5732ZM58.3613 35V36H206V35V34H58.3613V35ZM206 35H205V113H206H207V35H206ZM206 113L205.293 112.293L191.293 126.293L192 127L192.707 127.707L206.707 113.707L206 113ZM192 127V126H5V127V128H192V127ZM5 127H6V11H5H4V127H5ZM5 11V12H21.501V11V10H5V11Z" fill="url(#paint2_linear_35_7121)" mask="url(#path-3-inside-1_35_7121)"/>
</g>
<mask id="mask0_35_7121" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="206" height="35">
<path id="Rectangle 195" d="M0 35H206V0H0V35Z" fill="url(#paint3_linear_35_7121)"/>
</mask>
<g mask="url(#mask0_35_7121)">
<g id="Union">
<path d="M31.6666 35L20.4666 21L12 35H31.6666Z" fill="url(#paint4_linear_35_7121)"/>
<path d="M37.6668 35H41.6668L30.4668 21H26.4668L37.6668 35Z" fill="url(#paint5_linear_35_7121)"/>
</g>
<g id="Mask group">
<mask id="mask1_35_7121" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="206" height="35">
<path id="Rectangle 195_2" d="M0 35H206V0H0V35Z" fill="url(#paint6_linear_35_7121)"/>
</mask>
<g mask="url(#mask1_35_7121)">
<g id="Ellipse 305" filter="url(#filter0_d_35_7121)">
<circle cx="5.5" cy="10.5" r="2.5" fill="url(#paint7_linear_35_7121)"/>
</g>
<g id="Intersect">
<mask id="path-9-inside-2_35_7121" fill="white">
<path d="M396.999 4V35H58.3613C53.0422 35 47.9953 32.647 44.5752 28.5732L35.2158 17.4258C33.4287 15.2971 31.1971 13.6387 28.7148 12.54C27.2451 11.549 25.4984 10.9991 23.6846 10.999H6.63086L0.529297 4H396.999Z"/>
</mask>
<path d="M396.999 4H397.999V3H396.999V4ZM396.999 35V36H397.999V35H396.999ZM44.5752 28.5732L45.3411 27.9303L45.3411 27.9302L44.5752 28.5732ZM35.2158 17.4258L34.4499 18.0688L34.45 18.0688L35.2158 17.4258ZM28.7148 12.54L28.1558 13.3692L28.2292 13.4186L28.3101 13.4545L28.7148 12.54ZM23.6846 10.999L23.6846 9.99902H23.6846V10.999ZM6.63086 10.999L5.87708 11.6561L6.17599 11.999H6.63086V10.999ZM0.529297 4V3H-1.66912L-0.224484 4.65713L0.529297 4ZM396.999 4H395.999V35H396.999H397.999V4H396.999ZM396.999 35V34H58.3613V35V36H396.999V35ZM58.3613 35V34C53.3378 34 48.5712 31.7778 45.3411 27.9303L44.5752 28.5732L43.8093 29.2162C47.4194 33.5163 52.7467 36 58.3613 36V35ZM44.5752 28.5732L45.3411 27.9302L35.9817 16.7828L35.2158 17.4258L34.45 18.0688L43.8093 29.2163L44.5752 28.5732ZM35.2158 17.4258L35.9817 16.7828C34.0952 14.5357 31.7395 12.7852 29.1196 11.6256L28.7148 12.54L28.3101 13.4545C30.6546 14.4922 32.7622 16.0584 34.4499 18.0688L35.2158 17.4258ZM28.7148 12.54L29.2739 11.7109C27.642 10.6105 25.7013 9.99916 23.6846 9.99902L23.6846 10.999L23.6845 11.999C25.2955 11.9991 26.8481 12.4874 28.1558 13.3692L28.7148 12.54ZM23.6846 10.999V9.99902H6.63086V10.999V11.999H23.6846V10.999ZM6.63086 10.999L7.38464 10.3419L1.28308 3.34287L0.529297 4L-0.224484 4.65713L5.87708 11.6561L6.63086 10.999ZM0.529297 4V5H396.999V4V3H0.529297V4Z" fill="url(#paint8_linear_35_7121)" mask="url(#path-9-inside-2_35_7121)"/>
</g>
</g>
</g>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:plus-lighter" clip-path="url(#clip0_35_7121)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="65" cy="1.625" rx="65" ry="1.625" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 37.9131 36.7441)" fill="url(#paint9_radial_35_7121)"/>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="28.7857" cy="3.125" rx="28.7857" ry="3.125" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 74.053 38.2423)" fill="url(#paint10_radial_35_7121)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.54">
<ellipse cx="23.2143" cy="1.625" rx="23.2143" ry="1.625" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 79.699 36.7441)" fill="url(#paint11_radial_35_7121)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="9.28571" cy="1.625" rx="9.28571" ry="1.625" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 93.6274 36.7441)" fill="url(#paint12_radial_35_7121)"/>
</g>
</g>
</g>
</g>
<defs>
<filter id="filter0_d_35_7121" x="-1" y="4" width="13" height="13" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.192157 0 0 0 0 0.952941 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_35_7121"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_35_7121" result="shape"/>
</filter>
<radialGradient id="paint0_radial_35_7121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(105.5 68.9996) rotate(-90) scale(58 100.5)">
<stop stop-color="#1A394D" stop-opacity="0"/>
<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
</radialGradient>
<linearGradient id="paint1_linear_35_7121" x1="194.443" y1="99.2609" x2="206.075" y2="126.969" gradientUnits="userSpaceOnUse">
<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.01"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0.43"/>
</linearGradient>
<linearGradient id="paint2_linear_35_7121" x1="7.90346" y1="11" x2="203.097" y2="127" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF"/>
</linearGradient>
<linearGradient id="paint3_linear_35_7121" x1="200.125" y1="28" x2="31.2751" y2="29.812" gradientUnits="userSpaceOnUse">
<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
<stop offset="1" stop-color="#30C1FF"/>
</linearGradient>
<linearGradient id="paint4_linear_35_7121" x1="40" y1="35" x2="16.225" y2="29.1101" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_35_7121" x1="40" y1="35" x2="16.225" y2="29.1101" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint6_linear_35_7121" x1="200.125" y1="28" x2="31.2751" y2="29.812" gradientUnits="userSpaceOnUse">
<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
<stop offset="1" stop-color="#30C1FF"/>
</linearGradient>
<linearGradient id="paint7_linear_35_7121" x1="7.40476" y1="8" x2="2.42338" y2="10.0401" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.343003" stop-color="#30DCFF"/>
<stop offset="1" stop-color="#267EE5"/>
</linearGradient>
<linearGradient id="paint8_linear_35_7121" x1="41.3854" y1="30.5" x2="41.3112" y2="7.49851" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF"/>
<stop offset="0.897012" stop-color="#30DCFF"/>
<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint9_radial_35_7121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(64.3564 1.625) rotate(90.0001) scale(1.625 64.3564)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint10_radial_35_7121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.5007 3.125) rotate(90) scale(3.125 28.5007)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint11_radial_35_7121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.9844 1.625) rotate(90) scale(1.625 22.9844)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint12_radial_35_7121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.19377 1.625) rotate(90) scale(1.625 9.19377)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_35_7121">
<rect width="130" height="3" fill="white" transform="matrix(1 -1.64302e-07 -0.0495776 0.99877 38.1487 32)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

169
src/assets/recruitment/module_bg.svg Normal file
View File

@ -0,0 +1,169 @@
<svg width="398" height="474" viewBox="0 0 398 474" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#229;&#136;&#134;&#229;&#173;&#144;-&#230;&#168;&#161;&#229;&#157;&#151;&#232;&#131;&#140;&#230;&#153;&#175;&#230;&#161;&#134;" clip-path="url(#clip0_36_9041)">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#230;&#168;&#161;&#229;&#157;&#151;&#232;&#131;&#140;&#230;&#153;&#175;&#230;&#161;&#134;" clip-path="url(#clip1_36_9041)">
<g id="Subtract" opacity="0.6">
<mask id="path-1-inside-1_36_9041" fill="white">
<path d="M398 0V460L384 474H0V0H398Z"/>
</mask>
<path d="M398 0V460L384 474H0V0H398Z" fill="url(#paint0_radial_36_9041)"/>
<path d="M398 0V460L384 474H0V0H398Z" fill="url(#paint1_linear_36_9041)"/>
<path d="M398 0H399V-1H398V0ZM398 460L398.707 460.707L399 460.414V460H398ZM384 474V475H384.414L384.707 474.707L384 474ZM0 474H-1V475H0V474ZM0 0V-1H-1V0H0ZM398 0H397V460H398H399V0H398ZM398 460L397.293 459.293L383.293 473.293L384 474L384.707 474.707L398.707 460.707L398 460ZM384 474V473H0V474V475H384V474ZM0 474H1V0H0H-1V474H0ZM0 0V1H398V0V-1H0V0Z" fill="url(#paint2_linear_36_9041)" mask="url(#path-1-inside-1_36_9041)"/>
<path d="M398 0H399V-1H398V0ZM398 460L398.707 460.707L399 460.414V460H398ZM384 474V475H384.414L384.707 474.707L384 474ZM0 474H-1V475H0V474ZM0 0V-1H-1V0H0ZM398 0H397V460H398H399V0H398ZM398 460L397.293 459.293L383.293 473.293L384 474L384.707 474.707L398.707 460.707L398 460ZM384 474V473H0V474V475H384V474ZM0 474H1V0H0H-1V474H0ZM0 0V1H398V0V-1H0V0Z" fill="url(#paint3_linear_36_9041)" style="mix-blend-mode:plus-lighter" mask="url(#path-1-inside-1_36_9041)"/>
<path d="M398 0H399V-1H398V0ZM398 460L398.707 460.707L399 460.414V460H398ZM384 474V475H384.414L384.707 474.707L384 474ZM0 474H-1V475H0V474ZM0 0V-1H-1V0H0ZM398 0H397V460H398H399V0H398ZM398 460L397.293 459.293L383.293 473.293L384 474L384.707 474.707L398.707 460.707L398 460ZM384 474V473H0V474V475H384V474ZM0 474H1V0H0H-1V474H0ZM0 0V1H398V0V-1H0V0Z" fill="url(#paint4_linear_36_9041)" mask="url(#path-1-inside-1_36_9041)"/>
</g>
<path id="Rectangle 215" d="M397.5 473.5H387.207L397.5 463.207V473.5Z" stroke="#30DCFF"/>
<path id="Rectangle 216" d="M396 467V472H391L396 467Z" fill="#30DCFF"/>
</g>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#176;&#143;&#230;&#160;&#135;&#233;&#162;&#152;" clip-path="url(#clip2_36_9041)">
<g id="Mask group">
<mask id="mask0_36_9041" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="375" height="35">
<path id="Rectangle 195" d="M-1 35H374V-9.53674e-07H-1V35Z" fill="url(#paint5_linear_36_9041)"/>
</mask>
<g mask="url(#mask0_36_9041)">
<g id="Intersect">
<mask id="path-6-inside-2_36_9041" fill="white">
<path d="M395.999 4V35H57.3613C52.0422 35 46.9953 32.647 43.5752 28.5732L34.2158 17.4258C32.4287 15.2971 30.1971 13.6387 27.7148 12.54C26.2451 11.549 24.4984 10.9991 22.6846 10.999H5.63086L-0.470703 4H395.999Z"/>
</mask>
<path d="M395.999 4H396.999V3H395.999V4ZM395.999 35V36H396.999V35H395.999ZM43.5752 28.5732L44.3411 27.9303L44.3411 27.9302L43.5752 28.5732ZM34.2158 17.4258L33.4499 18.0688L33.45 18.0688L34.2158 17.4258ZM27.7148 12.54L27.1558 13.3692L27.2292 13.4186L27.3101 13.4545L27.7148 12.54ZM22.6846 10.999L22.6846 9.99902H22.6846V10.999ZM5.63086 10.999L4.87708 11.6561L5.17599 11.999H5.63086V10.999ZM-0.470703 4V3H-2.66912L-1.22448 4.65713L-0.470703 4ZM395.999 4H394.999V35H395.999H396.999V4H395.999ZM395.999 35V34H57.3613V35V36H395.999V35ZM57.3613 35V34C52.3378 34 47.5712 31.7778 44.3411 27.9303L43.5752 28.5732L42.8093 29.2162C46.4194 33.5163 51.7467 36 57.3613 36V35ZM43.5752 28.5732L44.3411 27.9302L34.9817 16.7828L34.2158 17.4258L33.45 18.0688L42.8093 29.2163L43.5752 28.5732ZM34.2158 17.4258L34.9817 16.7828C33.0952 14.5357 30.7395 12.7852 28.1196 11.6256L27.7148 12.54L27.3101 13.4545C29.6546 14.4922 31.7622 16.0584 33.4499 18.0688L34.2158 17.4258ZM27.7148 12.54L28.2739 11.7109C26.642 10.6105 24.7013 9.99916 22.6846 9.99902L22.6846 10.999L22.6845 11.999C24.2955 11.9991 25.8481 12.4874 27.1558 13.3692L27.7148 12.54ZM22.6846 10.999V9.99902H5.63086V10.999V11.999H22.6846V10.999ZM5.63086 10.999L6.38464 10.3419L0.283078 3.34287L-0.470703 4L-1.22448 4.65713L4.87708 11.6561L5.63086 10.999ZM-0.470703 4V5H395.999V4V3H-0.470703V4Z" fill="url(#paint6_linear_36_9041)" mask="url(#path-6-inside-2_36_9041)"/>
</g>
</g>
</g>
<g id="Intersect_2">
<mask id="path-8-inside-3_36_9041" fill="white">
<path d="M397.999 0V31H59.5049C54.1847 31 49.1369 28.6466 45.7168 24.5713L36.3662 13.4277C34.4783 11.178 32.0934 9.45442 29.4414 8.36035C28.0307 7.4819 26.3869 6.99909 24.6846 6.99902H-1V0H397.999Z"/>
</mask>
<path d="M397.999 0V31H59.5049C54.1847 31 49.1369 28.6466 45.7168 24.5713L36.3662 13.4277C34.4783 11.178 32.0934 9.45442 29.4414 8.36035C28.0307 7.4819 26.3869 6.99909 24.6846 6.99902H-1V0H397.999Z" fill="url(#paint7_linear_36_9041)"/>
<path d="M397.999 0H398.999V-1H397.999V0ZM397.999 31V32H398.999V31H397.999ZM59.5049 31L59.5049 32H59.5049V31ZM45.7168 24.5713L44.9508 25.2141L44.9508 25.2141L45.7168 24.5713ZM36.3662 13.4277L37.1323 12.7849L37.1322 12.7849L36.3662 13.4277ZM29.4414 8.36035L28.9128 9.20923L28.9833 9.25311L29.06 9.28478L29.4414 8.36035ZM24.6846 6.99902L24.6846 5.99902H24.6846V6.99902ZM-1 6.99902H-2V7.99902H-1V6.99902ZM-1 0V-1H-2V0H-1ZM397.999 0H396.999V31H397.999H398.999V0H397.999ZM397.999 31V30H59.5049V31V32H397.999V31ZM59.5049 31L59.5049 30C54.4802 30 49.7128 27.7773 46.4828 23.9284L45.7168 24.5713L44.9508 25.2141C48.5609 29.5158 53.8891 32 59.5049 32L59.5049 31ZM45.7168 24.5713L46.4828 23.9285L37.1323 12.7849L36.3662 13.4277L35.6002 14.0705L44.9508 25.2141L45.7168 24.5713ZM36.3662 13.4277L37.1322 12.7849C35.1391 10.4099 32.6216 8.59058 29.8228 7.43593L29.4414 8.36035L29.06 9.28478C31.5652 10.3183 33.8174 11.9462 35.6002 14.0706L36.3662 13.4277ZM29.4414 8.36035L29.97 7.51148C28.4031 6.53575 26.5765 5.9991 24.6846 5.99902L24.6846 6.99902L24.6845 7.99902C26.1972 7.99908 27.6583 8.42805 28.9128 9.20923L29.4414 8.36035ZM24.6846 6.99902V5.99902H-1V6.99902V7.99902H24.6846V6.99902ZM-1 6.99902H0V0H-1H-2V6.99902H-1ZM-1 0V1H397.999V0V-1H-1V0Z" fill="url(#paint8_linear_36_9041)" mask="url(#path-8-inside-3_36_9041)"/>
</g>
<path id="Intersect_3" d="M401.999 -4V27H63.1299C57.8129 27 52.7677 24.6491 49.3477 20.5781L39.9746 9.4209C38.3524 7.48988 36.3643 5.9461 34.1553 4.85645C32.6007 3.6659 30.6832 2.99916 28.6846 2.99902H15.6348L9.5293 -4H401.999Z" fill="url(#paint9_radial_36_9041)"/>
<g id="Ellipse 305" filter="url(#filter0_d_36_9041)">
<circle cx="4.5" cy="10.5" r="2.5" fill="url(#paint10_linear_36_9041)"/>
</g>
<g id="Union">
<path d="M28.6666 35L17.4666 21L9 35H28.6666Z" fill="url(#paint11_linear_36_9041)"/>
<path d="M34.6668 35H38.6668L27.4668 21H23.4668L34.6668 35Z" fill="url(#paint12_linear_36_9041)"/>
</g>
<path id="Union_2" d="M380.385 9.00195L382.963 14L380.385 18.9971L378.089 18.9941L380.634 14.083L378.001 9L380.385 9.00195ZM387.422 9.00195L390 14L387.422 18.9971L385.126 18.9941L387.671 14.083L385.038 9L387.422 9.00195Z" fill="url(#paint13_linear_36_9041)"/>
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#133;&#137;&#230;&#149;&#136;" style="mix-blend-mode:plus-lighter" clip-path="url(#clip3_36_9041)">
<g id="Ellipse 2" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="65" cy="1.625" rx="65" ry="1.625" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 40.7644 36.7441)" fill="url(#paint14_radial_36_9041)"/>
</g>
<g id="Ellipse 4" style="mix-blend-mode:plus-lighter" opacity="0.5">
<ellipse cx="28.7857" cy="3.125" rx="28.7857" ry="3.125" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 76.905 38.2423)" fill="url(#paint15_radial_36_9041)"/>
</g>
<g id="Ellipse 3" style="mix-blend-mode:plus-lighter" opacity="0.54">
<ellipse cx="23.2143" cy="1.625" rx="23.2143" ry="1.625" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 82.5503 36.7441)" fill="url(#paint16_radial_36_9041)"/>
</g>
<g id="Ellipse 5" style="mix-blend-mode:plus-lighter" opacity="0.8">
<ellipse cx="9.28571" cy="1.625" rx="9.28571" ry="1.625" transform="matrix(1 -1.64302e-07 0.0495776 -0.99877 96.479 36.7441)" fill="url(#paint17_radial_36_9041)"/>
</g>
</g>
</g>
</g>
<defs>
<filter id="filter0_d_36_9041" x="-2" y="4" width="13" height="13" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.192157 0 0 0 0 0.952941 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_36_9041"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_36_9041" result="shape"/>
</filter>
<radialGradient id="paint0_radial_36_9041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(199 236.999) rotate(-90) scale(237 199)">
<stop stop-color="#1A394D" stop-opacity="0"/>
<stop offset="1" stop-color="#1A394D" stop-opacity="0.4"/>
</radialGradient>
<linearGradient id="paint1_linear_36_9041" x1="375.115" y1="360.652" x2="441.023" y2="436.727" gradientUnits="userSpaceOnUse">
<stop offset="0.0104167" stop-color="#2A5470" stop-opacity="0"/>
<stop offset="0.291568" stop-color="#2A5470" stop-opacity="0.01"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0.43"/>
</linearGradient>
<linearGradient id="paint2_linear_36_9041" x1="199" y1="474" x2="199" y2="0" gradientUnits="userSpaceOnUse">
<stop stop-color="#4FDFFD" stop-opacity="0.49"/>
<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_36_9041" x1="387.055" y1="444.117" x2="345.371" y2="398.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_36_9041" x1="9.28278e-06" y1="474" x2="37.5544" y2="457.349" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint5_linear_36_9041" x1="374" y1="17.5" x2="38.7896" y2="28.707" gradientUnits="userSpaceOnUse">
<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0"/>
<stop offset="1" stop-color="#30C1FF"/>
</linearGradient>
<linearGradient id="paint6_linear_36_9041" x1="40.3854" y1="30.5" x2="40.3112" y2="7.49851" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF"/>
<stop offset="0.897012" stop-color="#30DCFF"/>
<stop offset="0.897135" stop-color="#35A8EB" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_36_9041" x1="398" y1="9.49998" x2="0.94523" y2="9.49995" gradientUnits="userSpaceOnUse">
<stop offset="0.0364889" stop-color="#35A8EB" stop-opacity="0.1"/>
<stop offset="0.483339" stop-color="#35A8EB" stop-opacity="0.12"/>
<stop offset="0.73693" stop-color="#30C1FF" stop-opacity="0.43"/>
<stop offset="1" stop-color="#30C1FF" stop-opacity="0.12"/>
</linearGradient>
<linearGradient id="paint8_linear_36_9041" x1="33.7171" y1="24" x2="36.3238" y2="13.8356" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF"/>
<stop offset="1" stop-color="#35A8EB" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint9_radial_36_9041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(71.8083 -39.5) rotate(102.492) scale(64.0154 1819.67)">
<stop offset="0.851191" stop-color="#35A8EB" stop-opacity="0"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0.63"/>
</radialGradient>
<linearGradient id="paint10_linear_36_9041" x1="6.40476" y1="8" x2="1.42338" y2="10.0401" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.343003" stop-color="#30DCFF"/>
<stop offset="1" stop-color="#267EE5"/>
</linearGradient>
<linearGradient id="paint11_linear_36_9041" x1="37" y1="35" x2="13.225" y2="29.1101" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint12_linear_36_9041" x1="37" y1="35" x2="13.225" y2="29.1101" gradientUnits="userSpaceOnUse">
<stop stop-color="#30F3FF"/>
<stop offset="0.473902" stop-color="#30DCFF"/>
<stop offset="0.898226" stop-color="#267EE5" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint13_linear_36_9041" x1="392.85" y1="23.4958" x2="377.584" y2="23.2387" gradientUnits="userSpaceOnUse">
<stop stop-color="#30C1FF" stop-opacity="0.27"/>
<stop offset="1" stop-color="#35A8EB" stop-opacity="0.01"/>
</linearGradient>
<radialGradient id="paint14_radial_36_9041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(64.3564 1.625) rotate(90.0001) scale(1.625 64.3564)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint15_radial_36_9041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.5007 3.125) rotate(90) scale(3.125 28.5007)">
<stop stop-color="#B7EEFF"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint16_radial_36_9041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.9844 1.625) rotate(90) scale(1.625 22.9844)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint17_radial_36_9041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.19377 1.625) rotate(90) scale(1.625 9.19377)">
<stop stop-color="#B7EEFF"/>
<stop offset="0.302515" stop-color="#9BE2FF" stop-opacity="0.76"/>
<stop offset="1" stop-color="#6BD4FF" stop-opacity="0"/>
</radialGradient>
<clipPath id="clip0_36_9041">
<rect width="398" height="474" fill="white"/>
</clipPath>
<clipPath id="clip1_36_9041">
<rect width="398" height="474" fill="white"/>
</clipPath>
<clipPath id="clip2_36_9041">
<rect width="398" height="35" fill="white"/>
</clipPath>
<clipPath id="clip3_36_9041">
<rect width="130" height="3" fill="white" transform="matrix(1 -1.64302e-07 -0.0495776 0.99877 41 32)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

18
src/assets/recruitment/tabs_bg.svg Normal file
View File

@ -0,0 +1,18 @@
<svg width="130" height="26" viewBox="0 0 130 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#176;&#143;&#230;&#140;&#137;&#233;&#146;&#174;" clip-path="url(#clip0_36_9241)">
<g id="Frame 35">
<rect x="3.45142" width="123.097" height="26" rx="4" fill="url(#paint0_linear_36_9241)"/>
<rect x="3.95142" y="0.5" width="122.097" height="25" rx="3.5" stroke="#CBF2FA" stroke-opacity="0.2"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_36_9241" x1="2.09122" y1="13" x2="126.549" y2="13" gradientUnits="userSpaceOnUse">
<stop stop-color="#CBF2FA" stop-opacity="0"/>
<stop offset="0.509504" stop-color="#CBF2FA" stop-opacity="0.19"/>
<stop offset="1" stop-color="#CBF2FA" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_36_9241">
<rect width="130" height="26" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 866 B

21
src/assets/recruitment/tabs_bg_active.svg Normal file
View File

@ -0,0 +1,21 @@
<svg width="130" height="26" viewBox="0 0 130 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#229;&#142;&#159;&#229;&#173;&#144;-&#229;&#176;&#143;&#230;&#140;&#137;&#233;&#146;&#174;" clip-path="url(#clip0_36_9233)">
<g id="Frame 34">
<rect x="3.45142" width="123.097" height="26" rx="4" fill="url(#paint0_linear_36_9233)"/>
<rect x="3.95142" y="0.5" width="122.097" height="25" rx="3.5" stroke="#CBF2FA" stroke-opacity="0.2"/>
<path id="Polygon 1" d="M124.451 12.5L129.451 9L129.451 16L124.451 12.5Z" fill="#31DBFF"/>
<path id="Polygon 2" d="M5.45142 12.5L0.451416 9L0.451416 16L5.45142 12.5Z" fill="#31DBFF"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_36_9233" x1="2.09122" y1="13" x2="126.549" y2="13" gradientUnits="userSpaceOnUse">
<stop stop-color="#30DCFF" stop-opacity="0.12"/>
<stop offset="0.509504" stop-color="#30DCFF" stop-opacity="0.84"/>
<stop offset="1" stop-color="#30DCFF" stop-opacity="0.12"/>
</linearGradient>
<clipPath id="clip0_36_9233">
<rect width="130" height="26" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

6
src/router/index.js
View File

@ -26,6 +26,12 @@ export const publicRoutes = [
component: () => import("@/views/largeScreen/index"),
meta: {},
},
{
path: "/recruitment",
name: "/recruitment",
component: () => import("@/views/recruitment/index"),
meta: {},
},
{
path: "/industry",
name: "/industry",

218
src/views/recruitment/components/costomCaed.vue Normal file
View File

@ -0,0 +1,218 @@
<script setup>
import { ref, reactive, onMounted } from 'vue'
const state = reactive({
tabs: [
'公共服务站点 300', '培训机构 130', '咨询机构 220',
'教育中心 150', '职业介绍所 180', '就业服务中心 210'
],
activeIndex: 0
})
const scrollContainer = ref(null)
const canScrollLeft = ref(false)
const canScrollRight = ref(false)
// 检查滚动状态
const checkScroll = () => {
if (scrollContainer.value) {
const { scrollLeft, scrollWidth, clientWidth } = scrollContainer.value
canScrollLeft.value = scrollLeft > 0
canScrollRight.value = scrollLeft < scrollWidth - clientWidth - 1
}
}
// 滚动到指定位置
const scrollTo = (direction) => {
if (!scrollContainer.value) return
const container = scrollContainer.value
const scrollAmount = 300 // 每次滚动量
if (direction === 'left') {
container.scrollBy({ left: -scrollAmount, behavior: 'smooth' })
} else {
container.scrollBy({ left: scrollAmount, behavior: 'smooth' })
}
// 滚动结束后检查状态
setTimeout(checkScroll, 300)
}
// 点击标签
const selectTab = (index) => {
state.activeIndex = index
// 可选：自动滚动到选中标签
scrollToTab(index)
}
// 滚动到指定标签
const scrollToTab = (index) => {
if (!scrollContainer.value) return
const container = scrollContainer.value
const tab = container.children[index]
if (!tab) return
const containerWidth = container.clientWidth
const tabLeft = tab.offsetLeft
const tabWidth = tab.offsetWidth
container.scrollTo({
left: tabLeft - (containerWidth - tabWidth) / 2,
behavior: 'smooth'
})
}
onMounted(() => {
checkScroll()
window.addEventListener('resize', checkScroll)
})
</script>
<template>
<div class="costomCaedWrapper">
<div class="horizontal-scroll-container">
<!-- 左侧滚动按钮 -->
<!-- <button-->
<!-- class="scroll-button left"-->
<!-- :class="{ visible: canScrollLeft }"-->
<!-- @click="scrollTo('left')"-->
<!-- >-->
<!-- <svg viewBox="0 0 24 24">-->
<!-- <path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/>-->
<!-- </svg>-->
<!-- </button>-->
<!-- 横向滚动区域 -->
<div
ref="scrollContainer"
class="scroll-area"
@scroll="checkScroll"
>
<div
v-for="(tab, index) in state.tabs"
:key="index"
class="tab-item"
:class="{ active: state.activeIndex === index }"
@click="selectTab(index)"
>
{{ tab }}
</div>
</div>
<!-- 右侧滚动按钮 -->
<!-- <button-->
<!-- class="scroll-button right"-->
<!-- :class="{ visible: canScrollRight }"-->
<!-- @click="scrollTo('right')"-->
<!-- >-->
<!-- <svg viewBox="0 0 24 24">-->
<!-- <path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/>-->
<!-- </svg>-->
<!-- </button>-->
</div>
<img class="echart" src="~@/assets/recruitment/echart.svg" alt="">
</div>
</template>
<style scoped>
.costomCaedWrapper {
.echart {
margin-top: 1.5vw;
width: 100%;
height: auto;
display: block;
}
}
.horizontal-scroll-container {
position: relative;
display: flex;
align-items: center;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.scroll-area {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE/Edge */
flex: 1;
}
.scroll-area::-webkit-scrollbar {
display: none; /* Chrome/Safari */
}
.tab-item {
flex: 0 0 auto;
margin: 0 8px;
width: 6.771vw;
height: 1.875vw;
text-align: center;
font-size: 0.729vw;
line-height: 1.875vw;
background: url("~@/assets/recruitment/tabs_bg.svg") no-repeat center center;
background-size: 100% 100%;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.tab-item.active {
background-image: url("~@/assets/recruitment/tabs_bg_active.svg");
color: white;
font-weight: 500;
}
.tab-item:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.scroll-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.875vw;
height: 1.875vw;
border-radius: 50%;
background: #0b1318;
border: 1px solid #0b1318;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
cursor: pointer;
opacity: 0;
transition: opacity 0.3s;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.scroll-button.visible {
opacity: 1;
}
.scroll-button.left {
left: 0;
}
.scroll-button.right {
right: 0;
}
.scroll-button svg {
width: 24px;
height: 24px;
fill: #666;
}
.scroll-button:hover {
background: #f0f0f0;
}
</style>

122
src/views/recruitment/components/enterpriseEmploymentCard.vue Normal file
View File

@ -0,0 +1,122 @@
<script setup>
import { defineProps } from 'vue';
import Carousel from "@/views/recruitment/components/carousel.vue";
const props = defineProps({
title: {
type: String,
default: "标题"
},
info: {
type: Object,
default: () => {}
},
description: {
type: String,
default: ""
}
})
</script>
<template>
<div class="enterpriseEmploymentWrapper">
<div class="titleWrapper">
<div class="left">{{ title }}</div>
<div class="right">{{ description }}</div>
</div>
<div class="row">
<div class="modelItem1">
<div class="title">岗位种类数</div>
<div class="count">200.000</div>
</div>
<div class="modelItem2">
<div class="title">岗位人员数</div>
<div class="count">1246</div>
</div>
</div>
<div class="cardWrapper">
<slot name="card">
<carousel />
</slot>
</div>
</div>
</template>
<style scoped lang="scss">
.enterpriseEmploymentWrapper {
position: relative;
width: 20.729vw;
height: 24.6875vw;
background: url("~@/assets/recruitment/module_bg.svg") no-repeat;
background-size: 100% 100%;
.cardWrapper {
position: relative;
left: 50%;
top: 0.78125vw;
transform: translateX(-50%);
//background: url("~@/assets/recruitment/card_bg.svg") no-repeat;
//background-size: 100% 100%;
width: 17.03125vw;
height: 16.615vw;
}
.row {
display: flex;
margin: 0.521vw 0.573vw 0;
.count {
font-size: 1.042vw;
color: #48FAFC;
}
.title {
color: #FFFFFF;
margin-bottom: 0.46875vw;
font-size: 0.729vw;
}
.modelItem1 {
padding-top: 1.09375vw;
text-align: right;
background: url("~@/assets/recruitment/model1.svg") no-repeat;
background-size: 100% 100%;
width: 7.823vw;
height: 4.167vw;
margin-right: 3.021vw;
}
.modelItem2 {
padding-top: 1.09375vw;
text-align: right;
background: url("~@/assets/recruitment/model2.svg") no-repeat;
background-size: 100% 100%;
width: 6.823vw;
height: 4.167vw;
}
}
.titleWrapper {
display: flex;
justify-content: space-between;
height: 1.5625vw;
line-height: 1.5625vw;
font-size: 0.833vw;
font-family: PingFang SC, PingFang SC;
.left {
margin-left: 2.917vw;
font-weight: 600;
text-align: left;
font-style: normal;
text-transform: none;
color: #A9F0FF;
}
.right {
margin-right: 1.042vw;
color: #A9F0FF;
}
}
}
</style>

176
src/views/recruitment/components/recruitment.scss Normal file
View File

@ -0,0 +1,176 @@
@mixin textColor($color1, $color2) {
background-image: linear-gradient(to top, $color1 0%, $color2 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bigScrenn {
width: 100%;
height: 100%;
overflow: auto;
position: relative;
background: url('~@/assets/recruitment/bg.svg') no-repeat center center;
background-size: 100% 100%;
color: #fff;
// 头部
.homeHead,.homeHeadsmall {
display: flex;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 8;
height: 4.896vw !important;
background: url('~@/assets/recruitment/header_bg.svg') no-repeat;
background-size: 100%;
.left_Head {
position: absolute;
left: 1vw;
top: 2.135vw;
font-family: "DigifaceWide";
}
.center_head {
position: absolute;
top: 2vw;
left: 50%;
transform: translateX(-56%);
font-size: 4vw;
font-family: "YSBTH";
letter-spacing: 0.104vw;
font-weight: 400;
white-space: nowrap;
span {
background-image: linear-gradient(to top, #165493 10%, #ffffff 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
&::before {
content: attr(text);
position: absolute;
z-index: -2;
}
}
.right_head {
position: absolute;
right: 1.875vw;
top: 2.135vw;
.setting {
position: absolute;
top: -10px;
left: -78px;
width: 1.8vw;
height: 1.8vw;
}
}
}
.homeHeadsmall{
// background: url('~@/assets/images/home_head_small.png') no-repeat center center;
height: 6.771vw;
.center_head {
position: absolute;
top: 0.5vw;
left: 50%;
transform: translateX(-50%);
font-size: 2.292vw;
font-family: "YSBTH";
letter-spacing: 0.104vw;
font-weight: 400;
white-space: nowrap;
}
}
// 侧边
.asidemodel {
position: absolute;
top: 5.888vw;
//width: 22.396vw;
//height: calc(100vh - 13.75vw);
//transform: perspective(6.25vw) rotateY(2deg);
.asideHead {
position: relative;
height: 2.083vw;
line-height: 2.083vw;
margin-bottom: 1.042vw;
padding-left: 0.729vw;
padding-right: 0.729vw;
box-sizing: border-box;
span {
font-size: 1.458vw;
@include textColor(#499FF2, #ffffff);
font-family: "HANYILINGXINTIJIAN";
}
&::after {
position: absolute;
content: '';
width: 8.594vw;
height: 1.146vw;
left: 0.104vw;
top: 1.823vw;
background: url('~@/assets/images/bg_03.png') no-repeat left bottom;
background-size: 100%;
}
}
.asideHeadR {
position: relative;
&::after {
position: absolute;
content: '';
width: 8.594vw;
height: 1.146vw;
left: 13.333vw;
top: 1.823vw;
background: url('~@/assets/images/bg_03.png') no-repeat left bottom;
background-size: 100%;
transform: rotate(180deg);
}
}
.modelBox {
height: calc(100% - 3.125vw);
}
.asideItem {
flex: 1 0 0;
// margin: 0px 0.052vw;
margin: 0 0.052vw 1.5vh;
overflow: hidden;
// margin-bottom: 0.26vw;
background: url('~@/assets/images/bg_04.png') no-repeat left bottom;
background-size: 100%;
}
}
.asidemodelR {
//transform: perspective(6.25vw) rotateY(-2deg);
}
// 展开-关闭按钮
.showNeun {
position: absolute;
top: 47%;
transform: translateY(-50%);
width: 4.313vw;
height: 22.802vw;
background: url('~@/assets/images/home_left.png') no-repeat center center;
background-size: 100% 100%;
}
.showNeunR {
background: url('~@/assets/images/home_right.png') no-repeat center center;
background-size: 100% 100%;
}
}

182
src/views/recruitment/index.vue Normal file
View File

@ -0,0 +1,182 @@
<template>
<div class="bigScrenn">
<!-- 头部 -->
<Head title="兴蜀人力数据概览"></Head>
<div class="asidemodel transition modelImgleft " :style="{ left: isOpen_L ? '1vw' : '-22.369vw' }">
<enterprise-employment-card title="企业用工结构分布" description="200.000 家企业注册">
<template #card>
<carousel>
<!-- 自定义slide内容 -->
<template #slide="{ slide, index }">
<div class="custom-slide">
<div class="custom-slide-inner">
<div class="custom-slide-content tc">
<div>第一产业需求</div>
<div class="flex just-between align-center col">
<div class="">
<div class="title">岗位种类数</div>
<div>480人</div>
</div>
<div class="">
<div class="title">岗位人员数</div>
<div>480人</div>
</div>
</div>
</div>
</div>
<div class="custom-slide-inner">
<div class="custom-slide-content tc">
<div>第二产业需求</div>
<div class="flex just-between align-center col">
<div class="">
<div class="title">岗位种类数</div>
<div>480人</div>
</div>
<div class="">
<div class="title">岗位人员数</div>
<div>480人</div>
</div>
</div>
</div>
</div>
<div class="custom-slide-inner">
<div class="custom-slide-content tc">
<div>第三产业需求</div>
<div class="flex just-between align-center col">
<div class="">
<div class="title">岗位种类数</div>
<div>480人</div>
</div>
<div class="">
<div class="title">岗位人员数</div>
<div>480人</div>
</div>
</div>
</div>
</div>
</div>
</template>
</carousel>
</template>
</enterprise-employment-card>
<div style="margin-top: 0.625vw">
<enterprise-employment-card title="服务网络覆盖情况" description="5000 家人力资源行业机构">
<template #card>
<costom-caed />
</template>
</enterprise-employment-card>
</div>
</div>
<!-- 中间 -->
<CenterModel></CenterModel>
<div class="asidemodel asidemodelR transition modelImgright" :style="{ right: isOpen_R ? '1vw' : '-22.369vw' }">
<enterprise-employment-card title="高校人才供给能力" description="10,000 毕业生" />
<div style="margin-top: 0.625vw">
<enterprise-employment-card title="三级劳务体系建设" description="10,000 名平台劳务经纪人" />
</div>
</div>
<div class="last_icon"></div>
<!-- 弹窗 -->
<HomeDialogInfo v-model="dialogShow" />
</div>
</template>
<script setup>
import Head from './layout/headHome.vue'
import CenterModel from './layout/centerModel.vue'
import HomeDialogInfo from "@/components/homeDialogInfo/index.vue";
import openWebSocket from "@/utils/webSocket.js";
import { ref, reactive, onMounted, getCurrentInstance } from "vue";
import EnterpriseEmploymentCard from "@/views/recruitment/components/enterpriseEmploymentCard.vue";
import CostomCaed from "@/views/recruitment/components/costomCaed.vue";
import Carousel from "@/views/recruitment/components/carousel.vue";
const { proxy } = getCurrentInstance();
const isOpen_L = ref(true); //展开菜单-左边
const isOpen_R = ref(true); //展开菜单 - 右边
const dialogShow = ref(false);
const asideMeun = reactive({
leftMeun: [
{ mkMc: "产业产值、岗位缺口趋势", mkLydz: "cycz_gwqk_card" },
{ mkMc: "重点保供企业分布", mkLydz: "zdbgqy_card" },
{ mkMc: "缺口岗位TOP10", mkLydz: "zdqyqkxq_card" },
],
rightMeun: [
{ mkMc: "用工供需风险预警", mkLydz: "yggxfxyj_card" },
{ mkMc: "劳务市场异常预警", mkLydz: "lwscycyj_card" },
{ mkMc: "合规监管预警", mkLydz: "hgjgyj_card" },
{ mkMc: "服务质量预警", mkLydz: "fwzlyj_card" }
],
})
onMounted(() => {
getWebSocketData()
})
// 获取WebSocket数据
function getWebSocketData() {
let dws = openWebSocket.getInstance();
dws.connect((res) => {
// 接收发送消息
dws.ws.onmessage = (e) => {
let dataInfo = JSON.parse(e.data).data;
console.log(dataInfo, 'dataInfo');
if (dataInfo == 1) {
dialogShow.value = true;
} else {
dialogShow.value = false;
}
};
});
}
</script>
<style lang="scss" scoped>
@import "components/recruitment.scss";
.custom-slide {
padding: 0.521vw;
.custom-slide-inner {
width: 15.99vw;
height: 4.323vw;
background: url("~@/assets/recruitment/card_item_bg.svg") no-repeat center center;
background-size: cover;
margin-bottom: 1.042vw;
.custom-slide-content {
color: #CBF2FA;
font-size: 0.625vw;
height: 4.323vw;
padding: 0.417vw 1.25vw 0 5.677vw;
.title {
margin-bottom: 0.26vw;
}
.col {
margin-top: 0.78125vw;
}
}
&:last-child {
margin-bottom: 0;
}
}
}
.last_icon {
position: fixed;
left: 0;
right: 0;
height: 4.667vw;
bottom: 0;
background: url("~@/assets/recruitment/botton_bg.svg") no-repeat center center;
background-size: cover;
}
.transition {
transition: all 0.5s;
}
</style>

134
src/views/recruitment/layout/centerModel.vue Normal file
View File

@ -0,0 +1,134 @@
<template>
<div class="contentWrapper">
<div class="rowContent">
<div class="modelWrapper">
<template v-for="(item, index) in modelContentList" :key="index">
<div class="modelContent">
<div class="num">{{ item.num }}</div>
<div class="label">{{ item.label }}</div>
</div>
</template>
</div>
</div>
<div class="content">
<div class="num">780,000</div>
<div class="label">人口总数</div>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
const modelContentList = ref([
{
num: '780,000',
label: '户籍人口',
},
{
num: '780,000',
label: '流动人口',
},
{
num: '780,000',
label: '就业人群',
},
{
num: '780,000',
label: '待就业人群',
},
{
num: '780,000',
label: '新增就业群体',
},
{
num: '780,000',
label: '灵活就业群体',
}
])
</script>
<style lang="scss" scoped>
.contentWrapper {
position: absolute;
top: 9.53125vw;
left: 23.58vw;
width: 52.46vw;
.rowContent {
position: absolute;
width: 100%;
}
.content {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 9.46875vw;
margin-top: 10.90625vw;
background: url("~@/assets/recruitment/content_bg.svg") no-repeat;
background-size: 100% 100%;
width: 52.46vw;
height: 31.667vw;
.num {
font-family: PingFang SC, PingFang SC;
font-size: 2.667vw;
color: #30DCFF;
}
.label {
margin-top: 0.521vw;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.833vw;
color: #CBF2FA;
}
}
.modelWrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.modelContent {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
background: url("~@/assets/recruitment/model_bg.svg") no-repeat;
background-size: 100% 100%;
width: 10.729vw;
height: 6.667vw;
padding: 0.625vw 0;
.num {
font-family: PingFang SC, PingFang SC;
font-size: 1.667vw;
color: #30DCFF;
}
.label {
margin-top: 0.521vw;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.833vw;
color: #CBF2FA;
}
&:nth-last-child(-n+1) {
margin-top: 2.34375vw;
margin-right: 13.8vw;
}
&:nth-last-child(2) {
margin-top: 2.34375vw;
margin-left: 13.8vw;
}
}
}
}
</style>

66
src/views/recruitment/layout/head.vue Normal file
View File

@ -0,0 +1,66 @@
<template>
<div class="homeHead">
<!-- <div class="left_Head">
<el-icon style="top:5px" color="#0DE7EE" :size="20"><Cloudy/></el-icon>
<span class="head_text ml5 mr5">阴</span>
<span class="head_text ml5 mr5">空气质量：良</span>
<span class="head_text ml5">8 ~ 13°C</span>
</div> -->
<div class="center_head" :text="props.title">
<span>{{props.title}}</span>
</div>
<!-- <div class="right_head">
<img src="@/assets/images/icon_01.png" alt="" class="setting">
<span class="head_text ml5 mr5">{{ hour + ":" + minute + ":" + second }}</span>
<span class="head_text ml5 mr5">{{weekenday}} </span>
<span class="head_text ml5">{{ datatime }}</span>
</div> -->
</div>
</template>
<script setup>
import { timeValidate ,weekValidate} from "@/utils/tools.js";
import { qcckPost, qcckGet } from "@/api/qcckApi.js";
import emitter from "@/utils/eventBus.js";
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance ,onBeforeUnmount} from "vue";
const { proxy } = getCurrentInstance();
const minute = ref("00"); //分
const second = ref("00"); //秒
const hour = ref("00"); //时
const day = ref();
const weekenday = weekValidate() //星期几
const datatime = ref(timeValidate(null,'ymd'));
const timersfm = ref(null);
const props = defineProps({
title:{
type:String,
default:'兴蜀数智化驾驶舱'
}
})
onMounted(() => {
timersfm.value = setInterval(() => {
CurrentTime();
}, 1000);
});
// 获取时分秒
function CurrentTime() {
const date = new Date();
hour.value = date.getHours();
minute.value = date.getMinutes();
second.value = date.getSeconds();
day.value = day.value < 10 ? "0" + day.value : day.value;
hour.value = hour.value < 10 ? "0" + hour.value : hour.value;
minute.value = minute.value < 10 ? "0" + minute.value : minute.value;
second.value = second.value < 10 ? "0" + second.value : second.value;
}
onUnmounted(() => {
clearInterval(timersfm.value)
});
</script>
<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
.head_text{
font-size: 1.8vw;
}
</style>

65
src/views/recruitment/layout/headHome.vue Normal file
View File

@ -0,0 +1,65 @@
<template>
<div class="homeHeadsmall">
<div class="left_Head">
<el-icon style="top:5px" color="#0DE7EE" :size="20"><Cloudy/></el-icon>
<span class="head_text ml5 mr5">小雨</span>
<span class="head_text ml5">13°C</span>
</div>
<div class="center_head" :text="props.title">
<span>{{props.title}}</span>
</div>
<div class="right_head">
<!-- <img src="@/assets/images/icon_01.png" alt="" class="setting">-->
<span class="head_text ml5 mr5">{{ hour + ":" + minute + ":" + second }}</span>
<span class="head_text ml5 mr5">{{weekenday}} </span>
<span class="head_text ml5">{{ datatime }}</span>
</div>
</div>
</template>
<script setup>
import { timeValidate ,weekValidate} from "@/utils/tools.js";
import { qcckPost, qcckGet } from "@/api/qcckApi.js";
import emitter from "@/utils/eventBus.js";
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance ,onBeforeUnmount} from "vue";
const { proxy } = getCurrentInstance();
const minute = ref("00"); //分
const second = ref("00"); //秒
const hour = ref("00"); //时
const day = ref();
const weekenday = weekValidate() //星期几
const datatime = ref(timeValidate(null,'ymd'));
const timersfm = ref(null);
const props = defineProps({
title:{
type:String,
default:'兴蜀数智化驾驶舱'
}
})
onMounted(() => {
timersfm.value = setInterval(() => {
CurrentTime();
}, 1000);
});
// 获取时分秒
function CurrentTime() {
const date = new Date();
hour.value = date.getHours();
minute.value = date.getMinutes();
second.value = date.getSeconds();
day.value = day.value < 10 ? "0" + day.value : day.value;
hour.value = hour.value < 10 ? "0" + hour.value : hour.value;
minute.value = minute.value < 10 ? "0" + minute.value : minute.value;
second.value = second.value < 10 ? "0" + second.value : second.value;
}
onUnmounted(() => {
clearInterval(timersfm.value)
});
</script>
<style lang="scss" scoped>
@import "../components/recruitment.scss";
.head_text{
font-size: 0.729vw;
}
</style>