Onboarding Ui Changes --Partial Commit

src/_theme.scss

@@ -8,4 +8,4 @@ $button-color: #d1d1d1;
 $step-color: #a3a3a3;
 $heading-color: #363636;
 $content-color: #868686;
-$segment-section: #f7f7f7;
+$segment-section: #f7f7f7;

src/app/app-routing.module.ts

@@ -28,7 +28,7 @@ const routes: Routes = [
     { component: JoiningletterComponent, path: 'dashboard/joiningletter' },
     { component: TechnicalComponent, path: 'dashboard/technincalinterview' },
     { component: SkillinformationComponent, path: 'dashboard/skillinformation' },
-    { component: FinalinterviewComponent, path: 'dashboard/finaiinterview' },
+    { component: FinalinterviewComponent, path: 'dashboard/finalinterview' },
 ];
 
 @NgModule({

src/app/pages/dashboard/_commonheader.scss

@@ -5,10 +5,10 @@ header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    height: 70px;
+    height: 90px;
     top: 0;
     left: 0;
-    padding: 0 10px;
+    padding: 0 20px;
 
     .logo {
         display: flex;
@@ -18,15 +18,14 @@ header {
         h5 {
             font-family: "Oswald", sans-serif;
             color: $text-color;
-            font-weight: 100;
+            font-weight: 300;
             left: 0;
-            letter-spacing: 1.5px;
             font-size: 21px;
         }
         span {
             color: $white;
             font-family: "Poppins", sans-serif;
-            font-size: 12px;
+            font-size: 10px;
             font-weight: 500;
         }
     }
@@ -58,3 +57,23 @@ header {
     background-color: $green;
     color: $white;
 }
+
+.upfold {
+    padding: 30px 25px 0px;
+    h3 {
+        font-size: 21px;
+        color: lighten($color: $heading-color, $amount: 20%);
+        text-align: center;
+        font-weight: 300;
+        padding-top: 10px;
+    }
+    p {
+        color: $content-color;
+        text-align: center;
+        font-size: 12.5px;
+        line-height: 25px;
+        font-weight: 500;
+        padding: 15px 0;
+        font-weight: 300;
+    }
+}

src/app/pages/dashboard/dashboard.component.ts

@@ -20,43 +20,43 @@ export class DashboardComponent implements OnInit {
         imageSrc: 'assets/Preliminary Round.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Lets do this!',
-        redirectUrl: 'dashboard/preliminary'
+        redirectUrl: '/dashboard/preliminary'
     }, {
         heading: 'Technical Interview',
         imageSrc: 'assets/Technical Interview.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Schedule meeting!',
-        redirectUrl: 'dashboard/technincalround'
+        redirectUrl: '/dashboard/technincalround'
     }, {
         heading: 'Assignment',
         imageSrc: 'assets/Assignment.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Show details!',
-        redirectUrl: 'dashboard/assignment'
+        redirectUrl: '/dashboard/assignment'
     }, {
         heading: 'Final Interview',
         imageSrc: 'assets/Final Interview.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Schedule meeting!',
-        redirectUrl: 'dashboard/finaiinterview'
+        redirectUrl: '/dashboard/finaiinterview'
     }, {
         heading: 'Closing Docs',
         imageSrc: 'assets/Closing Docs.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Upload docs!',
-        redirectUrl: 'dashboard/closingdocs'
+        redirectUrl: '/dashboard/closingdocs'
     }, {
         heading: 'Joining Letter',
         imageSrc: 'assets/Joining Letter.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Show details',
-        redirectUrl: 'dashboard/joiningletter'
+        redirectUrl: '/dashboard/joiningletter'
     }, {
         heading: 'Celebrations',
         imageSrc: 'assets/Celebrations.svg',
         content: "<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <p>",
         redirectText: 'Join Workex',
-        redirectUrl: 'dashboard/celebration'
+        redirectUrl: '/dashboard/celebration'
     }]
 
     ngOnInit(): void {

src/app/pages/dashboard/preliminary/preliminary.component.html

@@ -1 +1,34 @@
-<p>preliminary works!</p>
+<header>
+    <li class="logo">
+        <span>Step 2</span>
+        <h5>Preliminary Round</h5>
+    </li>
+    <li class="cross-icon">
+        <button [routerLink]="['/dashboard']">
+            <img src="../../../../assets/close_white_18dp.svg" alt="">
+        </button>
+    </li>
+</header>
+
+<section class='upfold'>
+    <img src='../../../../assets/Step 2.svg'>
+    <h3>Lets us check your knowledge.</h3>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna
+        aliqua.</p>
+</section>
+
+<section class='quiz-section'>
+    <h3>Quiz</h3>
+    <ul>
+        <li> <img src="../../../../assets/question-circle-fill.svg"> 20 questions</li>
+        <li> <img src="../../../../assets/time.svg"> 20 mins + 10 mins grace</li>
+        <li> <img src="../../../../assets/check-circle-fill.svg"> Note: 85% of result minimum</li>
+    </ul>
+
+    <button>Start quiz</button>
+</section>
+
+<footer>
+    <span>All the best!</span>
+</footer>

src/app/pages/dashboard/preliminary/preliminary.component.scss

@@ -0,0 +1,38 @@
+@import "../commonheader";
+
+.upfold {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 20px;
+
+    img {
+        padding: 20px;
+        width: 100px;
+    }
+}
+
+.quiz-section {
+    background-color: $background-color;
+    background-image: url("../../../../assets/Sprinklers.svg");
+    padding: 25px;
+
+    h3 {
+        color: $white;
+        font-weight: 300;
+    }
+    li {
+        display: flex;
+        list-style: none;
+        color: $white;
+        font-size: 12px;
+        line-height: 35px;
+        font-weight: 600;
+        opacity: 90%;
+
+        img {
+            width: 35px;
+            padding-right: 20px;
+        }
+    }
+}

src/app/pages/dashboard/skillinformation/skillinformation.component.html

@@ -77,5 +77,5 @@
 </section>
 
 <section>
-    <button class='footer-btn'>Done!</button>
+    <button [routerLink]="['/dashboard/preliminary']" class='footer-btn'>Done!</button>
 </section>

src/app/pages/dashboard/skillinformation/skillinformation.component.scss

@@ -1,26 +1,6 @@
 @import "../commonheader";
 @import "../../../../theme";
 
-.upfold {
-    padding: 30px 25px 0px;
-    h3 {
-        font-size: 21px;
-        color: lighten($color: $heading-color, $amount: 20%);
-        text-align: center;
-        font-weight: 300;
-        padding-top: 10px;
-    }
-    p {
-        color: $content-color;
-        text-align: center;
-        font-size: 12.5px;
-        line-height: 25px;
-        font-weight: 500;
-        padding: 15px 0;
-        font-weight: 300;
-    }
-}
-
 section {
     padding: 0 20px;
 

src/app/pages/onboarding/_commonheader.scss

@@ -12,7 +12,7 @@ header {
 
     .logo {
         display: flex;
-        padding: 6px;
+        padding: 5px;
         align-items: center;
     }
 
@@ -48,13 +48,13 @@ header {
     background-color: $background-color;
     background-image: url("../../../assets/Sprinklers.svg");
     background-repeat: repeat;
-    padding: 20px 6px;
+    padding: 50px 5%;
 
     h3 {
         text-align: center;
         color: $white;
         font-weight: 200;
-        font-size: 27px;
+        font-size: 30px;
         letter-spacing: 1px;
         opacity: 85%;
     }
@@ -62,7 +62,7 @@ header {
     p {
         text-align: center;
         color: $text-color;
-        font-size: 13px;
+        font-size: 15px;
         opacity: 70%;
         padding: 0 10px;
         line-height: 30px;
@@ -70,6 +70,11 @@ header {
     }
 }
 
+.upfold-img{
+    background-image: url('../../../assets/Sprinklers.svg');
+    // background-color: white;
+}
+
 button {
     border-radius: 25px;
     height: 45px;

src/app/pages/onboarding/login/login.component.html

@@ -17,7 +17,7 @@
     </div>
 </section>
 
-<section class='upfold-footer'>
+<section class='upfold-img'>
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 414 70.299">
         <g id="Group_3747" data-name="Group 3747" transform="translate(-8280 2782.299) rotate(180)">
             <path id="Path_4678" data-name="Path 4678" d="M0,1132.7H414v11.989L269.946,1203,0,1144.69Z"

src/app/pages/onboarding/signup/otp/otp.component.html

@@ -19,7 +19,7 @@
     </div>
 </section>
 
-<section class='upfold-footer'>
+<section class='upfold-img'>
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 414 70.299">
         <g id="Group_3747" data-name="Group 3747" transform="translate(-8280 2782.299) rotate(180)">
             <path id="Path_4678" data-name="Path 4678" d="M0,1132.7H414v11.989L269.946,1203,0,1144.69Z"

src/app/pages/onboarding/signup/signup.component.html

@@ -17,7 +17,7 @@
     </div>
 </section>
 
-<section class='upfold-footer'>
+<section class='upfold-img'>
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 414 70.299">
         <g id="Group_3747" data-name="Group 3747" transform="translate(-8280 2782.299) rotate(180)">
             <path id="Path_4678" data-name="Path 4678" d="M0,1132.7H414v11.989L269.946,1203,0,1144.69Z"

src/app/pages/onboarding/signup/signup.component.scss

@@ -15,6 +15,7 @@
         background-repeat: no-repeat;
         background-position-x: 15px;
         background-position-y: 4px;
+        background-size: 10px;
     }
 
     input[type="email"]::-webkit-input-placeholder {

src/app/pages/onboarding/welcome/welcome.component.scss

@@ -5,7 +5,7 @@ html {
     background-color: $background-color;
 }
 .connectus-svg {
-    padding: 15px;
+    padding: 0 15px;
     background-color: $background-color;
     background-image: url("../../../../assets/Sprinklers2.svg");
 
@@ -16,8 +16,13 @@ html {
 }
 
 .user-fields {
-    padding: 10px 20px;
-    bottom: 0px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    padding: 10px;
+    bottom: 0;
     position: absolute;
     background-color: $background-color;
     background-image: url("../../../../assets/Sprinklers3.svg");

src/assets/Step → svg

@@ -0,0 +1,145 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="173.295" height="176" viewBox="0 0 173.295 176">
+  <defs>
+    <linearGradient id="linear-gradient" x1="1.13" y1="1.295" x2="0.236" y2="0.19" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#dae3fe"/>
+      <stop offset="1" stop-color="#e9effd"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="2.614" y1="-0.898" x2="-0.601" y2="1.145" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#e1473d"/>
+      <stop offset="1" stop-color="#e9605a"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="9.274" y1="-6.528" x2="-1.605" y2="2.168" xlink:href="#linear-gradient-2"/>
+    <linearGradient id="linear-gradient-4" x1="-0.312" y1="1.061" x2="2.479" y2="-1.142" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#ff928e"/>
+      <stop offset="1" stop-color="#fe7062"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-5" x1="1.526" y1="-0.633" x2="-0.483" y2="1.586" xlink:href="#linear-gradient-4"/>
+    <linearGradient id="linear-gradient-6" x1="0" y1="0.5" x2="1" y2="0.5" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-11" x1="30.575" y1="-0.484" x2="27.74" y2="6.012" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#09005d"/>
+      <stop offset="1" stop-color="#1a0f91"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-12" x1="117.679" y1="0.5" x2="118.679" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#febbba"/>
+      <stop offset="1" stop-color="#ff928e"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-13" x1="37.68" y1="0.031" x2="34.783" y2="0.887" xlink:href="#linear-gradient-11"/>
+    <linearGradient id="linear-gradient-14" x1="76.431" y1="-2.223" x2="69.414" y2="5.384" xlink:href="#linear-gradient-11"/>
+    <linearGradient id="linear-gradient-15" x1="136.292" y1="0.5" x2="137.292" y2="0.5" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-16" x1="26.639" y1="-0.035" x2="24.598" y2="0.806" xlink:href="#linear-gradient-11"/>
+    <linearGradient id="linear-gradient-17" x1="0.407" y1="0.325" x2="1.972" y2="-2.026" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#4f52ff"/>
+      <stop offset="1" stop-color="#4042e2"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-18" x1="-15.589" y1="-0.492" x2="-15.244" y2="0.348" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-19" x1="-49.983" y1="0.04" x2="-48.954" y2="1.767" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-20" x1="-119.468" y1="1.716" x2="-121.344" y2="-0.451" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-21" x1="0.843" y1="0.152" x2="4.773" y2="-5.86" xlink:href="#linear-gradient-17"/>
+    <linearGradient id="linear-gradient-22" x1="18.202" y1="0.5" x2="19.202" y2="0.5" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-23" x1="58.424" y1="0.5" x2="59.424" y2="0.5" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-24" x1="46.037" y1="0.5" x2="47.037" y2="0.5" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-25" x1="-4.609" y1="12.076" x2="-4.931" y2="11.011" xlink:href="#linear-gradient-12"/>
+    <linearGradient id="linear-gradient-26" x1="-3.408" y1="8.144" x2="-3.203" y2="9.323" xlink:href="#linear-gradient-11"/>
+    <linearGradient id="linear-gradient-27" x1="-16.246" y1="56.083" x2="-17.189" y2="51.436" xlink:href="#linear-gradient-12"/>
+  </defs>
+  <g id="Group_3374" data-name="Group 3374" transform="translate(-470.484 -455)">
+    <path id="Path_3479" data-name="Path 3479" d="M623.692,634.75a62.658,62.658,0,0,1-9.586,8.071c-31.27,22.437-68.271,15.9-76.135,14.3-11.612-2.359-34.059-6.917-50.287-26-24.552-28.873-20.729-74.361-1.685-104.388,3.483-5.492,21.884-35.977,59.284-40.866,22.634-2.959,49.017,3.009,68.124,19.016C653.513,538.481,650.658,606.361,623.692,634.75Z" transform="translate(0 -28.24)" fill="url(#linear-gradient)"/>
+    <g id="Group_3353" data-name="Group 3353" transform="translate(578.804 523.039)">
+      <path id="Path_3480" data-name="Path 3480" d="M2203.911,1639.527a1.121,1.121,0,0,1-.752-.444c-2.639-3.557-21.831-31.393,3.71-56.838,24.247-24.155,35.237-29.115,36.7-43.306a1.665,1.665,0,0,1,3.148-.561c5.51,11.166,14.093,37.223-14.313,54.326-31.335,18.866-28.767,39.547-27.252,45.424a1.125,1.125,0,0,1-1.241,1.4Z" transform="translate(-2193.762 -1537.45)" fill="#91b3fa"/>
+      <path id="Path_3481" data-name="Path 3481" d="M2388.46,2698.156a1.621,1.621,0,0,1-1.388-1.358c-.748-4.841-2.585-22.928,10.74-27.724,14.669-5.28,26.512,8.381,37.295-2.312a.818.818,0,0,1,1.386.715c-.96,5.585-5.235,18.523-24.254,21.126-20.357,2.786-22.648,5.122-22.237,8.019a1.365,1.365,0,0,1-1.542,1.533Z" transform="translate(-2374.426 -2595.55)" fill="#91b3fa"/>
+      <path id="Path_3482" data-name="Path 3482" d="M2292.044,1784.7a20.88,20.88,0,0,1-.974,3.022,30.63,30.63,0,0,1-1.32,2.87,37.634,37.634,0,0,1-3.384,5.341,44.275,44.275,0,0,1-9.028,8.847,57.75,57.75,0,0,1-5.3,3.434,48.107,48.107,0,0,0-5.028,3.368,52.968,52.968,0,0,0-8.707,8.411,45.157,45.157,0,0,0-9.969,21.786,42.385,42.385,0,0,0-.068,12.127,50.161,50.161,0,0,0,3.213,11.8.4.4,0,0,1-.727.318,47.5,47.5,0,0,1-3.835-11.908,41.315,41.315,0,0,1-.357-12.585,43.223,43.223,0,0,1,3.4-12.172,49.073,49.073,0,0,1,6.6-10.782,52.907,52.907,0,0,1,9.04-8.837,50.418,50.418,0,0,1,5.257-3.549,57.968,57.968,0,0,0,5.136-3.26,48.723,48.723,0,0,0,8.935-8.149,42.6,42.6,0,0,0,3.614-4.883,32.129,32.129,0,0,0,2.8-5.391l.01-.024a.362.362,0,0,1,.69.214Z" transform="translate(-2242.948 -1768.74)" fill="#fff" opacity="0.47"/>
+      <path id="Path_3483" data-name="Path 3483" d="M2403.313,2748.655a1.292,1.292,0,0,0,.037-.505l-.016-.5-.012-1q0-1,.045-1.993c.059-1.328.172-2.655.35-3.975a29.778,29.778,0,0,1,2.023-7.738,14.123,14.123,0,0,1,4.957-6.342,10.931,10.931,0,0,1,3.8-1.562,13.909,13.909,0,0,1,4.08-.207c5.3.615,10.493,1.63,15.7,2.456a27.72,27.72,0,0,0,7.772.384,11.536,11.536,0,0,0,1.862-.426,9.8,9.8,0,0,0,1.739-.776,12.268,12.268,0,0,0,2.951-2.456l0,0a.323.323,0,0,1,.483.429,12.955,12.955,0,0,1-3.067,2.661,10.585,10.585,0,0,1-1.859.878,12.347,12.347,0,0,1-1.99.5,28.424,28.424,0,0,1-8.025-.3c-2.631-.375-5.229-.862-7.837-1.284s-5.229-.832-7.817-1.135a13,13,0,0,0-3.816.158,10.047,10.047,0,0,0-3.508,1.406,13.353,13.353,0,0,0-4.772,5.91,29.134,29.134,0,0,0-2.114,7.53c-.2,1.3-.335,2.607-.418,3.919q-.061.985-.08,1.972l-.006.986.006.493a1.072,1.072,0,0,0,.077.486.3.3,0,1,1-.549.038Z" transform="translate(-2390.123 -2649.331)" fill="#fff" opacity="0.47"/>
+    </g>
+    <g id="Group_3356" data-name="Group 3356" transform="translate(507.19 455)">
+      <g id="Group_3354" data-name="Group 3354" transform="translate(7.586 1.996)">
+        <path id="Path_3484" data-name="Path 3484" d="M1224.671,486.763a59.679,59.679,0,0,0-23.162,4.159c-16.586,6.882-30.661,25.091-25.153,43.69,1.789,6.042.849,12.708,6.869,15.333,3.257,1.421,12.126,2.266,15.5,1.147,8.963-2.976,14.854-11.12,9.979-20.151-1.561-2.892-3.581-5.534-4.929-8.532s-1.962-6.555-.588-9.541c2.7-5.861,11.659-7.724,17.471-7.548a20.336,20.336,0,0,1,16.766,9.42c4.6,7.253,5.766,16.076,5.092,24.5-.72,9.009-4.519,15.889-10.212,22.8-4.9,5.95-10.3,11.662-13.557,18.649-2.99,6.414-3.968,13.522-4.1,20.539-.026,1.36-6.791,14.178-6.761,18.094,0,.553,7.672,2.386,8.225,2.392l14.073.157a1.122,1.122,0,0,0,1.136-1.107c.214-19.052,6.074-37.215,20.909-50.01,5.4-4.656,11.211-8.447,15.408-14.324,5.982-8.376,8.933-16.619,8.082-26.956-.778-9.441-3.887-18.887-10.04-26.212-6.614-7.873-16.295-12.789-26.356-14.911A74.24,74.24,0,0,0,1224.671,486.763Z" transform="translate(-1175.141 -486.76)" fill="url(#linear-gradient-2)"/>
+        <path id="Path_3485" data-name="Path 3485" d="M1753.676,2749.037c0,8.761-4.856,16.512-13.617,16.512-1.892,0-8.329.017-10.012-.591-6.107-2.206-6.129-6.9-6.129-13.767,0-8.761,2.958-17.377,11.719-17.377S1753.676,2740.276,1753.676,2749.037Z" transform="translate(-1689.423 -2592.572)" fill="url(#linear-gradient-3)"/>
+      </g>
+      <g id="Group_3355" data-name="Group 3355" transform="translate(0 0)">
+        <path id="Path_3486" data-name="Path 3486" d="M1103.98,455a59.679,59.679,0,0,0-23.162,4.159c-16.586,6.882-30.661,25.091-25.153,43.69,1.789,6.042,5.927,13.648,11.946,16.273a14.72,14.72,0,0,0,10.42.207c8.963-2.976,14.854-11.12,9.979-20.151-1.561-2.892-3.581-5.534-4.929-8.532s-1.962-6.555-.588-9.541c2.7-5.86,11.659-7.724,17.471-7.548a20.336,20.336,0,0,1,16.766,9.42c4.6,7.254,5.766,16.076,5.092,24.5-.72,9.009-4.519,15.889-10.212,22.8-4.9,5.95-10.3,11.662-13.557,18.649-2.991,6.414-3.968,13.522-4.1,20.539-.026,1.36.432,15.564.461,19.48a1.013,1.013,0,0,0,1,1.006l14.073.157a1.122,1.122,0,0,0,1.136-1.107c.214-19.052,6.074-37.215,20.909-50.01,5.4-4.656,11.211-8.447,15.408-14.324,5.982-8.376,8.933-16.619,8.082-26.956-.778-9.441-3.887-18.887-10.04-26.212-6.614-7.873-16.295-12.789-26.356-14.911A74.234,74.234,0,0,0,1103.98,455Z" transform="translate(-1054.451 -455)" fill="url(#linear-gradient-4)"/>
+        <circle id="Ellipse_120" data-name="Ellipse 120" cx="15.863" cy="15.863" r="15.863" transform="translate(34.495 142.758)" fill="url(#linear-gradient-5)"/>
+      </g>
+      <path id="Path_3487" data-name="Path 3487" d="M1145.1,573.321a.2.2,0,0,1-.2-.16c-1.112-5.019-1.275-12.88,4.261-21.821a38.63,38.63,0,0,1,22.525-17.357c10.2-2.982,22.315-2.343,36,1.9a.2.2,0,0,1-.12.389c-26.3-8.148-46.915-2.72-58.061,15.285-5.463,8.825-5.3,16.573-4.209,21.519a.2.2,0,0,1-.155.243A.2.2,0,0,1,1145.1,573.321Z" transform="translate(-1138.632 -527.291)" fill="#fff" opacity="0.63"/>
+      <path id="Path_3488" data-name="Path 3488" d="M1174.127,1244.406a.2.2,0,0,1-.165-.083,20.434,20.434,0,0,1-2.254-4.427.2.2,0,0,1,.38-.146,20.433,20.433,0,0,0,2.2,4.332.2.2,0,0,1-.164.324Z" transform="translate(-1164.325 -1190.301)" fill="#fff" opacity="0.63"/>
+      <path id="Path_3489" data-name="Path 3489" d="M1857.863,2790.015a.2.2,0,0,1-.092-.022,11.425,11.425,0,0,0-5.216-1.242.2.2,0,0,1,0-.407,11.828,11.828,0,0,1,5.4,1.287.2.2,0,0,1-.092.385Z" transform="translate(-1802.198 -2641.676)" fill="#fff" opacity="0.63"/>
+      <path id="Path_3490" data-name="Path 3490" d="M1670.813,2831.016a.2.2,0,0,1-.114-.035,11.956,11.956,0,0,1,1.032-20.447.2.2,0,0,1,.193.359,11.549,11.549,0,0,0-1,19.751.2.2,0,0,1-.114.372Z" transform="translate(-1627.025 -2662.449)" fill="#fff" opacity="0.63"/>
+    </g>
+    <g id="Group_3367" data-name="Group 3367" transform="translate(473.447 472.995)">
+      <g id="Group_3361" data-name="Group 3361" transform="translate(0 6.719)">
+        <g id="Group_3357" data-name="Group 3357" opacity="0.3">
+          <path id="Path_3491" data-name="Path 3491" d="M552.069,853.145a.48.48,0,0,1-.675.071c-.4-.324-.821-.636-1.249-.926a.48.48,0,0,1-.133-.659l.005-.008a.48.48,0,0,1,.667-.128c.451.306.894.634,1.315.975a.48.48,0,0,1,.1.634A.466.466,0,0,1,552.069,853.145Zm-4.108-2.125c-.464-.229-.942-.44-1.422-.629a.48.48,0,1,1,.35-.894c.5.2,1.008.42,1.5.661a.48.48,0,0,1-.425.861Zm-3.831-1.384c-.5-.12-1.015-.219-1.526-.3a.48.48,0,1,1,.142-.95c.538.08,1.078.185,1.607.311a.48.48,0,1,1-.223.934Zm-4.045-.492c-.517,0-1.04.013-1.554.053a.48.48,0,0,1-.074-.957c.542-.042,1.092-.061,1.636-.056a.48.48,0,0,1-.008.96Zm-4.053.421c-.5.11-1.01.243-1.5.4a.48.48,0,1,1-.284-.917c.52-.161,1.053-.3,1.583-.417a.48.48,0,1,1,.2.938Zm-3.859,1.307c-.468.219-.931.461-1.379.719a.48.48,0,0,1-.48-.832c.471-.272.959-.526,1.451-.757a.48.48,0,1,1,.407.869Zm-10.819,14.167a.48.48,0,0,1-.4-.546c.081-.537.187-1.078.314-1.607a.48.48,0,0,1,.933.224c-.121.5-.221,1.016-.3,1.526a.479.479,0,0,1-.546.4ZM528.7,853c-.407.317-.8.656-1.183,1.007a.48.48,0,1,1-.653-.7c.4-.37.817-.727,1.246-1.061a.48.48,0,1,1,.59.757Zm-6.366,7.972a.48.48,0,0,1-.271-.623c.2-.505.423-1.008.665-1.5a.48.48,0,0,1,.86.427c-.23.463-.442.942-.632,1.422a.486.486,0,0,1-.044.086A.48.48,0,0,1,522.335,860.972Zm3.458-5.121c-.325.4-.638.82-.928,1.247a.48.48,0,0,1-.8-.531l.006-.008c.306-.45.635-.892.977-1.313a.48.48,0,0,1,.775.564C525.814,855.823,525.8,855.837,525.793,855.851Z" transform="translate(-520.736 -848.183)" fill="#91b3fa"/>
+          <path id="Path_3492" data-name="Path 3492" d="M518.522,1144a.476.476,0,0,0,.077-.276c-.008-.247-.01-.5-.008-.748a.48.48,0,1,0-.96-.009c0,.262,0,.526.009.787a.48.48,0,0,0,.883.246Z" transform="translate(-517.63 -1123.99)" fill="#91b3fa"/>
+        </g>
+        <g id="Group_3358" data-name="Group 3358" transform="translate(5.585 17.261)" opacity="0.3">
+          <path id="Path_3493" data-name="Path 3493" d="M607.928,1358.981a.48.48,0,0,0-.081-.617c-.184-.166-.367-.339-.544-.513a.48.48,0,1,0-.673.685c.187.184.38.365.573.54a.48.48,0,0,0,.678-.034A.47.47,0,0,0,607.928,1358.981Z" transform="translate(-606.487 -1342.947)" fill="#91b3fa"/>
+          <path id="Path_3494" data-name="Path 3494" d="M673.8,1185.571a.48.48,0,0,1-.778-.562c.3-.409.578-.837.843-1.277a.48.48,0,0,1,.822.5q-.172.286-.353.564C674.16,1185.056,673.98,1185.318,673.8,1185.571Zm1.452-3.419a.48.48,0,0,1-.251-.631c.2-.467.385-.948.547-1.429a.48.48,0,1,1,.91.3c-.17.507-.363,1.013-.575,1.5a.473.473,0,0,1-.039.072A.48.48,0,0,1,675.25,1182.152Zm-3.125,5.431c-.369.386-.759.762-1.161,1.117a.48.48,0,1,1-.636-.719c.381-.337.752-.694,1.1-1.06a.48.48,0,1,1,.694.663Zm4.429-9.336a.48.48,0,0,1-.383-.56c.094-.5.167-1.009.219-1.514a.48.48,0,0,1,.955.1c-.054.532-.131,1.068-.23,1.594a.479.479,0,0,1-.56.383Zm-7.663,12.045c-.445.3-.908.576-1.377.834a.48.48,0,1,1-.462-.841c.446-.245.886-.511,1.308-.792a.48.48,0,1,1,.531.8Zm-3.749,1.934c-.5.192-1.013.364-1.526.513a.48.48,0,1,1-.268-.922c.487-.142.975-.306,1.45-.488a.48.48,0,1,1,.344.9Zm-4.082,1.071c-.53.078-1.069.135-1.6.169a.48.48,0,1,1-.061-.958c.506-.032,1.018-.086,1.522-.16a.48.48,0,1,1,.141.95Zm-4.218.155c-.534-.039-1.073-.1-1.6-.186a.48.48,0,1,1,.151-.948c.5.08,1.012.14,1.52.177a.48.48,0,0,1-.071.957Zm-4.152-.776c-.511-.156-1.022-.335-1.519-.534a.48.48,0,0,1,.356-.892c.472.189.958.359,1.443.507a.48.48,0,1,1-.28.918Zm-3.876-1.667c-.342-.194-.683-.4-1.013-.615q-.179-.116-.354-.236a.475.475,0,0,1-.126-.667.48.48,0,0,1,.667-.127q.167.114.337.224c.313.2.637.4.963.585a.48.48,0,0,1,.181.654l-.015.026A.48.48,0,0,1,648.814,1191.01Z" transform="translate(-644.673 -1172.412)" fill="#91b3fa"/>
+          <path id="Path_3495" data-name="Path 3495" d="M1112.551,1124.3a.48.48,0,0,0,.077-.279c-.01-.26-.025-.524-.045-.786a.48.48,0,0,0-.957.074c.019.249.034.5.043.746a.48.48,0,0,0,.882.244Z" transform="translate(-1079.873 -1122.795)" fill="#91b3fa"/>
+        </g>
+        <g id="Group_3360" data-name="Group 3360" transform="translate(4.84 4.901)">
+          <path id="Path_3496" data-name="Path 3496" d="M622.035,934.408a.224.224,0,0,0-.209-.156l-2.73-.06a11.9,11.9,0,0,0-2.49-2.942l.39-2.7a.224.224,0,0,0-.119-.232l-2.912-1.5a.224.224,0,0,0-.258.037l-1.972,1.887a11.9,11.9,0,0,0-3.841-.317l-1.635-2.187a.224.224,0,0,0-.248-.079l-3.119,1a.224.224,0,0,0-.156.209l-.06,2.73a11.893,11.893,0,0,0-2.942,2.49l-2.7-.39a.224.224,0,0,0-.232.119l-1.5,2.912a.224.224,0,0,0,.037.258l1.887,1.972a11.89,11.89,0,0,0-.317,3.841l-2.187,1.635a.224.224,0,0,0-.079.248l1,3.119a.224.224,0,0,0,.209.156l2.73.06a11.893,11.893,0,0,0,2.49,2.942l-.39,2.7a.224.224,0,0,0,.119.231l2.912,1.5a.224.224,0,0,0,.258-.037l1.972-1.887a11.893,11.893,0,0,0,3.841.317l1.635,2.187a.224.224,0,0,0,.248.079l3.119-1a.224.224,0,0,0,.156-.209l.06-2.73a11.9,11.9,0,0,0,2.942-2.49l2.7.39a.224.224,0,0,0,.231-.119l1.5-2.912a.224.224,0,0,0-.037-.258l-1.887-1.972a11.9,11.9,0,0,0,.317-3.841l2.187-1.635a.225.225,0,0,0,.079-.248Z" transform="translate(-594.633 -926.15)" fill="#91b3fa"/>
+          <g id="Group_3359" data-name="Group 3359" transform="translate(10.913 10.915)">
+            <path id="Path_3497" data-name="Path 3497" d="M774.018,1105.269a3.29,3.29,0,1,1,.292-.385A3.3,3.3,0,0,1,774.018,1105.269Zm-4.989-2.019a2.524,2.524,0,1,0,.626-1.828,2.559,2.559,0,0,0-.226.3A2.506,2.506,0,0,0,769.029,1103.25Z" transform="translate(-768.256 -1099.801)" fill="#bdd0fb"/>
+          </g>
+          <path id="Path_3498" data-name="Path 3498" d="M705.582,1036.148a8.252,8.252,0,0,0,.418-.719h0q.06-.117.117-.237a8.15,8.15,0,0,0,.461-1.212l0-.017.014-.048c.009-.031.017-.062.026-.094a.192.192,0,1,0-.371-.1,7.721,7.721,0,0,1-6.752,5.68,7.664,7.664,0,0,1-4.227-.821,7.806,7.806,0,0,1-.686-.4,7.712,7.712,0,1,1,10.765-10.531.189.189,0,0,0,.058.06.192.192,0,0,0,.268-.262,8.1,8.1,0,1,0-11.3,11.056,8.277,8.277,0,0,0,.721.418,8.1,8.1,0,0,0,10.485-2.774Z" transform="translate(-684.663 -1017.502)" fill="#bdd0fb"/>
+        </g>
+      </g>
+      <g id="Group_3366" data-name="Group 3366" transform="translate(29.333 0)">
+        <g id="Group_3362" data-name="Group 3362" opacity="0.3">
+          <path id="Path_3499" data-name="Path 3499" d="M1311.771,802.627a.3.3,0,0,0-.024-.354c-.164-.191-.336-.38-.511-.561a.3.3,0,1,0-.426.412c.167.172.331.352.487.535a.3.3,0,0,0,.418.032A.3.3,0,0,0,1311.771,802.627Z" transform="translate(-1290.208 -797.829)" fill="#91b3fa"/>
+          <path id="Path_3500" data-name="Path 3500" d="M1004.2,744.527a.3.3,0,0,1-.417.045,12.293,12.293,0,0,0-1.007-.73q-.11-.071-.222-.141a.3.3,0,0,1-.1-.408.307.307,0,0,1,.409-.1q.117.073.232.147a12.911,12.911,0,0,1,1.056.765.3.3,0,0,1,.063.392Zm-2.971-1.54a12.3,12.3,0,0,0-1.4-.547.3.3,0,1,1,.181-.565,12.855,12.855,0,0,1,1.47.574.3.3,0,0,1,.145.394.31.31,0,0,1-.021.037A.3.3,0,0,1,1001.227,742.987Zm-2.862-.917a12.151,12.151,0,0,0-1.494-.186.3.3,0,0,1,.037-.592,12.771,12.771,0,0,1,1.567.195.3.3,0,0,1,.237.346.3.3,0,0,1-.043.107A.3.3,0,0,1,998.365,742.07Zm-3-.186a12.228,12.228,0,0,0-1.494.186.3.3,0,0,1-.109-.583,12.848,12.848,0,0,1,1.567-.194.3.3,0,1,1,.037.592Zm-2.954.553a12.357,12.357,0,0,0-1.4.543.3.3,0,1,1-.247-.539,12.954,12.954,0,0,1,1.472-.569.3.3,0,0,1,.18.565Zm-2.731,1.253a12.142,12.142,0,0,0-1.228.868.3.3,0,0,1-.372-.462,12.762,12.762,0,0,1,1.288-.911.3.3,0,0,1,.312.5Zm-2.34,1.882a12.176,12.176,0,0,0-.978,1.144.3.3,0,0,1-.474-.357,12.854,12.854,0,0,1,1.026-1.2.3.3,0,0,1,.462.368A.293.293,0,0,1,987.339,745.572Zm-2.868,3.906a.3.3,0,0,1-.157-.389,12.911,12.911,0,0,1,.6-1.232c.033-.061.068-.121.1-.181a.3.3,0,0,1,.513.3c-.033.056-.065.113-.1.171a12.31,12.31,0,0,0-.575,1.177.287.287,0,0,1-.025.046A.3.3,0,0,1,984.471,749.477Z" transform="translate(-984.29 -741.292)" fill="#91b3fa"/>
+        </g>
+        <g id="Group_3363" data-name="Group 3363" transform="translate(10.134 11.527)" opacity="0.3">
+          <path id="Path_3501" data-name="Path 3501" d="M1157.844,966.89a12.931,12.931,0,0,1-.939,1.236.3.3,0,1,1-.45-.387,12.271,12.271,0,0,0,.9-1.179.3.3,0,0,1,.5.326Zm.385-1.21a.3.3,0,0,1-.13-.4,12.417,12.417,0,0,0,.589-1.359.3.3,0,0,1,.557.2,12.989,12.989,0,0,1-.618,1.424.32.32,0,0,1-.016.028A.3.3,0,0,1,1158.23,965.68Zm-2.407,3.56a12.87,12.87,0,0,1-1.21.973.3.3,0,0,1-.343-.484,12.275,12.275,0,0,0,1.155-.927.3.3,0,0,1,.448.381A.293.293,0,0,1,1155.823,969.239Zm3.509-6.382a.3.3,0,0,1-.222-.355,12.18,12.18,0,0,0,.244-1.461.3.3,0,0,1,.59.062,12.718,12.718,0,0,1-.256,1.532.3.3,0,0,1-.355.222Zm-6.038,8.172a12.892,12.892,0,0,1-1.408.653.3.3,0,1,1-.216-.552,12.207,12.207,0,0,0,1.343-.623.3.3,0,0,1,.282.522Zm-2.885,1.132a12.976,12.976,0,0,1-1.524.3.3.3,0,0,1-.078-.588,12.383,12.383,0,0,0,1.454-.284.3.3,0,0,1,.148.574Zm-3.073.408a12.843,12.843,0,0,1-1.551-.077.3.3,0,0,1,.065-.589,12.14,12.14,0,0,0,1.479.073.3.3,0,0,1,.007.593Z" transform="translate(-1145.521 -958.506)" fill="#91b3fa"/>
+          <path id="Path_3502" data-name="Path 3502" d="M1366.617,925.871a.3.3,0,0,0,.048-.167c0-.254-.017-.508-.036-.757a.3.3,0,1,0-.591.046c.018.237.03.48.035.722a.3.3,0,0,0,.545.156Z" transform="translate(-1352.175 -924.674)" fill="#91b3fa"/>
+        </g>
+        <g id="Group_3365" data-name="Group 3365" transform="translate(2.225 3.231)">
+          <path id="Path_3503" data-name="Path 3503" d="M1038.031,798.22a.15.15,0,0,0-.14-.1l-1.827-.04a7.956,7.956,0,0,0-1.666-1.968l.261-1.807a.15.15,0,0,0-.08-.155l-1.949-1a.15.15,0,0,0-.172.025l-1.319,1.263a7.957,7.957,0,0,0-2.57-.212l-1.094-1.463a.15.15,0,0,0-.166-.053l-2.087.669a.15.15,0,0,0-.1.14l-.04,1.827a7.958,7.958,0,0,0-1.968,1.666l-1.807-.261a.15.15,0,0,0-.155.08l-1,1.949a.15.15,0,0,0,.025.172l1.263,1.319a7.958,7.958,0,0,0-.212,2.57l-1.463,1.094a.15.15,0,0,0-.053.166l.669,2.087a.15.15,0,0,0,.14.1l1.827.04a7.959,7.959,0,0,0,1.666,1.968l-.261,1.807a.15.15,0,0,0,.08.155l1.949,1a.15.15,0,0,0,.172-.025l1.319-1.263a7.959,7.959,0,0,0,2.57.212l1.094,1.463a.15.15,0,0,0,.166.053l2.087-.669a.15.15,0,0,0,.1-.14l.04-1.827a7.963,7.963,0,0,0,1.968-1.666l1.807.261a.15.15,0,0,0,.155-.08l1-1.949a.15.15,0,0,0-.025-.172l-1.263-1.319a7.957,7.957,0,0,0,.212-2.57l1.463-1.094a.15.15,0,0,0,.053-.166Z" transform="translate(-1019.694 -792.694)" fill="#91b3fa"/>
+          <g id="Group_3364" data-name="Group 3364" transform="translate(7.265 7.264)">
+            <path id="Path_3504" data-name="Path 3504" d="M1139.192,911.989a2.234,2.234,0,1,1,.2-.265A2.28,2.28,0,0,1,1139.192,911.989Zm-2.773-.246a1.65,1.65,0,0,0,2.328-.146h0a1.65,1.65,0,0,0-2.475-2.182,1.676,1.676,0,0,0-.146.193A1.652,1.652,0,0,0,1136.419,911.743Z" transform="translate(-1135.268 -908.264)" fill="#bdd0fb"/>
+          </g>
+          <path id="Path_3505" data-name="Path 3505" d="M1091.574,863.828q.153-.236.285-.491a5.624,5.624,0,0,0,.416-1.059l.013-.049a.3.3,0,1,0-.573-.154,5.007,5.007,0,0,1-.384.991h0l-.027.052a4.944,4.944,0,0,1-1.636,1.816,5.021,5.021,0,0,1-1.209.588l-.011,0-.032.01a4.96,4.96,0,0,1-3.808-.315,5.033,5.033,0,0,1-.444-.258,4.993,4.993,0,1,1,6.969-6.818.292.292,0,0,0,.09.092.3.3,0,0,0,.413-.405,5.586,5.586,0,1,0-7.8,7.627,5.721,5.721,0,0,0,.5.288A5.593,5.593,0,0,0,1091.574,863.828Z" transform="translate(-1077.432 -851.265)" fill="#bdd0fb"/>
+        </g>
+      </g>
+    </g>
+    <g id="Group_3368" data-name="Group 3368" transform="translate(575.769 487.168)">
+      <path id="Path_3506" data-name="Path 3506" d="M2154.106,1312.776l-8.622,8.82,10.343-2.763Z" transform="translate(-2145.484 -1291.028)" fill="#91b3fa"/>
+      <path id="Path_3507" data-name="Path 3507" d="M2333.958,992.173l-48.992,2.378a2.2,2.2,0,0,1-2.312-2.2V972.193a4.055,4.055,0,0,1,3.929-4.053l44.155-1.366a5.954,5.954,0,0,1,5.954,5.954V989.3A2.873,2.873,0,0,1,2333.958,992.173Z" transform="translate(-2274.032 -966.774)" fill="#91b3fa"/>
+      <path id="Path_3508" data-name="Path 3508" d="M2297.649,1001.877a3.029,3.029,0,0,1-3.024-3.029V980.682a3.964,3.964,0,0,1,3.908-3.936l42.751-1.291a5.809,5.809,0,0,1,5.874,5.731v15.662a2.848,2.848,0,0,1-2.748,2.818l-46.612,2.208C2297.748,1001.876,2297.7,1001.877,2297.649,1001.877Zm43.638-26.21-42.749,1.291a3.753,3.753,0,0,0-3.7,3.723v18.166a2.816,2.816,0,0,0,2.95,2.814l46.612-2.208a2.636,2.636,0,0,0,2.546-2.606V981.186A5.6,5.6,0,0,0,2341.287,975.667Z" transform="translate(-2285.25 -974.909)" fill="#fff" opacity="0.85"/>
+      <path id="Path_3509" data-name="Path 3509" d="M2440.581,1037.286l-39.175,1.466a.632.632,0,0,0-.675.568l.015.344a.629.629,0,0,0,.71.509l39.176-1.431a.632.632,0,0,0,.675-.568l-.016-.38A.63.63,0,0,0,2440.581,1037.286Z" transform="translate(-2384.687 -1032.853)" fill="url(#linear-gradient-6)"/>
+      <path id="Path_3510" data-name="Path 3510" d="M2384.815,1195.068l-39.175,1.459a.638.638,0,0,0-.674.587l.015.357a.635.635,0,0,0,.711.528l39.177-1.422a.638.638,0,0,0,.675-.588l-.017-.393A.636.636,0,0,0,2384.815,1195.068Z" transform="translate(-2332.427 -1180.718)" fill="url(#linear-gradient-6)"/>
+      <path id="Path_3511" data-name="Path 3511" d="M2389.4,1261.069l-43.672,1.649c-.429.016-.767.284-.754.6l.016.36c.013.309.366.546.791.53l43.673-1.612c.429-.016.768-.283.755-.6l-.017-.4C2390.174,1261.29,2389.821,1261.053,2389.4,1261.069Z" transform="translate(-2332.431 -1242.57)" fill="url(#linear-gradient-6)"/>
+      <path id="Path_3512" data-name="Path 3512" d="M2369.439,1130.318l-21.352.622c-.21.006-.366.294-.349.641l.02.4c.017.344.2.616.405.61l21.354-.581c.21-.006.367-.294.35-.641l-.021-.442C2369.828,1130.584,2369.647,1130.311,2369.439,1130.318Z" transform="translate(-2335.024 -1120.037)" fill="url(#linear-gradient-6)"/>
+      <path id="Path_3513" data-name="Path 3513" d="M2761.49,1118.577l-20.182.579c-.2.006-.345.293-.328.64l.02.4c.017.344.189.617.385.611l20.184-.537c.2-.005.346-.293.329-.64l-.022-.442C2761.859,1118.844,2761.687,1118.571,2761.49,1118.577Z" transform="translate(-2703.548 -1109.035)" fill="url(#linear-gradient-6)"/>
+    </g>
+    <g id="Group_3373" data-name="Group 3373" transform="translate(485.204 514.171)">
+      <path id="Path_3514" data-name="Path 3514" d="M1090.128,3139.451s-.4,2.286-.6,4.549a1.559,1.559,0,0,0,1.492,1.689c3.014.125,9.46.37,11.773.266a.507.507,0,0,0,.446-.7h0a1.134,1.134,0,0,0-.581-.612l-10.648-4.894Z" transform="translate(-1065.33 -3029.885)" fill="url(#linear-gradient-11)"/>
+      <path id="Path_3515" data-name="Path 3515" d="M1093.928,3111.784l.324,2.735s1.865.868,3.139-.109l-.772-3.048Z" transform="translate(-1069.461 -3003.562)" fill="url(#linear-gradient-12)"/>
+      <path id="Path_3516" data-name="Path 3516" d="M971.723,2300.176c-.14.714-.752,35.635,2.981,51.285a.531.531,0,0,1-.312.618,9.256,9.256,0,0,1-3.04.618.915.915,0,0,1-.907-.656c-1.067-3.631-6.18-21.823-6.847-39.2-.745-19.418,0-.661,0-.661l.437-12Z" transform="translate(-947.012 -2243.363)" fill="url(#linear-gradient-13)"/>
+      <path id="Path_3517" data-name="Path 3517" d="M885.167,3158.424a16.449,16.449,0,0,0-1.265,4.221.951.951,0,0,0,.837,1.139c1,.1,2.527.224,3.754.215a.948.948,0,0,0,.939-1.058,8,8,0,0,0-1.867-4.387Z" transform="translate(-872.618 -3047.666)" fill="url(#linear-gradient-14)"/>
+      <path id="Path_3518" data-name="Path 3518" d="M895.337,3100.074l.758,4.135a2.674,2.674,0,0,0,2.232.153l-.362-4.449Z" transform="translate(-883.352 -2992.833)" fill="url(#linear-gradient-15)"/>
+      <path id="Path_3519" data-name="Path 3519" d="M845.234,2288.431c-3.053,18.425.662,45.539,1.915,50.845a.828.828,0,0,0,.668.628,5.556,5.556,0,0,0,2.388-.1.759.759,0,0,0,.545-.7c.168-4.29-.134-30.629,2.71-41.038a2.364,2.364,0,0,1,.912-1.3l5.521-3.925.423-6.345Z" transform="translate(-835.297 -2230.547)" fill="url(#linear-gradient-16)"/>
+      <g id="Group_3369" data-name="Group 3369" transform="translate(8.797 8.803)">
+        <path id="Path_3520" data-name="Path 3520" d="M865.213,1739.538a86.008,86.008,0,0,0-19.244,2.4c-2.727,15.913-.477,34.267-.477,34.267,7.083,1.857,15.073-1.136,15.073-1.136,1.177-6.651,6.67-25.37,6.67-25.37a30.138,30.138,0,0,0,11.185-3.55,19.617,19.617,0,0,1-3.877-8.11A30.7,30.7,0,0,1,865.213,1739.538Z" transform="translate(-844.619 -1725.368)" fill="url(#linear-gradient-17)"/>
+        <path id="Path_3521" data-name="Path 3521" d="M1338.37,1537.105a1.75,1.75,0,0,0-2.036-.572c-1.346,5.687-8.406,10.3-15.659,12.552a19.615,19.615,0,0,0,3.877,8.11C1336.589,1550.428,1338.37,1537.105,1338.37,1537.105Z" transform="translate(-1290.752 -1536.412)" fill="url(#linear-gradient-18)"/>
+      </g>
+      <g id="Group_3370" data-name="Group 3370" transform="translate(54.379 0)">
+        <path id="Path_3522" data-name="Path 3522" d="M1571.609,1406.135c.094.3-.995.754-1.636-.469-.022-.586-.379-3.1-.029-3.574a46.765,46.765,0,0,1,5.481-5.73.86.86,0,0,1,.108,1.2l-1.754,1.827a8.488,8.488,0,0,1,1.024,2.025,2.458,2.458,0,0,1-.245,1.809c-.308.555-.728,1.276-1.125,1.84A2.427,2.427,0,0,1,1571.609,1406.135Z" transform="translate(-1569.791 -1396.363)" fill="url(#linear-gradient-19)"/>
+        <path id="Path_3523" data-name="Path 3523" d="M1589.71,1463.313l-1.6,1.355-.5,1.349,1.425,1.581a18.379,18.379,0,0,1,.835-3.256C1590.227,1463.763,1590.042,1463.482,1589.71,1463.313Z" transform="translate(-1586.49 -1459.105)" fill="url(#linear-gradient-20)"/>
+      </g>
+      <path id="Path_3524" data-name="Path 3524" d="M721.232,1808.914l-3.509-8.859s-8.546,5.807-9.951,13.168a20.224,20.224,0,0,1,7.429,1.991C715.833,1811.738,721.232,1808.914,721.232,1808.914Z" transform="translate(-707.577 -1774.68)" fill="url(#linear-gradient-21)"/>
+      <path id="Path_3525" data-name="Path 3525" d="M725.8,2013.58s-9.595,5.422-12.832.792a3.639,3.639,0,0,1-.667-2.828,20.222,20.222,0,0,0-7.429-1.991,10.161,10.161,0,0,0,1.1,6.966c5.671,10.374,21.094-.573,21.094-.573Z" transform="translate(-704.672 -1971.01)" fill="url(#linear-gradient-22)"/>
+      <g id="Group_3371" data-name="Group 3371" transform="translate(19.949 27.847)">
+        <path id="Path_3526" data-name="Path 3526" d="M1022.072,1887.456l5.236-18.287a.533.533,0,0,1,.451-.384c.949-.111,3.7-.421,6.872-.69a78.033,78.033,0,0,1,10.917-.363.535.535,0,0,1,.437.77c-1.509,3.052-7.715,15.469-10.823,19.537a.537.537,0,0,1-.432.212l-12.15-.113A.535.535,0,0,1,1022.072,1887.456Z" transform="translate(-1022.051 -1865.873)" fill="#91b3fa"/>
+        <path id="Path_3527" data-name="Path 3527" d="M1223.971,1840.025l3.8-.633a.272.272,0,0,1,.3.354l-.376,1.139a.273.273,0,0,1-.223.185l-3.653.488a.273.273,0,0,1-.3-.332l.233-.994A.272.272,0,0,1,1223.971,1840.025Z" transform="translate(-1210.847 -1839.389)" fill="#bdd0fb"/>
+        <path id="Path_3528" data-name="Path 3528" d="M1185.508,1860.2l.313-1.629a.376.376,0,0,1,.332-.3l7.668-.778a.377.377,0,0,1,.4.463l-.488,2.03a.376.376,0,0,1-.347.288l-7.493.377A.377.377,0,0,1,1185.508,1860.2Z" transform="translate(-1175.227 -1856.351)" fill="#bdd0fb"/>
+        <path id="Path_3529" data-name="Path 3529" d="M1034.981,2019.5s-.729-3-.435-4.064.864-2.432,2.765-2.128a27.8,27.8,0,0,1,4.142,1.1,1.088,1.088,0,0,1-1.557.939l.9.693s-.128,1.11-1.348.517l.833.919a.971.971,0,0,1-1.421.327C1037.957,2017.227,1037.526,2019.865,1034.981,2019.5Z" transform="translate(-1033.695 -2002.339)" fill="url(#linear-gradient-23)"/>
+      </g>
+      <path id="Path_3530" data-name="Path 3530" d="M981.154,1643.669l-2.911,8.419a.3.3,0,0,0,.138.365,6.843,6.843,0,0,0,7.1-.478,1.428,1.428,0,0,0,.658-1.02l.943-7.286Z" transform="translate(-961.031 -1628.124)" fill="url(#linear-gradient-24)"/>
+      <g id="Group_3372" data-name="Group 3372" transform="translate(14.598 3.374)">
+        <path id="Path_3531" data-name="Path 3531" d="M1014.332,1519.642s3.2,6.017,2.787,8.448-4.372,2.256-7.831.282l-2.418-6.5Z" transform="translate(-1002.473 -1515.267)" fill="url(#linear-gradient-25)"/>
+        <path id="Path_3532" data-name="Path 3532" d="M943.878,1459.95a.248.248,0,0,0,.108-.363,6.472,6.472,0,0,1-.889-1.888s-.575-.368,1.463-.856,5.075-1.245,5.714-2.979c.623-1.691-1.013-5.943-3.623-2.555a.248.248,0,0,1-.393,0,2.557,2.557,0,0,0-3.114-1.012,2.345,2.345,0,0,0-1.606,2.266.247.247,0,0,1-.292.252,2.86,2.86,0,0,0-3.34,1.557c-.682,1.5-.239,2.346.165,2.761a.247.247,0,0,1-.106.411,1.488,1.488,0,0,0-1.05,1.7c.087,1.573,1.845,1.434,2.346,1.363a.249.249,0,0,1,.22.078c.429.475,2.363,2.492,4.457,2.735a.25.25,0,0,0,.262-.331l-.906-2.634a.249.249,0,0,1,.135-.309Z" transform="translate(-936.911 -1450.036)" fill="url(#linear-gradient-26)"/>
+        <path id="Path_3533" data-name="Path 3533" d="M1017.011,1602.186s-2.276-1.562-2.442-.247,2.05,1.9,3.147,1.415Z" transform="translate(-1009.679 -1591.897)" fill="url(#linear-gradient-27)"/>
+      </g>
+    </g>
+  </g>
+</svg>

src/assets/check-circle-fill.svg

@@ -0,0 +1,3 @@
+<svg id="check-circle-fill" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path id="Path_4392" data-name="Path 4392" d="M18,9A9,9,0,1,1,9,0a9,9,0,0,1,9,9ZM13.534,5.592a.844.844,0,0,0-1.215.024L8.412,10.594,6.057,8.239A.844.844,0,0,0,4.865,9.431l2.977,2.977a.844.844,0,0,0,1.214-.023l4.491-5.614a.844.844,0,0,0-.011-1.181Z" fill="#209787" fill-rule="evenodd"/>
+</svg>

src/assets/question-circle-fill.svg

@@ -0,0 +1,3 @@
+<svg id="question-circle-fill" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path id="Path_4391" data-name="Path 4391" d="M18,9A9,9,0,1,1,9,0a9,9,0,0,1,9,9ZM7.392,6.787H5.906c-.034-2.122,1.608-2.85,3.1-2.85,1.572,0,3.007.821,3.007,2.52a2.745,2.745,0,0,1-1.4,2.314c-.829.629-1.136.864-1.136,1.672v.4H8.007L8,10.322A2.563,2.563,0,0,1,9.313,8.086c.664-.5,1.085-.828,1.085-1.542A1.307,1.307,0,0,0,8.919,5.23,1.435,1.435,0,0,0,7.392,6.787ZM8.8,14.035a1.053,1.053,0,1,1,0-2.1,1.055,1.055,0,1,1,0,2.1Z" transform="translate(0 0)" fill="#eb3e19" fill-rule="evenodd"/>
+</svg>

src/assets/time.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <path id="time" d="M12.375,3.375a9,9,0,1,0,9,9A9,9,0,0,0,12.375,3.375ZM16.529,13.76H12.375a.692.692,0,0,1-.692-.692V6.837a.692.692,0,0,1,1.385,0v5.538h3.462a.692.692,0,1,1,0,1.385Z" transform="translate(-3.375 -3.375)" fill="#fc9524"/>
+</svg>

src/styles.scss

@@ -4,6 +4,11 @@
 @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@100;200;300;400&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
 
+
+// :root{ 
+//     font-size: 62.5%;
+// }
+
 * {
     box-sizing: border-box;
     margin: 0;
@@ -23,6 +28,6 @@ h6 {
 span,
 p,
 button,
-label {
+label, li {
     font-family: "Poppins", sans-serif;
 }