first commit

2024-07-29 12:45:59 -04:00
parent 00f486b418
commit 135fd520db
730 changed files with 20176 additions and 93 deletions
@@ -0,0 +1,28 @@
+import React from 'react';
+
+function getConfig() {
+    return [
+
+        {
+            "site_name" : 'WrenchBoard',
+            "dash_url": 'https://dashboard.wrenchboard.com',
+            "dash_url_login": "https://dashboard.wrenchboard.com/login",
+            "dash_url_signup": "https://dashboard.wrenchboard.com/signup",
+            "android_app": 'https://play.google.com/store/apps/details?id=com.wrenchboard.users',
+            "apple_app": 'https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8',
+            "facebook_link": 'https://www.facebook.com/wrenchboard',
+            "twitter_link": 'https://twitter.com/wrenchboard/',
+            "linked_link": "https://www.linkedin.com/company/wrenchboard/",
+            "support_email": 'support@wrenchboard.com',
+            "support_phone": '404 855-7966',
+            "support_phone_ng": '(+420) 336 476 328',
+            "support_us_address": 'Cumberland Pkwy, Atlanta GA 30339',
+            "support_ng_address": 'Saka Tinubu Street, Victoria Island Lagos, Nigeria',
+            "dummy": "2018-06-25T18:54:22.000Z",
+            "user_service_endpoint": process.env.REACT_APP_AUX_ENDPOINT,
+        }
+    ];
+
+}
+
+export default getConfig;
@@ -0,0 +1,18 @@
+"use client"
+import { useState } from 'react';
+
+function useToggle(initValue = false) {
+    const [value, setValue] = useState(initValue);
+    return [
+        value,
+        {
+            set: setValue,
+            toggle: (e) => {
+                e.preventDefault();
+                setValue((flag) => !flag);
+            },
+        },
+    ];
+}
+
+export default useToggle;
@@ -0,0 +1,119 @@
+"use client"
+import React, { useState } from 'react';
+import { Link } from 'react-router-dom';
+import logo from '../assets/images/wrenchboard-logo-text.png';
+import getConfig from  "../../Config/config"; // './../../Config/config'
+
+
+function Drawer({ drawer, action }) {
+    var site = getConfig()[0];
+
+    const [itemSize, setSize] = useState('0px');
+    const [item, setItem] = useState('home');
+    const handler = (e, value) => {
+        e.preventDefault();
+        const getItems = document.querySelectorAll(`#${value} li`).length;
+        if (getItems > 0) {
+            setSize(`${43 * getItems}px`);
+            setItem(value);
+        }
+    };
+    return (
+        <>
+            <div
+                onClick={(e) => action(e)}
+                className={`off_canvars_overlay ${drawer ? 'active' : ''}`}
+            ></div>
+            <div className="offcanvas_menu">
+                <div className="container-fluid">
+                    <div className="row">
+                        <div className="col-12">
+                            <div className={`offcanvas_menu_wrapper ${drawer ? 'active' : ''}`}>
+                                <div className="canvas_close">
+                                    <a href="#" onClick={(e) => action(e)}>
+                                        <i className="fa fa-times"></i>
+                                    </a>
+                                </div>
+                                <div className="offcanvas-brand text-center mb-40">
+                                    <img src={logo} alt="WrechBoard" />
+                                </div>
+                                <div id="menu" className="text-left ">
+                                    <ul className="offcanvas_main_menu">
+                                        <li
+                                            onClick={(e) => handler(e, 'home')}
+                                            id="home"
+                                            className="menu-item-has-children active"
+                                        >
+                                          
+                                            <a href="/">Home</a>
+                                            
+                                        </li>
+                                        <li
+                                            onClick={(e) => handler(e, 'service')}
+                                            id="service"
+                                            className="menu-item-has-children active"
+                                        >
+                                            <Link to="/service">Service</Link>
+                                        </li>
+                                        <li>
+                                                    <Link to="/about-us">About Us</Link>
+                                                </li>
+
+                                        
+                                      
+                                        <li
+                                            onClick={(e) => handler(e, 'contact')}
+                                            id="contact"
+                                            className="menu-item-has-children active"
+                                        >
+                                            <Link to="/contact">Contact</Link>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="offcanvas-social">
+                                    <ul className="text-center">
+                                        <li>
+                                            <a href={process.env.REACT_APP_FACEBOOK_LINK} >
+                                                <i className="fab fa-facebook-f"></i>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href={site.twitter_link}>
+                                                <i className="fab fa-twitter"></i>
+                                            </a>
+                                        </li>
+                                      
+                                    </ul>
+                                </div>
+                                <div className="footer-widget-info">
+                                    <ul>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fal fa-envelope"></i>{' '}
+                                               {process.env.REACT_APP_SUPPORT_EMAIL}
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fal fa-phone"></i> {process.env.REACT_APP_SUPPORT_PHONE}
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fal fa-map-marker-alt"></i> 
+                                                {site.support_us_address}
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+}
+
+export default Drawer;
+
@@ -0,0 +1,371 @@
+@media screen and (max-width:1200px) {
+
+  /* about app section */
+  .about_app_section .about_text .app_statstic li {
+    width: 210px;
+    padding-left: 20px;
+  }
+
+  .about_app_section .about_text .app_statstic li p:first-child {
+    font-size: 30px;
+  }
+
+}
+
+
+@media screen and (max-width:992px) {
+
+  /* about app section */
+  .about_app_section .row {
+    flex-direction: column-reverse;
+  }
+
+  .about_app_section .about_img {
+    justify-content: flex-start;
+    margin-top: 75px;
+    margin-left: 0;
+  }
+
+  .about_app_section .about_img::before {
+    left: 50%;
+  }
+
+  .about_app_section .about_img .screen_img {
+    margin-left: -170px;
+  }
+
+  .about_app_section .about_text .app_statstic {
+    justify-content: flex-start;
+  }
+
+  .about_app_section .about_text .app_statstic li {
+    width: 35%;
+    margin-right: 30px;
+  }
+
+  .about_app_section .about_img::before {
+    left: 35%;
+  }
+}
+
+@media screen and (max-width:767px) {
+
+  /* about app section */
+  .about_app_section .about_text,
+  .about_app_section .about_text .section_title {
+    text-align: center;
+  }
+
+  .about_app_section .about_text .app_statstic {
+    margin-top: 0;
+    justify-content: space-between;
+  }
+
+  .about_app_section .about_text .app_statstic li {
+    width: 48%;
+    margin-right: 0;
+  }
+
+  .about_app_section .about_text .app_statstic li p:first-child {
+    font-size: 18px;
+  }
+
+  .about_app_section .about_img {
+    margin: 0;
+    margin-top: 50px;
+    justify-content: center;
+  }
+
+  .about_app_section .about_img::before {
+    width: 350px;
+    height: 350px;
+  }
+}
+
+.row_am.about_app_section._ {
+  background: #fbf4fe;
+}
+
+@media screen and (max-width:479px) {
+
+  /* about app section */
+  .about_app_section .about_img::before {
+    left: 49%;
+  }
+}
+
+/* about app section */
+/* .about_app_section .row {
+    flex-direction: column-reverse;
+  } */
+
+.about_app_section .about_img {
+  justify-content: flex-start;
+  margin-top: 75px;
+  margin-left: 0;
+}
+
+.about_app_section .about_img::before {
+  left: 50%;
+}
+
+.about_app_section .about_img .screen_img {
+  margin-left: -170px;
+}
+
+.about_app_section .about_text .app_statstic {
+  justify-content: flex-start;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 35%;
+  margin-right: 30px;
+}
+
+.about_app_section .about_img::before {
+  left: 35%;
+}
+
+/* about app section */
+.about_app_section .about_text .app_statstic {
+  margin-top: 0;
+  justify-content: space-between;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 48%;
+  margin-right: 0;
+}
+
+.about_app_section .about_text .app_statstic li p:first-child {
+  font-size: 18px;
+}
+
+.about_app_section .about_img {
+  margin: 0;
+  margin-top: 50px;
+  justify-content: center;
+}
+
+.about_app_section .about_img::before {
+  width: 350px;
+  height: 350px;
+}
+
+
+@media screen and (max-width: 479px) {
+
+  /* about app section */
+  .about_app_section .about_img::before {
+    left: 49%;
+  }
+}
+
+.section_title h2 {
+  font-size: 44px;
+  letter-spacing: 2px;
+  line-height: 54px;
+  text-shadow: 0 4px 10px #0000004d;
+  font-weight: 700;
+  color: #32236F;
+}
+
+.section_title h2 span {
+  color: #1a3544;
+}
+
+/* about us section wraper */
+.about_app_section .about_img {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+/* about us section images*/
+.about_app_section .about_img img {
+  max-width: 100%;
+}
+
+.about_app_section .about_img::before {
+  content: "";
+  position: absolute;
+  left: 38%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 500px;
+  height: 500px;
+  background-color: #fff;
+  border-radius: 100%;
+  z-index: -1;
+}
+
+.about_app_section .about_img .screen_img {
+  margin-left: -135px;
+  margin-top: 110px;
+}
+
+.about_app_section .about_text .section_title {
+  text-align: left;
+}
+
+.about_app_section .about_text .section_title h2 {
+  margin-bottom: 15px;
+}
+
+/* about us section  statastics nomber */
+.about_app_section .about_text .app_statstic {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  margin-top: 40px;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 248px;
+  background-color: #fff;
+  margin-bottom: 30px;
+  display: flex;
+  align-items: center;
+  border-radius: 12px;
+  padding: 15px 10px;
+  padding-left: 35px;
+  box-shadow: 0px 4px 10px #ede9fe;
+}
+
+.about_app_section .about_text .app_statstic li .icon {
+  margin-right: 9px;
+}
+
+.about_app_section .about_text .app_statstic li p {
+  margin-bottom: 0;
+  line-height: 1;
+  color: #32236F;
+}
+
+.about_app_section .about_text .app_statstic li p:first-child {
+  font-size: 40px;
+  font-weight: 600;
+  margin-bottom: 3px;
+}
+
+.about_app_section .about_img .screen_img img {
+  animation-delay: 3s;
+}
+
+.row_am {
+  padding: 50px 0;
+}
+
+.row_am {
+  padding: 30px 0;
+}
+
+.puprple_btn {
+  background-color: #1a3544;
+  color: #fff;
+  border-radius: 50px;
+  padding: 10px 40px;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  font-weight: 500;
+}
+
+.puprple_btn::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0%;
+  height: 100%;
+  background-color: #fff;
+  border-radius: 50px;
+  transition: .6s all;
+  z-index: -1;
+}
+
+.puprple_btn:hover::before {
+  width: 100%;
+}
+
+.puprple_btn:hover {
+  color: #1a3544;
+}
+
+@media screen and (max-width:767px) {
+
+  /* modern ui section */
+  .modern_ui_section .ui_images {
+    margin-top: 10px;
+  }
+
+  .modern_ui_section .section_title {
+    text-align: center;
+  }
+
+  .modern_ui_section .design_block li {
+    padding-left: 0;
+    margin-bottom: 30px;
+  }
+
+  .modern_ui_section .design_block li::before {
+    position: relative;
+    left: auto;
+    top: auto;
+    display: inline-block;
+  }
+
+}
+
+.modern_ui_section .row {
+  align-items: center;
+}
+
+.modern_ui_section .design_block {
+  margin-top: 45px;
+}
+
+/* modern ui text */
+.modern_ui_section .section_title {
+  text-align: left;
+}
+
+.modern_ui_section .ui_text {
+  padding-right: 75px;
+}
+
+/* modern ui list */
+.modern_ui_section .design_block li {
+  padding-left: 40px;
+  position: relative;
+  margin-bottom: 25px;
+}
+
+.modern_ui_section .design_block li::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 5px;
+  /* background-image: url(../../src/assets/images/right_icon.png); */
+  background-image: url(../../assets//images//right_icon.png);
+  width: 22px;
+  height: 22px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+.modern_ui_section .design_block li h4 {
+  font-size: 24px;
+  font-weight: 700;
+  padding-bottom: 7px;
+  text-shadow: 3px 4px 10px #0000004d;
+
+  color: #32236F;
+  margin-bottom: 8px;
+}
+
+.modern_ui_section .design_block li p {
+  margin-bottom: 0;
+}
@@ -0,0 +1,602 @@
+@-webkit-keyframes jump {
+    0% {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+
+    40% {
+        -webkit-transform: translate3d(0, 50%, 0);
+        transform: translate3d(0, 50%, 0);
+    }
+
+    100% {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+@keyframes jump {
+    0% {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+
+    40% {
+        -webkit-transform: translate3d(0, 50%, 0);
+        transform: translate3d(0, 50%, 0);
+    }
+
+    100% {
+        -webkit-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+@-webkit-keyframes rotated {
+    0% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes rotated {
+    0% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes rotatedHalf {
+    0% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
+    }
+
+    50% {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
+    }
+}
+
+@keyframes rotatedHalf {
+    0% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
+    }
+
+    50% {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0);
+    }
+}
+
+@-webkit-keyframes rotatedHalfTwo {
+    0% {
+        -webkit-transform: rotate(-90deg);
+        transform: rotate(-90deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg);
+    }
+}
+
+@keyframes rotatedHalfTwo {
+    0% {
+        -webkit-transform: rotate(-90deg);
+        transform: rotate(-90deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg);
+    }
+}
+
+
+@-webkit-keyframes scale-upOne {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    100% {
+        -webkit-transform: scale(0.2);
+        transform: scale(0.2);
+    }
+}
+
+@keyframes scale-upOne {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    100% {
+        -webkit-transform: scale(0.2);
+        transform: scale(0.2);
+    }
+}
+
+@-webkit-keyframes scale-right {
+    0% {
+        -webkit-transform: translateX(-50%);
+        transform: translateX(-50%);
+    }
+
+    50% {
+        -webkit-transform: translateX(50%);
+        transform: translateX(50%);
+    }
+
+    100% {
+        -webkit-transform: translateX(-50%);
+        transform: translateX(-50%);
+    }
+}
+
+@keyframes scale-right {
+    0% {
+        -webkit-transform: translateX(-50%);
+        transform: translateX(-50%);
+    }
+
+    50% {
+        -webkit-transform: translateX(50%);
+        transform: translateX(50%);
+    }
+
+    100% {
+        -webkit-transform: translateX(-50%);
+        transform: translateX(-50%);
+    }
+}
+
+@-webkit-keyframes fade-in {
+    0% {
+        opacity: 0.7;
+    }
+
+    40% {
+        opacity: 1;
+    }
+
+    100% {
+        opacity: 0.7;
+    }
+}
+
+@keyframes fade-in {
+    0% {
+        opacity: 0.7;
+    }
+
+    40% {
+        opacity: 1;
+    }
+
+    100% {
+        opacity: 0.7;
+    }
+}
+
+
+@keyframes hvr-ripple-out {
+    0% {
+        top: 0px;
+        right: 0px;
+        bottom: 0px;
+        left: 0px;
+        opacity: 1;
+    }
+
+    100% {
+        top: -6px;
+        right: -6px;
+        bottom: -6px;
+        left: -6px;
+        opacity: 0;
+    }
+}
+
+@keyframes hvr-ripple-out-two {
+    0% {
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        opacity: 1;
+    }
+
+    100% {
+        top: -12px;
+        right: -12px;
+        bottom: -12px;
+        left: -12px;
+        opacity: 0;
+    }
+}
+
+@-webkit-keyframes scale-up-one {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    40% {
+        -webkit-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+
+    100% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+}
+
+@keyframes scale-up-one {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    40% {
+        -webkit-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+
+    100% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+}
+
+@-webkit-keyframes scale-up-two {
+    0% {
+        -webkit-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+
+    40% {
+        -webkit-transform: scale(0.8);
+        transform: scale(0.8);
+    }
+
+    100% {
+        -webkit-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+}
+
+@keyframes scale-up-two {
+    0% {
+        -webkit-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+
+    40% {
+        -webkit-transform: scale(0.8);
+        transform: scale(0.8);
+    }
+
+    100% {
+        -webkit-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+}
+
+@-webkit-keyframes scale-up-three {
+    0% {
+        -webkit-transform: scale(0.7);
+        transform: scale(0.7);
+    }
+
+    40% {
+        -webkit-transform: scale(0.4);
+        transform: scale(0.4);
+    }
+
+    100% {
+        -webkit-transform: scale(0.7);
+        transform: scale(0.7);
+    }
+}
+
+@keyframes scale-up-three {
+    0% {
+        -webkit-transform: scale(0.7);
+        transform: scale(0.7);
+    }
+
+    40% {
+        -webkit-transform: scale(0.4);
+        transform: scale(0.4);
+    }
+
+    100% {
+        -webkit-transform: scale(0.7);
+        transform: scale(0.7);
+    }
+}
+
+
+@keyframes animationFramesOne {
+    0% {
+        transform: translate(0px, 0px) rotate(0deg);
+    }
+
+    20% {
+        transform: translate(73px, -1px) rotate(36deg);
+    }
+
+    40% {
+        transform: translate(141px, 72px) rotate(72deg);
+    }
+
+    60% {
+        transform: translate(83px, 122px) rotate(108deg);
+    }
+
+    80% {
+        transform: translate(-40px, 72px) rotate(144deg);
+    }
+
+    100% {
+        transform: translate(0px, 0px) rotate(0deg);
+    }
+}
+
+
+@-webkit-keyframes animationFramesOne {
+    0% {
+        -webkit-transform: translate(0px, 0px) rotate(0deg);
+    }
+
+    20% {
+        -webkit-transform: translate(73px, -1px) rotate(36deg);
+    }
+
+    40% {
+        -webkit-transform: translate(141px, 72px) rotate(72deg);
+    }
+
+    60% {
+        -webkit-transform: translate(83px, 122px) rotate(108deg);
+    }
+
+    80% {
+        -webkit-transform: translate(-40px, 72px) rotate(144deg);
+    }
+
+    100% {
+        -webkit-transform: translate(0px, 0px) rotate(0deg);
+    }
+}
+
+@keyframes animationFramesTwo {
+    0% {
+        transform: translate(0px, 0px) rotate(0deg) scale(1);
+    }
+
+    20% {
+        transform: translate(73px, -1px) rotate(36deg) scale(0.9);
+    }
+
+    40% {
+        transform: translate(141px, 72px) rotate(72deg) scale(1);
+    }
+
+    60% {
+        transform: translate(83px, 122px) rotate(108deg) scale(1.2);
+    }
+
+    80% {
+        transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
+    }
+
+    100% {
+        transform: translate(0px, 0px) rotate(0deg) scale(1);
+    }
+}
+
+
+@-webkit-keyframes animationFramesTwo {
+    0% {
+        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
+    }
+
+    20% {
+        -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
+    }
+
+    40% {
+        -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
+    }
+
+    60% {
+        -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
+    }
+
+    80% {
+        -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
+    }
+
+    100% {
+        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
+    }
+}
+
+
+@keyframes animationFramesThree {
+    0% {
+        transform: translate(165px, -179px);
+    }
+
+    100% {
+        transform: translate(-346px, 617px);
+    }
+}
+
+
+@-webkit-keyframes animationFramesThree {
+    0% {
+        -webkit-transform: translate(165px, -179px);
+    }
+
+    100% {
+        -webkit-transform: translate(-346px, 617px);
+    }
+}
+
+
+@keyframes animationFramesFour {
+    0% {
+        transform: translate(-300px, 151px) rotate(0deg);
+    }
+
+    100% {
+        transform: translate(251px, -200px) rotate(180deg);
+    }
+}
+
+
+@-webkit-keyframes animationFramesFour {
+    0% {
+        -webkit-transform: translate(-300px, 151px) rotate(0deg);
+    }
+
+    100% {
+        -webkit-transform: translate(251px, -200px) rotate(180deg);
+    }
+}
+
+
+@keyframes animationFramesFive {
+    0% {
+        transform: translate(61px, -99px) rotate(0deg);
+    }
+
+    21% {
+        transform: translate(4px, -190px) rotate(38deg);
+    }
+
+    41% {
+        transform: translate(-139px, -200px) rotate(74deg);
+    }
+
+    60% {
+        transform: translate(-263px, -164px) rotate(108deg);
+    }
+
+    80% {
+        transform: translate(-195px, -49px) rotate(144deg);
+    }
+
+    100% {
+        transform: translate(-1px, 0px) rotate(180deg);
+    }
+}
+
+
+@-webkit-keyframes animationFramesFive {
+    0% {
+        -webkit-transform: translate(61px, -99px) rotate(0deg);
+    }
+
+    21% {
+        -webkit-transform: translate(4px, -190px) rotate(38deg);
+    }
+
+    41% {
+        -webkit-transform: translate(-139px, -200px) rotate(74deg);
+    }
+
+    60% {
+        -webkit-transform: translate(-263px, -164px) rotate(108deg);
+    }
+
+    80% {
+        -webkit-transform: translate(-195px, -49px) rotate(144deg);
+    }
+
+    100% {
+        -webkit-transform: translate(-1px, 0px) rotate(180deg);
+    }
+}
+
+@keyframes gradientBG {
+    0% {
+        background-position: 0 0;
+    }
+
+    50% {
+        background-position: 300% 0;
+    }
+
+    100% {
+        background-position: 0 0;
+    }
+}
+
+@-webkit-keyframes gradientBG {
+    0% {
+        background-position: 0 0;
+    }
+
+    50% {
+        background-position: 300% 0;
+    }
+
+    100% {
+        background-position: 0 0;
+    }
+}
+
+@keyframes imageBgAnim {
+    0% {
+        background-position: 0 0;
+    }
+
+    50% {
+        background-position: 120% 0;
+    }
+
+    100% {
+        background-position: 0 0;
+    }
+}
+
+@-webkit-keyframes gradientBG {
+    0% {
+        background-position: 0 0;
+    }
+
+    50% {
+        background-position: 120% 0;
+    }
+
+    100% {
+        background-position: 0 0;
+    }
+}
@@ -0,0 +1,351 @@
+/* Magnific Popup CSS */
+.mfp-bg {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1042;
+  overflow: hidden;
+  position: fixed;
+  background: #0b0b0b;
+  opacity: 0.8; }
+
+.mfp-wrap {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1043;
+  position: fixed;
+  outline: none !important;
+  -webkit-backface-visibility: hidden; }
+
+.mfp-container {
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 0 8px;
+  box-sizing: border-box; }
+
+.mfp-container:before {
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle; }
+
+.mfp-align-top .mfp-container:before {
+  display: none; }
+
+.mfp-content {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0 auto;
+  text-align: left;
+  z-index: 1045; }
+
+.mfp-inline-holder .mfp-content,
+.mfp-ajax-holder .mfp-content {
+  width: 100%;
+  cursor: auto; }
+
+.mfp-ajax-cur {
+  cursor: progress; }
+
+.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+  cursor: -moz-zoom-out;
+  cursor: -webkit-zoom-out;
+  cursor: zoom-out; }
+
+.mfp-zoom {
+  cursor: pointer;
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in; }
+
+.mfp-auto-cursor .mfp-content {
+  cursor: auto; }
+
+.mfp-close,
+.mfp-arrow,
+.mfp-preloader,
+.mfp-counter {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+
+.mfp-loading.mfp-figure {
+  display: none; }
+
+.mfp-hide {
+  display: none !important; }
+
+.mfp-preloader {
+  color: #CCC;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  text-align: center;
+  margin-top: -0.8em;
+  left: 8px;
+  right: 8px;
+  z-index: 1044; }
+  .mfp-preloader a {
+    color: #CCC; }
+    .mfp-preloader a:hover {
+      color: #FFF; }
+
+.mfp-s-ready .mfp-preloader {
+  display: none; }
+
+.mfp-s-error .mfp-content {
+  display: none; }
+
+button.mfp-close,
+button.mfp-arrow {
+  overflow: visible;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+  display: block;
+  outline: none;
+  padding: 0;
+  z-index: 1046;
+  box-shadow: none;
+  touch-action: manipulation; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+.mfp-close {
+  width: 44px;
+  height: 44px;
+  line-height: 44px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  text-decoration: none;
+  text-align: center;
+  opacity: 0.65;
+  padding: 0 0 18px 10px;
+  color: #FFF;
+  font-style: normal;
+  font-size: 28px;
+  font-family: Arial, Baskerville, monospace; }
+  .mfp-close:hover,
+  .mfp-close:focus {
+    opacity: 1; }
+  .mfp-close:active {
+    top: 1px; }
+
+.mfp-close-btn-in .mfp-close {
+  color: #333; }
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  color: #FFF;
+  right: -6px;
+  text-align: right;
+  padding-right: 6px;
+  width: 100%; }
+
+.mfp-counter {
+  position: absolute;
+  top: 0;
+  right: 0;
+  color: #CCC;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap; }
+
+.mfp-arrow {
+  position: absolute;
+  opacity: 0.65;
+  margin: 0;
+  top: 50%;
+  margin-top: -55px;
+  padding: 0;
+  width: 90px;
+  height: 110px;
+  -webkit-tap-highlight-color: transparent; }
+  .mfp-arrow:active {
+    margin-top: -54px; }
+  .mfp-arrow:hover,
+  .mfp-arrow:focus {
+    opacity: 1; }
+  .mfp-arrow:before,
+  .mfp-arrow:after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    margin-top: 35px;
+    margin-left: 35px;
+    border: medium inset transparent; }
+  .mfp-arrow:after {
+    border-top-width: 13px;
+    border-bottom-width: 13px;
+    top: 8px; }
+  .mfp-arrow:before {
+    border-top-width: 21px;
+    border-bottom-width: 21px;
+    opacity: 0.7; }
+
+.mfp-arrow-left {
+  left: 0; }
+  .mfp-arrow-left:after {
+    border-right: 17px solid #FFF;
+    margin-left: 31px; }
+  .mfp-arrow-left:before {
+    margin-left: 25px;
+    border-right: 27px solid #3F3F3F; }
+
+.mfp-arrow-right {
+  right: 0; }
+  .mfp-arrow-right:after {
+    border-left: 17px solid #FFF;
+    margin-left: 39px; }
+  .mfp-arrow-right:before {
+    border-left: 27px solid #3F3F3F; }
+
+.mfp-iframe-holder {
+  padding-top: 40px;
+  padding-bottom: 40px; }
+  .mfp-iframe-holder .mfp-content {
+    line-height: 0;
+    width: 100%;
+    max-width: 900px; }
+  .mfp-iframe-holder .mfp-close {
+    top: -40px; }
+
+.mfp-iframe-scaler {
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-top: 56.25%; }
+  .mfp-iframe-scaler iframe {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #000; }
+
+/* Main image in popup */
+img.mfp-img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  line-height: 0;
+  box-sizing: border-box;
+  padding: 40px 0 40px;
+  margin: 0 auto; }
+
+/* The shadow behind the image */
+.mfp-figure {
+  line-height: 0; }
+  .mfp-figure:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 40px;
+    bottom: 40px;
+    display: block;
+    right: 0;
+    width: auto;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+    background: #444; }
+  .mfp-figure small {
+    color: #BDBDBD;
+    display: block;
+    font-size: 12px;
+    line-height: 14px; }
+  .mfp-figure figure {
+    margin: 0; }
+
+.mfp-bottom-bar {
+  margin-top: -36px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 100%;
+  cursor: auto; }
+
+.mfp-title {
+  text-align: left;
+  line-height: 18px;
+  color: #F3F3F3;
+  word-wrap: break-word;
+  padding-right: 36px; }
+
+.mfp-image-holder .mfp-content {
+  max-width: 100%; }
+
+.mfp-gallery .mfp-image-holder .mfp-figure {
+  cursor: pointer; }
+
+@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+  /**
+       * Remove all paddings around the image on small screen
+       */
+  .mfp-img-mobile .mfp-image-holder {
+    padding-left: 0;
+    padding-right: 0; }
+  .mfp-img-mobile img.mfp-img {
+    padding: 0; }
+  .mfp-img-mobile .mfp-figure:after {
+    top: 0;
+    bottom: 0; }
+  .mfp-img-mobile .mfp-figure small {
+    display: inline;
+    margin-left: 5px; }
+  .mfp-img-mobile .mfp-bottom-bar {
+    background: rgba(0, 0, 0, 0.6);
+    bottom: 0;
+    margin: 0;
+    top: auto;
+    padding: 3px 5px;
+    position: fixed;
+    box-sizing: border-box; }
+    .mfp-img-mobile .mfp-bottom-bar:empty {
+      padding: 0; }
+  .mfp-img-mobile .mfp-counter {
+    right: 5px;
+    top: 3px; }
+  .mfp-img-mobile .mfp-close {
+    top: 0;
+    right: 0;
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    background: rgba(0, 0, 0, 0.6);
+    position: fixed;
+    text-align: center;
+    padding: 0; } }
+
+@media all and (max-width: 900px) {
+  .mfp-arrow {
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75); }
+  .mfp-arrow-left {
+    -webkit-transform-origin: 0;
+    transform-origin: 0; }
+  .mfp-arrow-right {
+    -webkit-transform-origin: 100%;
+    transform-origin: 100%; }
+  .mfp-container {
+    padding-left: 6px;
+    padding-right: 6px; } }
@@ -0,0 +1,33 @@
+:root {
+    --loader-width: auto;
+    --loader-height: auto;
+    --text-container-width: 400px;
+    --text-container-height: auto;
+    --line-height: 1.5;
+}
+
+.image-skeleton-loader,
+.blog-text-skeleton-loader {
+    width: var(--loader-width);
+    height: var(--loader-height);
+    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    animation: loading 1.5s infinite;
+}
+
+.image-skeleton-loader{
+    border-radius: 10px;
+}
+
+.blog-text-skeleton-loader {
+    line-height: calc(var(--text-container-height) * var(--line-height));
+}
+
+@keyframes loading {
+    0% {
+        background-position: -200% 0;
+    }
+    100% {
+        background-position: 200% 0;
+    }
+}   
@@ -0,0 +1,235 @@
+.appie-loader {
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.font_black{
+  color: black;
+}
+.font_red{
+  color: red;
+}
+.boxBorder{
+  border-color: aqua;
+  background-color: #f5f6f7 ;
+}
+.appie-loader {
+  opacity: 0;
+}
+.appie-loader.active {
+  opacity: 100;
+}
+.appie-visible {
+  transition: all 0.5s ease-in-out;
+}
+.appie-visible {
+  opacity: 0;
+}
+.appie-visible.active {
+  opacity: 100;
+}
+/* .appie-home-loader {
+  transition: all 0.5s ease-in-out;
+} */
+.offcanvas_main_menu li ul.sub-menu {
+  padding-left: 20 px;
+  overflow: hidden;
+  transition: all linear 0.65s;
+}
+.appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item .title span {
+  font-size: 30px !important;
+  color: #fff !important;
+}
+.home-four-project {
+  background: #eef1f6;
+}
+.home-four-footer {
+  background: #ffffff;
+}
+.slick-dots li button:before {
+  content: "";
+}
+.appie-showcase-item {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+@media (min-width: 1400px) {
+  .container-xxl,
+  .container-xl,
+  .container-lg,
+  .container-md,
+  .container-sm,
+  .container {
+    max-width: 1200px;
+  }
+}
+.appie-services-2-area.appie-services-8-area {
+  overflow: hidden;
+}
+@media only screen and (min-width: 300px) and (max-width: 1024px) {
+  .appie-services-8-area .service-thumb {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+.save-comment input:checked + label::after {
+  font-family: "Font Awesome 5 Pro";
+  content: "\f00c";
+}
+.appie-testimonial-area {
+  overflow: hidden;
+}
+.testimonial-about-slider-active .testimonial-parent-item {
+  display: flex !important;
+  justify-content: center;
+}
+.testimonial-box {
+  width: 770px !important;
+}
+.testimonial-box-about-slider-small-active
+  .slick-center.slick-current
+  .item
+  .thumb
+  img {
+  width: 70px;
+  display: inline-block;
+}
+.testimonial-box-about-slider-small-active .item .thumb img {
+  display: inline-block;
+  width: 40px;
+}
+.testimonial-box-about-slider-small-active .item .thumb {
+  align-items: center;
+}
+.testimonial-box-about-slider-small-active .slick-center.slick-current .item {
+  margin-top: -20px;
+}
+
+.app-download.options{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.app-download.options .main-btn {
+  color: #0e1133;
+  background-color: #fff;
+  border: 3px solid #3EAFCC;
+  padding: 2px 112px;
+  letter-spacing: 1px;
+}
+
+.app-download.appie-hero-content h5 {
+    color: #51B5D0;
+    /* border-color: #fff; */
+}
+
+@media only screen and (min-width: 300px) and (max-width: 1024px) {
+  .testimonial-about-slider-active .testimonial-box {
+    box-shadow: none;
+    background: none;
+  }
+}
+@media only screen and (min-width: 770px) and (max-width: 1024px) {
+  .testimonial-about-slider-active .slick-arrow.next {
+    right: 15px;
+  }
+  .testimonial-about-slider-active .slick-arrow.prev {
+    left: 15px;
+  }
+}
+
+
+/* -----------------About-App-Section-Css-Start------------------ */
+
+/* about us section wraper */
+.about_app_section .about_img {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+/* about us section images*/
+.about_app_section .about_img img {
+  max-width: 100%;
+}
+
+.about_app_section .about_img::before {
+  content: "";
+  position: absolute;
+  left: 38%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 500px;
+  height: 500px;
+  background-color: #ffffff;
+  border-radius: 100%;
+  z-index: -1;
+}
+
+.about_app_section .about_img .screen_img {
+  margin-left: -135px;
+  margin-top: 110px;
+}
+
+.about_app_section .about_text .section_title {
+  text-align: left;
+}
+
+.about_app_section .about_text .section_title h2 {
+  margin-bottom: 15px;
+}
+
+/* about us section  statastics nomber */
+.about_app_section .about_text .app_statstic {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  margin-top: 40px;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 248px;
+  background-color: #fff;
+  margin-bottom: 30px;
+  display: flex;
+  align-items: center;
+  border-radius: 12px;
+  padding: 15px 10px;
+  padding-left: 35px;
+  box-shadow: 0px 4px 10px #EDE9FE;
+}
+
+.about_app_section .about_text .app_statstic li .icon {
+  margin-right: 9px;
+}
+
+.about_app_section .about_text .app_statstic li p {
+  margin-bottom: 0;
+  line-height: 1;
+  color: #32236F;
+}
+
+.about_app_section .about_text .app_statstic li p:first-child {
+  font-size: 40px;
+  font-weight: 600;
+  margin-bottom: 3px;
+}
+
+.about_app_section .about_img .screen_img img {
+  animation-delay: 3s;
+}
+
+.about_app_section .about_text .list {
+  margin-top: 45px;
+  margin-bottom: 45px;
+}
+
+.about_text{
+  margin-top: 2rem;
+}
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1879.8 379" enable-background="new 0 0 1879.8 379" xml:space="preserve">
+<polygon fill="#FFFFFF" points="0,252.5 1209.9,359.5 1879.8,60 1879.8,379 0,379 "/>
+<polygon opacity="0.3" fill="#FFFFFF" points="0,192.5 1209.9,363.5 1879.8,0 1879.8,379 0,379 "/>
+</svg>
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1879.8 121.3" enable-background="new 0 0 1879.8 121.3" xml:space="preserve">
+<path fill="#6A49F2" d="M0,64.3c0,0,301-69.6,501-64s385.3,35.4,494.3,53.5s506,102.5,884.4,0v53.5H0V64.3z"/>
+<path fill="#F6F4FE" d="M0,63.3c0,0,301-38.6,501-33s299.4,21.5,438.8,37.4c118.4,13.5,580.3,78,939.9,5.1v48.5H0V63.3z"/>
+</svg>
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1879.8 121.3" enable-background="new 0 0 1879.8 121.3" xml:space="preserve">
+<path fill="#6A49F2" d="M0,64.3c0,0,301-69.6,501-64s385.3,35.4,494.3,53.5s506,102.5,884.4,0v53.5H0V64.3z"/>
+<path fill="#F6F4FE" d="M0,63.3c0,0,301-38.6,501-33s299.4,21.5,438.8,37.4c118.4,13.5,580.3,78,939.9,5.1v48.5H0V63.3z"/>
+</svg>
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1586.9 196.5" enable-background="new 0 0 1586.9 196.5" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="802.5264" y1="80.3371" x2="797.3304" y2="184.9941">
+	<stop  offset="6.557240e-002" style="stop-color:#F6F4FE"/>
+	<stop  offset="0.908" style="stop-color:#D0C5FD"/>
+</linearGradient>
+<path fill="url(#SVGID_1_)" d="M1340.7,176.8c-0.5-0.3-0.9-1-1.4-1c-2.5-0.1-5,0.1-7.5-0.1c-6.7-0.3-13.5-0.3-20.2-1.1
+	c-6.7-0.8-13.3-1.4-20-2c-6.1-0.6-12.1-2-18.2-2.9c-5.3-0.8-10.7-1.2-16-2.1c-7-1.2-14-2.4-20.9-4c-9.1-2.1-18.1-4.6-27.1-6.9
+	c-3.6-0.9-7.1-2-10.7-3c-12.1-3.2-24.1-6.9-36.2-10.3c-11.8-3.3-23.6-6.4-35.4-9.5c-11.2-3-22.7-4.9-34-7.3
+	c-7.7-1.6-15.4-3.4-23.2-4.9c-4.9-0.9-10-1.8-15-1.9c-1.9-0.1-2.6-2.4-4.7-1.5c-1.6,0.7-3.4,0.2-5.2-0.4c-2.6-0.9-5.4-0.9-8.2-1.2
+	c-3.7-0.4-7.7,0-11.2-1.2c-4-1.4-8.3,0.3-12-1.8c-0.1-0.1-0.3,0-0.5,0c-4.9-0.3-9.8-0.6-14.7-1c-2.9-0.2-5.8-0.7-8.7-1
+	c-2.8-0.2-5.6,0.5-8.2-1c-0.4-0.2-1,0-1.5,0c-14.2-0.5-28.5-1.4-42.7-1.1c-3.4,0.1-6.9-1.2-10.2-0.8c-12.6,1.6-25.2,0.4-37.7,1
+	c-2.5,0.1-4.9,0.1-7.4,0.3c-2.6,0.1-5.2,0.3-7.8,0.7c-7.4,1.1-15,1.3-22.4,2.2c-3.6,0.5-7.4,0.3-11,1.6c-2.6,0.9-5.8,0.6-8.7,1
+	c-6.6,1-13.1,2.1-19.7,3.1c-6.4,1-13,1.3-19.4,2.1c-2.9,0.4-5.7,1-8.5,1.7c-2.9,0.7-5.8,0-8.7,1c-3.1,1.1-6.8,0.8-10.2,1.2
+	c-1.9,0.2-3.8,0.7-5.7,1c-1.9,0.2-3.8,0.2-5.8,0.8c-2.9,0.9-6.1,0.3-9.2,1.1c-3.8,0.9-7.8,0.7-11.7,1.2c-1.9,0.2-3.8,0.6-5.7,1
+	c-1.7,0.3-3.5,0.6-5.2,0.9c-0.7,0.1-1.3,0.1-2,0.1c-5.2,0-10.3,1.1-15.5,1.9c-4.5,0.7-9.1,0.8-13.7,1.1c-5.4,0.3-10.7,0.9-16,1.9
+	c-3.2,0.6-6.5,0.3-9.7,0.9c-4.8,1-9.9,0.3-14.7,1.3c-4.8,1-9.8-0.1-14.5,1.8c-0.3,0.1-0.7,0-1,0c-5.6,0.3-11.2,0.2-16.7,1.1
+	c-5.2,0.9-10.5,0-15.5,1.8c-0.3,0.1-0.7,0-1,0c-6.7,0.3-13.5,0.6-20.2,1c-3.1,0.2-6.2,0.7-9.2,1c-2.9,0.3-6-0.6-8.7,1
+	c-0.3,0.1-0.7,0-1,0c-8.2,0.3-16.5,0.3-24.7,1.1c-6.1,0.6-12.3,0.1-18.2,1.1c-5.6,0.9-11.2,0.2-16.8,0.9c-8.7,1.1-17.5,0.2-26.2,1.1
+	c-17.6,1.7-35.2,0.4-52.7,0.8c-9.7,0.2-19.3,0.2-29,0c-10.9-0.2-21.9-0.2-32.7-1.2c-4.9-0.4-9.9-0.4-14.7-0.9
+	c-7.6-0.8-15.3-1.5-23-2.1c-6.2-0.5-12.3-1.2-18.5-2c-6.1-0.8-12.3-1-18.3-2.7c-3.2-0.9-6.8-0.7-10.2-1.2c-4.8-0.7-9.6-1.4-14.4-2.3
+	c-4.4-0.8-8.8-1.8-13.3-2.7c-6.9-1.4-13.9-2.7-20.8-4.4c-7.4-1.7-14.7-3.7-22-5.6c-12.3-3.3-24.5-6.7-36.3-11.5
+	c-9.9-4-19.9-7.5-29.6-11.9C133,98.7,125.4,94,117.4,90c-7.3-3.7-14-8.1-20.7-12.8c-5.9-4.1-11.9-8-17.1-13.1
+	c-3.1-3-6.4-5.7-9.5-8.6c-7.2-6.8-14-14-19.3-22.9c1.8-1.6,3.3-3.9,6.4-2.1c0.4,0.2,0.9,0.3,1.4,0.3c7.1,0.3,14.1,0.7,21.2,1
+	c6.4,0.3,12.8,0.8,19.2,1.2c4.1,0.3,8.2,0.1,12.2,0.8c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1
+	c4.6,0.8,9.4-0.1,13.7,1c6.2,1.6,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1
+	c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9
+	c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.4-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1
+	c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1
+	c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.4-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0
+	c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9
+	c5.4,1,10.9,0.2,16.2,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.4-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8
+	c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1
+	c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.3-0.1,13.7,1
+	c6.2,1.5,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9
+	c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1
+	c4.6,0.8,9.3-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1
+	c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.3,0.7,8.6,0.2,12.7,0.9
+	c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.4-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1
+	c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1
+	c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.4-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8c0.3,0.1,0.7,0,1,0
+	c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.3,0.2,16.7,1.1c4.3,0.7,8.6,0.2,12.7,0.9
+	c5.4,1,10.9,0.2,16.2,1.1c4.3,0.7,8.6,0.2,12.7,0.9c5.4,1,10.9,0.2,16.2,1.1c4.6,0.8,9.4-0.1,13.7,1c6.2,1.5,12.5-0.4,18.5,1.8
+	c0.3,0.1,0.7,0,1,0c7.7,0.3,15.5,0.2,23.2,1.1c5.6,0.7,11.2,0.2,16.7,1.1c4.1,0.7,8.2,0.2,12.2,0.9c5.6,1,11.2,0.4,16.7,1.1
+	c3.3,0.4,6.5,0.9,9.7,0.8c2.5-0.1,4,1,5.2,3.4c-1.2,0.8-2.3,1.7-3.5,2.4c-8.1,5.1-16.4,9.8-25.2,13.6c-8.8,3.8-17.7,6.9-26.8,9.7
+	c-7.7,2.4-15.4,4.5-23.3,6.1c-6.2,1.2-12.4,2.1-18.7,3c-5.3,0.7-10.6,1.4-16,2c-6.7,0.8-13.3,1.3-20,2.1c-6.5,0.8-12.8,0.6-19.3,0.8
+	c-0.5,0-1,0.6-1.4,1C1380,176.8,1360.4,176.8,1340.7,176.8z"/>
+</svg>
--- a/Show More
+++ b/Show More