diff --git a/Config/config.js b/Config/config.js
new file mode 100644
index 0000000..5afa0ba
--- /dev/null
+++ b/Config/config.js
@@ -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;
\ No newline at end of file
diff --git a/app/Hooks/useToggle.js b/app/Hooks/useToggle.js
new file mode 100644
index 0000000..8b306bf
--- /dev/null
+++ b/app/Hooks/useToggle.js
@@ -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;
diff --git a/app/Mobile/Drawer.js b/app/Mobile/Drawer.js
new file mode 100644
index 0000000..08386e9
--- /dev/null
+++ b/app/Mobile/Drawer.js
@@ -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;
+
diff --git a/app/assets/css/aboutapp.css b/app/assets/css/aboutapp.css
new file mode 100644
index 0000000..978fa6e
--- /dev/null
+++ b/app/assets/css/aboutapp.css
@@ -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;
+}
\ No newline at end of file
diff --git a/app/assets/css/bootstrap.min.css b/app/assets/css/bootstrap.min.css
new file mode 100644
index 0000000..eb1c45b
--- /dev/null
+++ b/app/assets/css/bootstrap.min.css
@@ -0,0 +1,6 @@
+/*!
+ * Bootstrap v4.5.0 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1200px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item{display:-ms-flexbox;display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
diff --git a/app/assets/css/custom-animated.css b/app/assets/css/custom-animated.css
new file mode 100644
index 0000000..4290725
--- /dev/null
+++ b/app/assets/css/custom-animated.css
@@ -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;
+    }
+}
\ No newline at end of file
diff --git a/app/assets/css/default.css b/app/assets/css/default.css
new file mode 100644
index 0000000..9e5ed5a
--- /dev/null
+++ b/app/assets/css/default.css
@@ -0,0 +1,1025 @@
+.height-50 {
+	height: 50px;
+}
+.height-100 {
+	height: 100px;
+}
+.height-150 {
+	height: 150px;
+}
+.height-200 {
+	height: 200px;
+}
+
+.italic {
+	font-style: italic;
+}
+
+a {
+	text-decoration: none;
+    background-color: transparent;
+}
+.expire{
+	color:red;
+}
+
+.border-normal {
+	border: 2px solid black
+}
+.border-thin{
+	border: 4px solid black
+}
+.border-r-5 {
+	border-radius: 5px;
+}
+.border-r-10 {
+	border-radius: 10px;
+}
+
+/* Default Width sizes */
+/*-- Width Sizes --*/
+.custom-w-80 {
+	width: 80%;
+}
+.custom-w-90 {
+	width: 90%;
+}
+
+/* Default Font sizes */
+/*-- Font Sizes --*/
+.font-10 {
+	font-size: 10px;
+}
+.font-16 {
+	font-size: 16px;
+}
+.font-20 {
+	font-size: 20px;
+}
+.font-25 {
+	font-size: 25px;
+}
+.font-30 {
+	font-size: 30px;
+}
+.font-35 {
+	font-size: 35px;
+}
+.font-40 {
+	font-size: 40px;
+}
+.font-45 {
+	font-size: 45px;
+}
+
+/* Deafult Margin & Padding */
+/*-- Margin Top --*/
+.mt-5 {
+	margin-top: 5px;
+}
+.mt-10 {
+	margin-top: 10px;
+}
+.mt-15 {
+	margin-top: 15px;
+}
+.mt-20 {
+	margin-top: 20px;
+}
+.mt-25 {
+	margin-top: 25px;
+}
+.mt-30 {
+	margin-top: 30px;
+}
+.mt-35 {
+	margin-top: 35px;
+}
+.mt-40 {
+	margin-top: 40px;
+}
+.mt-45 {
+	margin-top: 45px;
+}
+.mt-50 {
+	margin-top: 50px;
+}
+.mt-55 {
+	margin-top: 55px;
+}
+.mt-60 {
+	margin-top: 60px;
+}
+.mt-65 {
+	margin-top: 65px;
+}
+.mt-70 {
+	margin-top: 70px;
+}
+.mt-75 {
+	margin-top: 75px;
+}
+.mt-80 {
+	margin-top: 80px;
+}
+.mt-85 {
+	margin-top: 85px;
+}
+.mt-90 {
+	margin-top: 90px;
+}
+.mt-95 {
+	margin-top: 95px;
+}
+.mt-100 {
+	margin-top: 100px;
+}
+.mt-105 {
+	margin-top: 105px;
+}
+.mt-110 {
+	margin-top: 110px;
+}
+.mt-115 {
+	margin-top: 115px;
+}
+.mt-120 {
+	margin-top: 120px;
+}
+.mt-125 {
+	margin-top: 125px;
+}
+.mt-130 {
+	margin-top: 130px;
+}
+.mt-135 {
+	margin-top: 135px;
+}
+.mt-140 {
+	margin-top: 140px;
+}
+.mt-145 {
+	margin-top: 145px;
+}
+.mt-150 {
+	margin-top: 150px;
+}
+.mt-155 {
+	margin-top: 155px;
+}
+.mt-160 {
+	margin-top: 160px;
+}
+.mt-165 {
+	margin-top: 165px;
+}
+.mt-170 {
+	margin-top: 170px;
+}
+.mt-175 {
+	margin-top: 175px;
+}
+.mt-180 {
+	margin-top: 180px;
+}
+.mt-185 {
+	margin-top: 185px;
+}
+.mt-190 {
+	margin-top: 190px;
+}
+.mt-195 {
+	margin-top: 195px;
+}
+.mt-200 {
+	margin-top: 200px;
+}
+/*-- Margin Bottom --*/
+
+.mb-5 {
+	margin-bottom: 5px;
+}
+.mb-10 {
+	margin-bottom: 10px;
+}
+.mb-15 {
+	margin-bottom: 15px;
+}
+.mb-20 {
+	margin-bottom: 20px;
+}
+.mb-25 {
+	margin-bottom: 25px;
+}
+.mb-30 {
+	margin-bottom: 30px;
+}
+.mb-35 {
+	margin-bottom: 35px;
+}
+.mb-40 {
+	margin-bottom: 40px;
+}
+.mb-45 {
+	margin-bottom: 45px;
+}
+.mb-50 {
+	margin-bottom: 50px;
+}
+.mb-55 {
+	margin-bottom: 55px;
+}
+.mb-60 {
+	margin-bottom: 60px;
+}
+.mb-65 {
+	margin-bottom: 65px;
+}
+.mb-70 {
+	margin-bottom: 70px;
+}
+.mb-75 {
+	margin-bottom: 75px;
+}
+.mb-80 {
+	margin-bottom: 80px;
+}
+.mb-85 {
+	margin-bottom: 85px;
+}
+.mb-90 {
+	margin-bottom: 90px;
+}
+.mb-95 {
+	margin-bottom: 95px;
+}
+.mb-100 {
+	margin-bottom: 100px;
+}
+.mb-105 {
+	margin-bottom: 105px;
+}
+.mb-110 {
+	margin-bottom: 110px;
+}
+.mb-115 {
+	margin-bottom: 115px;
+}
+.mb-120 {
+	margin-bottom: 120px;
+}
+.mb-125 {
+	margin-bottom: 125px;
+}
+.mb-130 {
+	margin-bottom: 130px;
+}
+.mb-135 {
+	margin-bottom: 135px;
+}
+.mb-140 {
+	margin-bottom: 140px;
+}
+.mb-145 {
+	margin-bottom: 145px;
+}
+.mb-150 {
+	margin-bottom: 150px;
+}
+.mb-155 {
+	margin-bottom: 155px;
+}
+.mb-160 {
+	margin-bottom: 160px;
+}
+.mb-165 {
+	margin-bottom: 165px;
+}
+.mb-170 {
+	margin-bottom: 170px;
+}
+.mb-175 {
+	margin-bottom: 175px;
+}
+.mb-180 {
+	margin-bottom: 180px;
+}
+.mb-185 {
+	margin-bottom: 185px;
+}
+.mb-190 {
+	margin-bottom: 190px;
+}
+.mb-195 {
+	margin-bottom: 195px;
+}
+.mb-200 {
+	margin-bottom: 200px;
+}
+/*-- margin left --*/
+.ml-5 {
+	margin-left: 5px;
+}
+.ml-10 {
+	margin-left: 10px;
+}
+.ml-15 {
+	margin-left: 15px;
+}
+.ml-20 {
+	margin-left: 20px;
+}
+.ml-25 {
+	margin-left: 25px;
+}
+.ml-30 {
+	margin-left: 30px;
+}
+.ml-35 {
+	margin-left: 35px;
+}
+.ml-40 {
+	margin-left: 40px;
+}
+.ml-45 {
+	margin-left: 45px;
+}
+.ml-50 {
+	margin-left: 50px;
+}
+.ml-55 {
+	margin-left: 55px;
+}
+.ml-60 {
+	margin-left: 60px;
+}
+.ml-65 {
+	margin-left: 65px;
+}
+.ml-70 {
+	margin-left: 70px;
+}
+.ml-75 {
+	margin-left: 75px;
+}
+.ml-80 {
+	margin-left: 80px;
+}
+.ml-85 {
+	margin-left: 85px;
+}
+.ml-90 {
+	margin-left: 90px;
+}
+.ml-95 {
+	margin-left: 95px;
+}
+.ml-100 {
+	margin-left: 100px;
+}
+.ml-105 {
+	margin-left: 105px;
+}
+.ml-110 {
+	margin-left: 110px;
+}
+.ml-115 {
+	margin-left: 115px;
+}
+.ml-120 {
+	margin-left: 120px;
+}
+.ml-125 {
+	margin-left: 125px;
+}
+.ml-130 {
+	margin-left: 130px;
+}
+.ml-135 {
+	margin-left: 135px;
+}
+.ml-140 {
+	margin-left: 140px;
+}
+.ml-145 {
+	margin-left: 145px;
+}
+.ml-150 {
+	margin-left: 150px;
+}
+.ml-155 {
+	margin-left: 155px;
+}
+.ml-160 {
+	margin-left: 160px;
+}
+.ml-165 {
+	margin-left: 165px;
+}
+.ml-170 {
+	margin-left: 170px;
+}
+.ml-175 {
+	margin-left: 175px;
+}
+.ml-180 {
+	margin-left: 180px;
+}
+.ml-185 {
+	margin-left: 185px;
+}
+.ml-190 {
+	margin-left: 190px;
+}
+.ml-195 {
+	margin-left: 195px;
+}
+.ml-200 {
+	margin-left: 200px;
+}
+/*-- margin right --*/
+.mr-5 {
+	margin-right: 5px;
+}
+.mr-10 {
+	margin-right: 10px;
+}
+.mr-15 {
+	margin-right: 15px;
+}
+.mr-20 {
+	margin-right: 20px;
+}
+.mr-25 {
+	margin-right: 25px;
+}
+.mr-30 {
+	margin-right: 30px;
+}
+.mr-35 {
+	margin-right: 35px;
+}
+.mr-40 {
+	margin-right: 40px;
+}
+.mr-45 {
+	margin-right: 45px;
+}
+.mr-50 {
+	margin-right: 50px;
+}
+.mr-55 {
+	margin-right: 55px;
+}
+.mr-60 {
+	margin-right: 60px;
+}
+.mr-65 {
+	margin-right: 65px;
+}
+.mr-70 {
+	margin-right: 70px;
+}
+.mr-75 {
+	margin-right: 75px;
+}
+.mr-80 {
+	margin-right: 80px;
+}
+.mr-85 {
+	margin-right: 85px;
+}
+.mr-90 {
+	margin-right: 90px;
+}
+.mr-95 {
+	margin-right: 95px;
+}
+.mr-100 {
+	margin-right: 100px;
+}
+.mr-105 {
+	margin-right: 105px;
+}
+.mr-110 {
+	margin-right: 110px;
+}
+.mr-115 {
+	margin-right: 115px;
+}
+.mr-120 {
+	margin-right: 120px;
+}
+.mr-125 {
+	margin-right: 125px;
+}
+.mr-130 {
+	margin-right: 130px;
+}
+.mr-135 {
+	margin-right: 135px;
+}
+.mr-140 {
+	margin-right: 140px;
+}
+.mr-145 {
+	margin-right: 145px;
+}
+.mr-150 {
+	margin-right: 150px;
+}
+.mr-155 {
+	margin-right: 155px;
+}
+.mr-160 {
+	margin-right: 160px;
+}
+.mr-165 {
+	margin-right: 165px;
+}
+.mr-170 {
+	margin-right: 170px;
+}
+.mr-175 {
+	margin-right: 175px;
+}
+.mr-180 {
+	margin-right: 180px;
+}
+.mr-185 {
+	margin-right: 185px;
+}
+.mr-190 {
+	margin-right: 190px;
+}
+.mr-195 {
+	margin-right: 195px;
+}
+.mr-200 {
+	margin-right: 200px;
+}
+
+
+/*-- Padding Top --*/
+
+.pt-5 {
+	padding-top: 5px;
+}
+.pt-10 {
+	padding-top: 10px;
+}
+.pt-15 {
+	padding-top: 15px;
+}
+.pt-20 {
+	padding-top: 20px;
+}
+.pt-25 {
+	padding-top: 25px;
+}
+.pt-30 {
+	padding-top: 30px;
+}
+.pt-35 {
+	padding-top: 35px;
+}
+.pt-40 {
+	padding-top: 40px;
+}
+.pt-45 {
+	padding-top: 45px;
+}
+.pt-50 {
+	padding-top: 50px;
+}
+.pt-55 {
+	padding-top: 55px;
+}
+.pt-60 {
+	padding-top: 60px;
+}
+.pt-65 {
+	padding-top: 65px;
+}
+.pt-70 {
+	padding-top: 70px;
+}
+.pt-75 {
+	padding-top: 75px;
+}
+.pt-80 {
+	padding-top: 80px;
+}
+.pt-85 {
+	padding-top: 85px;
+}
+.pt-90 {
+	padding-top: 90px;
+}
+.pt-95 {
+	padding-top: 95px;
+}
+.pt-100 {
+	padding-top: 100px;
+}
+.pt-105 {
+	padding-top: 105px;
+}
+.pt-110 {
+	padding-top: 110px;
+}
+.pt-115 {
+	padding-top: 115px;
+}
+.pt-120 {
+	padding-top: 120px;
+}
+.pt-125 {
+	padding-top: 125px;
+}
+.pt-130 {
+	padding-top: 130px;
+}
+.pt-135 {
+	padding-top: 135px;
+}
+.pt-140 {
+	padding-top: 140px;
+}
+.pt-145 {
+	padding-top: 145px;
+}
+.pt-150 {
+	padding-top: 150px;
+}
+.pt-155 {
+	padding-top: 155px;
+}
+.pt-160 {
+	padding-top: 160px;
+}
+.pt-165 {
+	padding-top: 165px;
+}
+.pt-170 {
+	padding-top: 170px;
+}
+.pt-175 {
+	padding-top: 175px;
+}
+.pt-180 {
+	padding-top: 180px;
+}
+.pt-185 {
+	padding-top: 185px;
+}
+.pt-190 {
+	padding-top: 190px;
+}
+.pt-195 {
+	padding-top: 195px;
+}
+.pt-200 {
+	padding-top: 200px;
+}
+/*-- Padding Bottom --*/
+
+.pb-5 {
+	padding-bottom: 5px;
+}
+.pb-10 {
+	padding-bottom: 10px;
+}
+.pb-15 {
+	padding-bottom: 15px;
+}
+.pb-20 {
+	padding-bottom: 20px;
+}
+.pb-25 {
+	padding-bottom: 25px;
+}
+.pb-30 {
+	padding-bottom: 30px;
+}
+.pb-35 {
+	padding-bottom: 35px;
+}
+.pb-40 {
+	padding-bottom: 40px;
+}
+.pb-45 {
+	padding-bottom: 45px;
+}
+.pb-50 {
+	padding-bottom: 50px;
+}
+.pb-55 {
+	padding-bottom: 55px;
+}
+.pb-60 {
+	padding-bottom: 60px;
+}
+.pb-65 {
+	padding-bottom: 65px;
+}
+.pb-70 {
+	padding-bottom: 70px;
+}
+.pb-75 {
+	padding-bottom: 75px;
+}
+.pb-80 {
+	padding-bottom: 80px;
+}
+.pb-85 {
+	padding-bottom: 85px;
+}
+.pb-90 {
+	padding-bottom: 90px;
+}
+.pb-95 {
+	padding-bottom: 95px;
+}
+.pb-100 {
+	padding-bottom: 100px;
+}
+.pb-105 {
+	padding-bottom: 105px;
+}
+.pb-110 {
+	padding-bottom: 110px;
+}
+.pb-115 {
+	padding-bottom: 115px;
+}
+.pb-120 {
+	padding-bottom: 120px;
+}
+.pb-125 {
+	padding-bottom: 125px;
+}
+.pb-130 {
+	padding-bottom: 130px;
+}
+.pb-135 {
+	padding-bottom: 135px;
+}
+.pb-140 {
+	padding-bottom: 140px;
+}
+.pb-145 {
+	padding-bottom: 145px;
+}
+.pb-150 {
+	padding-bottom: 150px;
+}
+.pb-155 {
+	padding-bottom: 155px;
+}
+.pb-160 {
+	padding-bottom: 160px;
+}
+.pb-165 {
+	padding-bottom: 165px;
+}
+.pb-170 {
+	padding-bottom: 170px;
+}
+.pb-175 {
+	padding-bottom: 175px;
+}
+.pb-180 {
+	padding-bottom: 180px;
+}
+.pb-185 {
+	padding-bottom: 185px;
+}
+.pb-190 {
+	padding-bottom: 190px;
+}
+.pb-195 {
+	padding-bottom: 195px;
+}
+.pb-200 {
+	padding-bottom: 200px;
+}
+
+/*-- Padding left --*/
+
+.pl-0 {
+	padding-left: 0px;
+}
+.pl-5 {
+	padding-left: 5px;
+}
+.pl-10 {
+	padding-left: 10px;
+}
+.pl-15 {
+	padding-left: 15px;
+}
+.pl-20 {
+	padding-left: 20px;
+}
+.pl-25 {
+	padding-left: 25px;
+}
+.pl-30 {
+	padding-left: 30px;
+}
+.pl-35 {
+	padding-left: 35px;
+}
+.pl-40 {
+	padding-left: 40px;
+}
+.pl-45 {
+	padding-left: 45px;
+}
+.pl-50 {
+	padding-left: 50px;
+}
+.pl-55 {
+	padding-left: 55px;
+}
+.pl-60 {
+	padding-left: 60px;
+}
+.pl-65 {
+	padding-left: 65px;
+}
+.pl-70 {
+	padding-left: 70px;
+}
+.pl-75 {
+	padding-left: 75px;
+}
+.pl-80 {
+	padding-left: 80px;
+}
+.pl-85 {
+	padding-left: 85px;
+}
+.pl-90 {
+	padding-left: 90px;
+}
+.pl-100 {
+	padding-left: 100px;
+}
+.pl-105 {
+	padding-left: 105px;
+}
+.pl-110 {
+	padding-left: 110px;
+}
+.pl-115 {
+	padding-left: 115px;
+}
+.pl-120 {
+	padding-left: 120px;
+}
+.pl-125 {
+	padding-left: 125px;
+}
+.pl-150 {
+	padding-left: 150px;
+}
+/*-- Padding right --*/
+
+.pr-0 {
+	padding-right: 0px;
+}
+.pr-5 {
+	padding-right: 5px;
+}
+.pr-10 {
+	padding-right: 10px;
+}
+.pr-15 {
+	padding-right: 15px;
+}
+.pr-20 {
+	padding-right: 20px;
+}
+.pr-25 {
+	padding-right: 25px;
+}
+.pr-30 {
+	padding-right: 30px;
+}
+.pr-35 {
+	padding-right: 35px;
+}
+.pr-40 {
+	padding-right: 40px;
+}
+.pr-45 {
+	padding-right: 45px;
+}
+.pr-50 {
+	padding-right: 50px;
+}
+.pr-55 {
+	padding-right: 55px;
+}
+.pr-60 {
+	padding-right: 60px;
+}
+.pr-65 {
+	padding-right: 65px;
+}
+.pr-70 {
+	padding-right: 70px;
+}
+.pr-75 {
+	padding-right: 75px;
+}
+.pr-80 {
+	padding-right: 80px;
+}
+.pr-85 {
+	padding-right: 85px;
+}
+.pr-90 {
+	padding-right: 90px;
+}
+.pr-95 {
+	padding-right: 95px;
+}
+.pr-100 {
+	padding-right: 100px;
+}
+.pr-105 {
+	padding-right: 105px;
+}
+/* Background Color */
+
+.gray-bg {
+	background: #f6f6f6;
+}
+.white-bg {
+	background: #fff;
+}
+.black-bg {
+	background: #222;
+}
+/* Color */
+
+.white {
+	color: #fff;
+}
+.black {
+	color: #222;
+}
+.color-blue {
+	color: #5086BA;
+}
+.color-purple {
+	color: purple;
+}
+.bg-purple {
+	color: purple;
+}
+.border-purple {
+	border-color: purple;
+}
+.border-skyblue {
+	border-color: #5086BA;
+}
+/* black overlay */
+
+[data-overlay] {
+	position: relative;
+}
+[data-overlay]::before {
+	background: #000 none repeat scroll 0 0;
+	content: "";
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+	z-index: 1;
+}
+[data-overlay="3"]::before {
+	opacity: 0.3;
+}
+[data-overlay="4"]::before {
+	opacity: 0.4;
+}
+[data-overlay="5"]::before {
+	opacity: 0.5;
+}
+[data-overlay="6"]::before {
+	opacity: 0.6;
+}
+[data-overlay="7"]::before {
+	opacity: 0.7;
+}
+[data-overlay="8"]::before {
+	opacity: 0.8;
+}
+[data-overlay="9"]::before {
+	opacity: 0.9;
+}
\ No newline at end of file
diff --git a/app/assets/css/font-awesome.min.css b/app/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..b9f87ac
--- /dev/null
+++ b/app/assets/css/font-awesome.min.css
@@ -0,0 +1,6224 @@
+/*!
+ * Font Awesome Pro 5.8.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+.fa,
+.fas,
+.far,
+.fal,
+.fab {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1; }
+
+.fa-lg {
+  font-size: 1.33333em;
+  line-height: 0.75em;
+  vertical-align: -.0667em; }
+
+.fa-xs {
+  font-size: .75em; }
+
+.fa-sm {
+  font-size: .875em; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: 2.5em;
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: -2em;
+  position: absolute;
+  text-align: center;
+  width: 2em;
+  line-height: inherit; }
+
+.fa-border {
+  border: solid 0.08em #eee;
+  border-radius: .1em;
+  padding: .2em .25em .15em; }
+
+.fa-pull-left {
+  float: left; }
+
+.fa-pull-right {
+  float: right; }
+
+.fa.fa-pull-left,
+.fas.fa-pull-left,
+.far.fa-pull-left,
+.fal.fa-pull-left,
+.fab.fa-pull-left {
+  margin-right: .3em; }
+
+.fa.fa-pull-right,
+.fas.fa-pull-right,
+.far.fa-pull-right,
+.fal.fa-pull-right,
+.fab.fa-pull-right {
+  margin-left: .3em; }
+
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+          transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+          transform: scale(1, -1); }
+
+.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(-1, -1);
+          transform: scale(-1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical,
+:root .fa-flip-both {
+  -webkit-filter: none;
+          filter: none; }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%; }
+
+.fa-stack-1x {
+  line-height: inherit; }
+
+.fa-stack-2x {
+  font-size: 2em; }
+
+.fa-inverse {
+  color: #fff; }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+.fa-500px:before {
+  content: "\f26e"; }
+
+.fa-abacus:before {
+  content: "\f640"; }
+
+.fa-accessible-icon:before {
+  content: "\f368"; }
+
+.fa-accusoft:before {
+  content: "\f369"; }
+
+.fa-acorn:before {
+  content: "\f6ae"; }
+
+.fa-acquisitions-incorporated:before {
+  content: "\f6af"; }
+
+.fa-ad:before {
+  content: "\f641"; }
+
+.fa-address-book:before {
+  content: "\f2b9"; }
+
+.fa-address-card:before {
+  content: "\f2bb"; }
+
+.fa-adjust:before {
+  content: "\f042"; }
+
+.fa-adn:before {
+  content: "\f170"; }
+
+.fa-adobe:before {
+  content: "\f778"; }
+
+.fa-adversal:before {
+  content: "\f36a"; }
+
+.fa-affiliatetheme:before {
+  content: "\f36b"; }
+
+.fa-air-freshener:before {
+  content: "\f5d0"; }
+
+.fa-airbnb:before {
+  content: "\f834"; }
+
+.fa-alarm-clock:before {
+  content: "\f34e"; }
+
+.fa-algolia:before {
+  content: "\f36c"; }
+
+.fa-alicorn:before {
+  content: "\f6b0"; }
+
+.fa-align-center:before {
+  content: "\f037"; }
+
+.fa-align-justify:before {
+  content: "\f039"; }
+
+.fa-align-left:before {
+  content: "\f036"; }
+
+.fa-align-right:before {
+  content: "\f038"; }
+
+.fa-alipay:before {
+  content: "\f642"; }
+
+.fa-allergies:before {
+  content: "\f461"; }
+
+.fa-amazon:before {
+  content: "\f270"; }
+
+.fa-amazon-pay:before {
+  content: "\f42c"; }
+
+.fa-ambulance:before {
+  content: "\f0f9"; }
+
+.fa-american-sign-language-interpreting:before {
+  content: "\f2a3"; }
+
+.fa-amilia:before {
+  content: "\f36d"; }
+
+.fa-analytics:before {
+  content: "\f643"; }
+
+.fa-anchor:before {
+  content: "\f13d"; }
+
+.fa-android:before {
+  content: "\f17b"; }
+
+.fa-angel:before {
+  content: "\f779"; }
+
+.fa-angellist:before {
+  content: "\f209"; }
+
+.fa-angle-double-down:before {
+  content: "\f103"; }
+
+.fa-angle-double-left:before {
+  content: "\f100"; }
+
+.fa-angle-double-right:before {
+  content: "\f101"; }
+
+.fa-angle-double-up:before {
+  content: "\f102"; }
+
+.fa-angle-down:before {
+  content: "\f107"; }
+
+.fa-angle-left:before {
+  content: "\f104"; }
+
+.fa-angle-right:before {
+  content: "\f105"; }
+
+.fa-angle-up:before {
+  content: "\f106"; }
+
+.fa-angry:before {
+  content: "\f556"; }
+
+.fa-angrycreative:before {
+  content: "\f36e"; }
+
+.fa-angular:before {
+  content: "\f420"; }
+
+.fa-ankh:before {
+  content: "\f644"; }
+
+.fa-app-store:before {
+  content: "\f36f"; }
+
+.fa-app-store-ios:before {
+  content: "\f370"; }
+
+.fa-apper:before {
+  content: "\f371"; }
+
+.fa-apple:before {
+  content: "\f179"; }
+
+.fa-apple-alt:before {
+  content: "\f5d1"; }
+
+.fa-apple-crate:before {
+  content: "\f6b1"; }
+
+.fa-apple-pay:before {
+  content: "\f415"; }
+
+.fa-archive:before {
+  content: "\f187"; }
+
+.fa-archway:before {
+  content: "\f557"; }
+
+.fa-arrow-alt-circle-down:before {
+  content: "\f358"; }
+
+.fa-arrow-alt-circle-left:before {
+  content: "\f359"; }
+
+.fa-arrow-alt-circle-right:before {
+  content: "\f35a"; }
+
+.fa-arrow-alt-circle-up:before {
+  content: "\f35b"; }
+
+.fa-arrow-alt-down:before {
+  content: "\f354"; }
+
+.fa-arrow-alt-from-bottom:before {
+  content: "\f346"; }
+
+.fa-arrow-alt-from-left:before {
+  content: "\f347"; }
+
+.fa-arrow-alt-from-right:before {
+  content: "\f348"; }
+
+.fa-arrow-alt-from-top:before {
+  content: "\f349"; }
+
+.fa-arrow-alt-left:before {
+  content: "\f355"; }
+
+.fa-arrow-alt-right:before {
+  content: "\f356"; }
+
+.fa-arrow-alt-square-down:before {
+  content: "\f350"; }
+
+.fa-arrow-alt-square-left:before {
+  content: "\f351"; }
+
+.fa-arrow-alt-square-right:before {
+  content: "\f352"; }
+
+.fa-arrow-alt-square-up:before {
+  content: "\f353"; }
+
+.fa-arrow-alt-to-bottom:before {
+  content: "\f34a"; }
+
+.fa-arrow-alt-to-left:before {
+  content: "\f34b"; }
+
+.fa-arrow-alt-to-right:before {
+  content: "\f34c"; }
+
+.fa-arrow-alt-to-top:before {
+  content: "\f34d"; }
+
+.fa-arrow-alt-up:before {
+  content: "\f357"; }
+
+.fa-arrow-circle-down:before {
+  content: "\f0ab"; }
+
+.fa-arrow-circle-left:before {
+  content: "\f0a8"; }
+
+.fa-arrow-circle-right:before {
+  content: "\f0a9"; }
+
+.fa-arrow-circle-up:before {
+  content: "\f0aa"; }
+
+.fa-arrow-down:before {
+  content: "\f063"; }
+
+.fa-arrow-from-bottom:before {
+  content: "\f342"; }
+
+.fa-arrow-from-left:before {
+  content: "\f343"; }
+
+.fa-arrow-from-right:before {
+  content: "\f344"; }
+
+.fa-arrow-from-top:before {
+  content: "\f345"; }
+
+.fa-arrow-left:before {
+  content: "\f060"; }
+
+.fa-arrow-right:before {
+  content: "\f061"; }
+
+.fa-arrow-square-down:before {
+  content: "\f339"; }
+
+.fa-arrow-square-left:before {
+  content: "\f33a"; }
+
+.fa-arrow-square-right:before {
+  content: "\f33b"; }
+
+.fa-arrow-square-up:before {
+  content: "\f33c"; }
+
+.fa-arrow-to-bottom:before {
+  content: "\f33d"; }
+
+.fa-arrow-to-left:before {
+  content: "\f33e"; }
+
+.fa-arrow-to-right:before {
+  content: "\f340"; }
+
+.fa-arrow-to-top:before {
+  content: "\f341"; }
+
+.fa-arrow-up:before {
+  content: "\f062"; }
+
+.fa-arrows:before {
+  content: "\f047"; }
+
+.fa-arrows-alt:before {
+  content: "\f0b2"; }
+
+.fa-arrows-alt-h:before {
+  content: "\f337"; }
+
+.fa-arrows-alt-v:before {
+  content: "\f338"; }
+
+.fa-arrows-h:before {
+  content: "\f07e"; }
+
+.fa-arrows-v:before {
+  content: "\f07d"; }
+
+.fa-artstation:before {
+  content: "\f77a"; }
+
+.fa-assistive-listening-systems:before {
+  content: "\f2a2"; }
+
+.fa-asterisk:before {
+  content: "\f069"; }
+
+.fa-asymmetrik:before {
+  content: "\f372"; }
+
+.fa-at:before {
+  content: "\f1fa"; }
+
+.fa-atlas:before {
+  content: "\f558"; }
+
+.fa-atlassian:before {
+  content: "\f77b"; }
+
+.fa-atom:before {
+  content: "\f5d2"; }
+
+.fa-atom-alt:before {
+  content: "\f5d3"; }
+
+.fa-audible:before {
+  content: "\f373"; }
+
+.fa-audio-description:before {
+  content: "\f29e"; }
+
+.fa-autoprefixer:before {
+  content: "\f41c"; }
+
+.fa-avianex:before {
+  content: "\f374"; }
+
+.fa-aviato:before {
+  content: "\f421"; }
+
+.fa-award:before {
+  content: "\f559"; }
+
+.fa-aws:before {
+  content: "\f375"; }
+
+.fa-axe:before {
+  content: "\f6b2"; }
+
+.fa-axe-battle:before {
+  content: "\f6b3"; }
+
+.fa-baby:before {
+  content: "\f77c"; }
+
+.fa-baby-carriage:before {
+  content: "\f77d"; }
+
+.fa-backpack:before {
+  content: "\f5d4"; }
+
+.fa-backspace:before {
+  content: "\f55a"; }
+
+.fa-backward:before {
+  content: "\f04a"; }
+
+.fa-bacon:before {
+  content: "\f7e5"; }
+
+.fa-badge:before {
+  content: "\f335"; }
+
+.fa-badge-check:before {
+  content: "\f336"; }
+
+.fa-badge-dollar:before {
+  content: "\f645"; }
+
+.fa-badge-percent:before {
+  content: "\f646"; }
+
+.fa-badger-honey:before {
+  content: "\f6b4"; }
+
+.fa-balance-scale:before {
+  content: "\f24e"; }
+
+.fa-balance-scale-left:before {
+  content: "\f515"; }
+
+.fa-balance-scale-right:before {
+  content: "\f516"; }
+
+.fa-ball-pile:before {
+  content: "\f77e"; }
+
+.fa-ballot:before {
+  content: "\f732"; }
+
+.fa-ballot-check:before {
+  content: "\f733"; }
+
+.fa-ban:before {
+  content: "\f05e"; }
+
+.fa-band-aid:before {
+  content: "\f462"; }
+
+.fa-bandcamp:before {
+  content: "\f2d5"; }
+
+.fa-barcode:before {
+  content: "\f02a"; }
+
+.fa-barcode-alt:before {
+  content: "\f463"; }
+
+.fa-barcode-read:before {
+  content: "\f464"; }
+
+.fa-barcode-scan:before {
+  content: "\f465"; }
+
+.fa-bars:before {
+  content: "\f0c9"; }
+
+.fa-baseball:before {
+  content: "\f432"; }
+
+.fa-baseball-ball:before {
+  content: "\f433"; }
+
+.fa-basketball-ball:before {
+  content: "\f434"; }
+
+.fa-basketball-hoop:before {
+  content: "\f435"; }
+
+.fa-bat:before {
+  content: "\f6b5"; }
+
+.fa-bath:before {
+  content: "\f2cd"; }
+
+.fa-battery-bolt:before {
+  content: "\f376"; }
+
+.fa-battery-empty:before {
+  content: "\f244"; }
+
+.fa-battery-full:before {
+  content: "\f240"; }
+
+.fa-battery-half:before {
+  content: "\f242"; }
+
+.fa-battery-quarter:before {
+  content: "\f243"; }
+
+.fa-battery-slash:before {
+  content: "\f377"; }
+
+.fa-battery-three-quarters:before {
+  content: "\f241"; }
+
+.fa-battle-net:before {
+  content: "\f835"; }
+
+.fa-bed:before {
+  content: "\f236"; }
+
+.fa-beer:before {
+  content: "\f0fc"; }
+
+.fa-behance:before {
+  content: "\f1b4"; }
+
+.fa-behance-square:before {
+  content: "\f1b5"; }
+
+.fa-bell:before {
+  content: "\f0f3"; }
+
+.fa-bell-school:before {
+  content: "\f5d5"; }
+
+.fa-bell-school-slash:before {
+  content: "\f5d6"; }
+
+.fa-bell-slash:before {
+  content: "\f1f6"; }
+
+.fa-bells:before {
+  content: "\f77f"; }
+
+.fa-bezier-curve:before {
+  content: "\f55b"; }
+
+.fa-bible:before {
+  content: "\f647"; }
+
+.fa-bicycle:before {
+  content: "\f206"; }
+
+.fa-bimobject:before {
+  content: "\f378"; }
+
+.fa-binoculars:before {
+  content: "\f1e5"; }
+
+.fa-biohazard:before {
+  content: "\f780"; }
+
+.fa-birthday-cake:before {
+  content: "\f1fd"; }
+
+.fa-bitbucket:before {
+  content: "\f171"; }
+
+.fa-bitcoin:before {
+  content: "\f379"; }
+
+.fa-bity:before {
+  content: "\f37a"; }
+
+.fa-black-tie:before {
+  content: "\f27e"; }
+
+.fa-blackberry:before {
+  content: "\f37b"; }
+
+.fa-blanket:before {
+  content: "\f498"; }
+
+.fa-blender:before {
+  content: "\f517"; }
+
+.fa-blender-phone:before {
+  content: "\f6b6"; }
+
+.fa-blind:before {
+  content: "\f29d"; }
+
+.fa-blog:before {
+  content: "\f781"; }
+
+.fa-blogger:before {
+  content: "\f37c"; }
+
+.fa-blogger-b:before {
+  content: "\f37d"; }
+
+.fa-bluetooth:before {
+  content: "\f293"; }
+
+.fa-bluetooth-b:before {
+  content: "\f294"; }
+
+.fa-bold:before {
+  content: "\f032"; }
+
+.fa-bolt:before {
+  content: "\f0e7"; }
+
+.fa-bomb:before {
+  content: "\f1e2"; }
+
+.fa-bone:before {
+  content: "\f5d7"; }
+
+.fa-bone-break:before {
+  content: "\f5d8"; }
+
+.fa-bong:before {
+  content: "\f55c"; }
+
+.fa-book:before {
+  content: "\f02d"; }
+
+.fa-book-alt:before {
+  content: "\f5d9"; }
+
+.fa-book-dead:before {
+  content: "\f6b7"; }
+
+.fa-book-heart:before {
+  content: "\f499"; }
+
+.fa-book-medical:before {
+  content: "\f7e6"; }
+
+.fa-book-open:before {
+  content: "\f518"; }
+
+.fa-book-reader:before {
+  content: "\f5da"; }
+
+.fa-book-spells:before {
+  content: "\f6b8"; }
+
+.fa-book-user:before {
+  content: "\f7e7"; }
+
+.fa-bookmark:before {
+  content: "\f02e"; }
+
+.fa-books:before {
+  content: "\f5db"; }
+
+.fa-books-medical:before {
+  content: "\f7e8"; }
+
+.fa-boot:before {
+  content: "\f782"; }
+
+.fa-booth-curtain:before {
+  content: "\f734"; }
+
+.fa-bootstrap:before {
+  content: "\f836"; }
+
+.fa-bow-arrow:before {
+  content: "\f6b9"; }
+
+.fa-bowling-ball:before {
+  content: "\f436"; }
+
+.fa-bowling-pins:before {
+  content: "\f437"; }
+
+.fa-box:before {
+  content: "\f466"; }
+
+.fa-box-alt:before {
+  content: "\f49a"; }
+
+.fa-box-ballot:before {
+  content: "\f735"; }
+
+.fa-box-check:before {
+  content: "\f467"; }
+
+.fa-box-fragile:before {
+  content: "\f49b"; }
+
+.fa-box-full:before {
+  content: "\f49c"; }
+
+.fa-box-heart:before {
+  content: "\f49d"; }
+
+.fa-box-open:before {
+  content: "\f49e"; }
+
+.fa-box-up:before {
+  content: "\f49f"; }
+
+.fa-box-usd:before {
+  content: "\f4a0"; }
+
+.fa-boxes:before {
+  content: "\f468"; }
+
+.fa-boxes-alt:before {
+  content: "\f4a1"; }
+
+.fa-boxing-glove:before {
+  content: "\f438"; }
+
+.fa-brackets:before {
+  content: "\f7e9"; }
+
+.fa-brackets-curly:before {
+  content: "\f7ea"; }
+
+.fa-braille:before {
+  content: "\f2a1"; }
+
+.fa-brain:before {
+  content: "\f5dc"; }
+
+.fa-bread-loaf:before {
+  content: "\f7eb"; }
+
+.fa-bread-slice:before {
+  content: "\f7ec"; }
+
+.fa-briefcase:before {
+  content: "\f0b1"; }
+
+.fa-briefcase-medical:before {
+  content: "\f469"; }
+
+.fa-broadcast-tower:before {
+  content: "\f519"; }
+
+.fa-broom:before {
+  content: "\f51a"; }
+
+.fa-browser:before {
+  content: "\f37e"; }
+
+.fa-brush:before {
+  content: "\f55d"; }
+
+.fa-btc:before {
+  content: "\f15a"; }
+
+.fa-buffer:before {
+  content: "\f837"; }
+
+.fa-bug:before {
+  content: "\f188"; }
+
+.fa-building:before {
+  content: "\f1ad"; }
+
+.fa-bullhorn:before {
+  content: "\f0a1"; }
+
+.fa-bullseye:before {
+  content: "\f140"; }
+
+.fa-bullseye-arrow:before {
+  content: "\f648"; }
+
+.fa-bullseye-pointer:before {
+  content: "\f649"; }
+
+.fa-burn:before {
+  content: "\f46a"; }
+
+.fa-buromobelexperte:before {
+  content: "\f37f"; }
+
+.fa-burrito:before {
+  content: "\f7ed"; }
+
+.fa-bus:before {
+  content: "\f207"; }
+
+.fa-bus-alt:before {
+  content: "\f55e"; }
+
+.fa-bus-school:before {
+  content: "\f5dd"; }
+
+.fa-business-time:before {
+  content: "\f64a"; }
+
+.fa-buysellads:before {
+  content: "\f20d"; }
+
+.fa-cabinet-filing:before {
+  content: "\f64b"; }
+
+.fa-calculator:before {
+  content: "\f1ec"; }
+
+.fa-calculator-alt:before {
+  content: "\f64c"; }
+
+.fa-calendar:before {
+  content: "\f133"; }
+
+.fa-calendar-alt:before {
+  content: "\f073"; }
+
+.fa-calendar-check:before {
+  content: "\f274"; }
+
+.fa-calendar-day:before {
+  content: "\f783"; }
+
+.fa-calendar-edit:before {
+  content: "\f333"; }
+
+.fa-calendar-exclamation:before {
+  content: "\f334"; }
+
+.fa-calendar-minus:before {
+  content: "\f272"; }
+
+.fa-calendar-plus:before {
+  content: "\f271"; }
+
+.fa-calendar-star:before {
+  content: "\f736"; }
+
+.fa-calendar-times:before {
+  content: "\f273"; }
+
+.fa-calendar-week:before {
+  content: "\f784"; }
+
+.fa-camera:before {
+  content: "\f030"; }
+
+.fa-camera-alt:before {
+  content: "\f332"; }
+
+.fa-camera-retro:before {
+  content: "\f083"; }
+
+.fa-campfire:before {
+  content: "\f6ba"; }
+
+.fa-campground:before {
+  content: "\f6bb"; }
+
+.fa-canadian-maple-leaf:before {
+  content: "\f785"; }
+
+.fa-candle-holder:before {
+  content: "\f6bc"; }
+
+.fa-candy-cane:before {
+  content: "\f786"; }
+
+.fa-candy-corn:before {
+  content: "\f6bd"; }
+
+.fa-cannabis:before {
+  content: "\f55f"; }
+
+.fa-capsules:before {
+  content: "\f46b"; }
+
+.fa-car:before {
+  content: "\f1b9"; }
+
+.fa-car-alt:before {
+  content: "\f5de"; }
+
+.fa-car-battery:before {
+  content: "\f5df"; }
+
+.fa-car-bump:before {
+  content: "\f5e0"; }
+
+.fa-car-crash:before {
+  content: "\f5e1"; }
+
+.fa-car-garage:before {
+  content: "\f5e2"; }
+
+.fa-car-mechanic:before {
+  content: "\f5e3"; }
+
+.fa-car-side:before {
+  content: "\f5e4"; }
+
+.fa-car-tilt:before {
+  content: "\f5e5"; }
+
+.fa-car-wash:before {
+  content: "\f5e6"; }
+
+.fa-caret-circle-down:before {
+  content: "\f32d"; }
+
+.fa-caret-circle-left:before {
+  content: "\f32e"; }
+
+.fa-caret-circle-right:before {
+  content: "\f330"; }
+
+.fa-caret-circle-up:before {
+  content: "\f331"; }
+
+.fa-caret-down:before {
+  content: "\f0d7"; }
+
+.fa-caret-left:before {
+  content: "\f0d9"; }
+
+.fa-caret-right:before {
+  content: "\f0da"; }
+
+.fa-caret-square-down:before {
+  content: "\f150"; }
+
+.fa-caret-square-left:before {
+  content: "\f191"; }
+
+.fa-caret-square-right:before {
+  content: "\f152"; }
+
+.fa-caret-square-up:before {
+  content: "\f151"; }
+
+.fa-caret-up:before {
+  content: "\f0d8"; }
+
+.fa-carrot:before {
+  content: "\f787"; }
+
+.fa-cart-arrow-down:before {
+  content: "\f218"; }
+
+.fa-cart-plus:before {
+  content: "\f217"; }
+
+.fa-cash-register:before {
+  content: "\f788"; }
+
+.fa-cat:before {
+  content: "\f6be"; }
+
+.fa-cauldron:before {
+  content: "\f6bf"; }
+
+.fa-cc-amazon-pay:before {
+  content: "\f42d"; }
+
+.fa-cc-amex:before {
+  content: "\f1f3"; }
+
+.fa-cc-apple-pay:before {
+  content: "\f416"; }
+
+.fa-cc-diners-club:before {
+  content: "\f24c"; }
+
+.fa-cc-discover:before {
+  content: "\f1f2"; }
+
+.fa-cc-jcb:before {
+  content: "\f24b"; }
+
+.fa-cc-mastercard:before {
+  content: "\f1f1"; }
+
+.fa-cc-paypal:before {
+  content: "\f1f4"; }
+
+.fa-cc-stripe:before {
+  content: "\f1f5"; }
+
+.fa-cc-visa:before {
+  content: "\f1f0"; }
+
+.fa-centercode:before {
+  content: "\f380"; }
+
+.fa-centos:before {
+  content: "\f789"; }
+
+.fa-certificate:before {
+  content: "\f0a3"; }
+
+.fa-chair:before {
+  content: "\f6c0"; }
+
+.fa-chair-office:before {
+  content: "\f6c1"; }
+
+.fa-chalkboard:before {
+  content: "\f51b"; }
+
+.fa-chalkboard-teacher:before {
+  content: "\f51c"; }
+
+.fa-charging-station:before {
+  content: "\f5e7"; }
+
+.fa-chart-area:before {
+  content: "\f1fe"; }
+
+.fa-chart-bar:before {
+  content: "\f080"; }
+
+.fa-chart-line:before {
+  content: "\f201"; }
+
+.fa-chart-line-down:before {
+  content: "\f64d"; }
+
+.fa-chart-network:before {
+  content: "\f78a"; }
+
+.fa-chart-pie:before {
+  content: "\f200"; }
+
+.fa-chart-pie-alt:before {
+  content: "\f64e"; }
+
+.fa-chart-scatter:before {
+  content: "\f7ee"; }
+
+.fa-check:before {
+  content: "\f00c"; }
+
+.fa-check-circle:before {
+  content: "\f058"; }
+
+.fa-check-double:before {
+  content: "\f560"; }
+
+.fa-check-square:before {
+  content: "\f14a"; }
+
+.fa-cheese:before {
+  content: "\f7ef"; }
+
+.fa-cheese-swiss:before {
+  content: "\f7f0"; }
+
+.fa-cheeseburger:before {
+  content: "\f7f1"; }
+
+.fa-chess:before {
+  content: "\f439"; }
+
+.fa-chess-bishop:before {
+  content: "\f43a"; }
+
+.fa-chess-bishop-alt:before {
+  content: "\f43b"; }
+
+.fa-chess-board:before {
+  content: "\f43c"; }
+
+.fa-chess-clock:before {
+  content: "\f43d"; }
+
+.fa-chess-clock-alt:before {
+  content: "\f43e"; }
+
+.fa-chess-king:before {
+  content: "\f43f"; }
+
+.fa-chess-king-alt:before {
+  content: "\f440"; }
+
+.fa-chess-knight:before {
+  content: "\f441"; }
+
+.fa-chess-knight-alt:before {
+  content: "\f442"; }
+
+.fa-chess-pawn:before {
+  content: "\f443"; }
+
+.fa-chess-pawn-alt:before {
+  content: "\f444"; }
+
+.fa-chess-queen:before {
+  content: "\f445"; }
+
+.fa-chess-queen-alt:before {
+  content: "\f446"; }
+
+.fa-chess-rook:before {
+  content: "\f447"; }
+
+.fa-chess-rook-alt:before {
+  content: "\f448"; }
+
+.fa-chevron-circle-down:before {
+  content: "\f13a"; }
+
+.fa-chevron-circle-left:before {
+  content: "\f137"; }
+
+.fa-chevron-circle-right:before {
+  content: "\f138"; }
+
+.fa-chevron-circle-up:before {
+  content: "\f139"; }
+
+.fa-chevron-double-down:before {
+  content: "\f322"; }
+
+.fa-chevron-double-left:before {
+  content: "\f323"; }
+
+.fa-chevron-double-right:before {
+  content: "\f324"; }
+
+.fa-chevron-double-up:before {
+  content: "\f325"; }
+
+.fa-chevron-down:before {
+  content: "\f078"; }
+
+.fa-chevron-left:before {
+  content: "\f053"; }
+
+.fa-chevron-right:before {
+  content: "\f054"; }
+
+.fa-chevron-square-down:before {
+  content: "\f329"; }
+
+.fa-chevron-square-left:before {
+  content: "\f32a"; }
+
+.fa-chevron-square-right:before {
+  content: "\f32b"; }
+
+.fa-chevron-square-up:before {
+  content: "\f32c"; }
+
+.fa-chevron-up:before {
+  content: "\f077"; }
+
+.fa-child:before {
+  content: "\f1ae"; }
+
+.fa-chimney:before {
+  content: "\f78b"; }
+
+.fa-chrome:before {
+  content: "\f268"; }
+
+.fa-chromecast:before {
+  content: "\f838"; }
+
+.fa-church:before {
+  content: "\f51d"; }
+
+.fa-circle:before {
+  content: "\f111"; }
+
+.fa-circle-notch:before {
+  content: "\f1ce"; }
+
+.fa-city:before {
+  content: "\f64f"; }
+
+.fa-claw-marks:before {
+  content: "\f6c2"; }
+
+.fa-clinic-medical:before {
+  content: "\f7f2"; }
+
+.fa-clipboard:before {
+  content: "\f328"; }
+
+.fa-clipboard-check:before {
+  content: "\f46c"; }
+
+.fa-clipboard-list:before {
+  content: "\f46d"; }
+
+.fa-clipboard-list-check:before {
+  content: "\f737"; }
+
+.fa-clipboard-prescription:before {
+  content: "\f5e8"; }
+
+.fa-clipboard-user:before {
+  content: "\f7f3"; }
+
+.fa-clock:before {
+  content: "\f017"; }
+
+.fa-clone:before {
+  content: "\f24d"; }
+
+.fa-closed-captioning:before {
+  content: "\f20a"; }
+
+.fa-cloud:before {
+  content: "\f0c2"; }
+
+.fa-cloud-download:before {
+  content: "\f0ed"; }
+
+.fa-cloud-download-alt:before {
+  content: "\f381"; }
+
+.fa-cloud-drizzle:before {
+  content: "\f738"; }
+
+.fa-cloud-hail:before {
+  content: "\f739"; }
+
+.fa-cloud-hail-mixed:before {
+  content: "\f73a"; }
+
+.fa-cloud-meatball:before {
+  content: "\f73b"; }
+
+.fa-cloud-moon:before {
+  content: "\f6c3"; }
+
+.fa-cloud-moon-rain:before {
+  content: "\f73c"; }
+
+.fa-cloud-rain:before {
+  content: "\f73d"; }
+
+.fa-cloud-rainbow:before {
+  content: "\f73e"; }
+
+.fa-cloud-showers:before {
+  content: "\f73f"; }
+
+.fa-cloud-showers-heavy:before {
+  content: "\f740"; }
+
+.fa-cloud-sleet:before {
+  content: "\f741"; }
+
+.fa-cloud-snow:before {
+  content: "\f742"; }
+
+.fa-cloud-sun:before {
+  content: "\f6c4"; }
+
+.fa-cloud-sun-rain:before {
+  content: "\f743"; }
+
+.fa-cloud-upload:before {
+  content: "\f0ee"; }
+
+.fa-cloud-upload-alt:before {
+  content: "\f382"; }
+
+.fa-clouds:before {
+  content: "\f744"; }
+
+.fa-clouds-moon:before {
+  content: "\f745"; }
+
+.fa-clouds-sun:before {
+  content: "\f746"; }
+
+.fa-cloudscale:before {
+  content: "\f383"; }
+
+.fa-cloudsmith:before {
+  content: "\f384"; }
+
+.fa-cloudversify:before {
+  content: "\f385"; }
+
+.fa-club:before {
+  content: "\f327"; }
+
+.fa-cocktail:before {
+  content: "\f561"; }
+
+.fa-code:before {
+  content: "\f121"; }
+
+.fa-code-branch:before {
+  content: "\f126"; }
+
+.fa-code-commit:before {
+  content: "\f386"; }
+
+.fa-code-merge:before {
+  content: "\f387"; }
+
+.fa-codepen:before {
+  content: "\f1cb"; }
+
+.fa-codiepie:before {
+  content: "\f284"; }
+
+.fa-coffee:before {
+  content: "\f0f4"; }
+
+.fa-coffee-togo:before {
+  content: "\f6c5"; }
+
+.fa-coffin:before {
+  content: "\f6c6"; }
+
+.fa-cog:before {
+  content: "\f013"; }
+
+  .fa-user:before {
+    content: "\f013";
+  }
+
+  .fa-comments-dollar {
+    content: "\f013";
+  }
+  .fa-search-dollar {
+    content: "\f013";
+  }
+  .fa-check {
+    content: "\f013";
+  }
+
+.fa-cogs:before {
+  content: "\f085"; }
+
+.fa-coins:before {
+  content: "\f51e"; }
+
+.fa-columns:before {
+  content: "\f0db"; }
+
+.fa-comment:before {
+  content: "\f075"; }
+
+.fa-comment-alt:before {
+  content: "\f27a"; }
+
+.fa-comment-alt-check:before {
+  content: "\f4a2"; }
+
+.fa-comment-alt-dollar:before {
+  content: "\f650"; }
+
+.fa-comment-alt-dots:before {
+  content: "\f4a3"; }
+
+.fa-comment-alt-edit:before {
+  content: "\f4a4"; }
+
+.fa-comment-alt-exclamation:before {
+  content: "\f4a5"; }
+
+.fa-comment-alt-lines:before {
+  content: "\f4a6"; }
+
+.fa-comment-alt-medical:before {
+  content: "\f7f4"; }
+
+.fa-comment-alt-minus:before {
+  content: "\f4a7"; }
+
+.fa-comment-alt-plus:before {
+  content: "\f4a8"; }
+
+.fa-comment-alt-slash:before {
+  content: "\f4a9"; }
+
+.fa-comment-alt-smile:before {
+  content: "\f4aa"; }
+
+.fa-comment-alt-times:before {
+  content: "\f4ab"; }
+
+.fa-comment-check:before {
+  content: "\f4ac"; }
+
+.fa-comment-dollar:before {
+  content: "\f651"; }
+
+.fa-comment-dots:before {
+  content: "\f4ad"; }
+
+.fa-comment-edit:before {
+  content: "\f4ae"; }
+
+.fa-comment-exclamation:before {
+  content: "\f4af"; }
+
+.fa-comment-lines:before {
+  content: "\f4b0"; }
+
+.fa-comment-medical:before {
+  content: "\f7f5"; }
+
+.fa-comment-minus:before {
+  content: "\f4b1"; }
+
+.fa-comment-plus:before {
+  content: "\f4b2"; }
+
+.fa-comment-slash:before {
+  content: "\f4b3"; }
+
+.fa-comment-smile:before {
+  content: "\f4b4"; }
+
+.fa-comment-times:before {
+  content: "\f4b5"; }
+
+.fa-comments:before {
+  content: "\f086"; }
+
+.fa-comments-alt:before {
+  content: "\f4b6"; }
+
+.fa-comments-alt-dollar:before {
+  content: "\f652"; }
+
+.fa-comments-dollar:before {
+  content: "\f653"; }
+
+.fa-compact-disc:before {
+  content: "\f51f"; }
+
+.fa-compass:before {
+  content: "\f14e"; }
+
+.fa-compass-slash:before {
+  content: "\f5e9"; }
+
+.fa-compress:before {
+  content: "\f066"; }
+
+.fa-compress-alt:before {
+  content: "\f422"; }
+
+.fa-compress-arrows-alt:before {
+  content: "\f78c"; }
+
+.fa-compress-wide:before {
+  content: "\f326"; }
+
+.fa-concierge-bell:before {
+  content: "\f562"; }
+
+.fa-confluence:before {
+  content: "\f78d"; }
+
+.fa-connectdevelop:before {
+  content: "\f20e"; }
+
+.fa  er-container-storage:before {
+  content: "\f4b7"; }
+
+.fa-contao:before {
+  content: "\f26d"; }
+
+.fa-conveyor-belt:before {
+  content: "\f46e"; }
+
+.fa-conveyor-belt-alt:before {
+  content: "\f46f"; }
+
+.fa-cookie:before {
+  content: "\f563"; }
+
+.fa-cookie-bite:before {
+  content: "\f564"; }
+
+.fa-copy:before {
+  content: "\f0c5"; }
+
+.fa-copyright:before {
+  content: "\f1f9"; }
+
+.fa-corn:before {
+  content: "\f6c7"; }
+
+.fa-couch:before {
+  content: "\f4b8"; }
+
+.fa-cow:before {
+  content: "\f6c8"; }
+
+.fa-cpanel:before {
+  content: "\f388"; }
+
+.fa-creative-commons:before {
+  content: "\f25e"; }
+
+.fa-creative-commons-by:before {
+  content: "\f4e7"; }
+
+.fa-creative-commons-nc:before {
+  content: "\f4e8"; }
+
+.fa-creative-commons-nc-eu:before {
+  content: "\f4e9"; }
+
+.fa-creative-commons-nc-jp:before {
+  content: "\f4ea"; }
+
+.fa-creative-commons-nd:before {
+  content: "\f4eb"; }
+
+.fa-creative-commons-pd:before {
+  content: "\f4ec"; }
+
+.fa-creative-commons-pd-alt:before {
+  content: "\f4ed"; }
+
+.fa-creative-commons-remix:before {
+  content: "\f4ee"; }
+
+.fa-creative-commons-sa:before {
+  content: "\f4ef"; }
+
+.fa-creative-commons-sampling:before {
+  content: "\f4f0"; }
+
+.fa-creative-commons-sampling-plus:before {
+  content: "\f4f1"; }
+
+.fa-creative-commons-share:before {
+  content: "\f4f2"; }
+
+.fa-creative-commons-zero:before {
+  content: "\f4f3"; }
+
+.fa-credit-card:before {
+  content: "\f09d"; }
+
+.fa-credit-card-blank:before {
+  content: "\f389"; }
+
+.fa-credit-card-front:before {
+  content: "\f38a"; }
+
+.fa-cricket:before {
+  content: "\f449"; }
+
+.fa-critical-role:before {
+  content: "\f6c9"; }
+
+.fa-croissant:before {
+  content: "\f7f6"; }
+
+.fa-crop:before {
+  content: "\f125"; }
+
+.fa-crop-alt:before {
+  content: "\f565"; }
+
+.fa-cross:before {
+  content: "\f654"; }
+
+.fa-crosshairs:before {
+  content: "\f05b"; }
+
+.fa-crow:before {
+  content: "\f520"; }
+
+.fa-crown:before {
+  content: "\f521"; }
+
+.fa-crutch:before {
+  content: "\f7f7"; }
+
+.fa-crutches:before {
+  content: "\f7f8"; }
+
+.fa-css3:before {
+  content: "\f13c"; }
+
+.fa-css3-alt:before {
+  content: "\f38b"; }
+
+.fa-cube:before {
+  content: "\f1b2"; }
+
+.fa-cubes:before {
+  content: "\f1b3"; }
+
+.fa-curling:before {
+  content: "\f44a"; }
+
+.fa-cut:before {
+  content: "\f0c4"; }
+
+.fa-cuttlefish:before {
+  content: "\f38c"; }
+
+.fa-d-and-d:before {
+  content: "\f38d"; }
+
+.fa-d-and-d-beyond:before {
+  content: "\f6ca"; }
+
+.fa-dagger:before {
+  content: "\f6cb"; }
+
+.fa-dashcube:before {
+  content: "\f210"; }
+
+.fa-database:before {
+  content: "\f1c0"; }
+
+.fa-deaf:before {
+  content: "\f2a4"; }
+
+.fa-debug:before {
+  content: "\f7f9"; }
+
+.fa-deer:before {
+  content: "\f78e"; }
+
+.fa-deer-rudolph:before {
+  content: "\f78f"; }
+
+.fa-delicious:before {
+  content: "\f1a5"; }
+
+.fa-democrat:before {
+  content: "\f747"; }
+
+.fa-deploydog:before {
+  content: "\f38e"; }
+
+.fa-deskpro:before {
+  content: "\f38f"; }
+
+.fa-desktop:before {
+  content: "\f108"; }
+
+.fa-desktop-alt:before {
+  content: "\f390"; }
+
+.fa-dev:before {
+  content: "\f6cc"; }
+
+.fa-deviantart:before {
+  content: "\f1bd"; }
+
+.fa-dewpoint:before {
+  content: "\f748"; }
+
+.fa-dharmachakra:before {
+  content: "\f655"; }
+
+.fa-dhl:before {
+  content: "\f790"; }
+
+.fa-diagnoses:before {
+  content: "\f470"; }
+
+.fa-diamond:before {
+  content: "\f219"; }
+
+.fa-diaspora:before {
+  content: "\f791"; }
+
+.fa-dice:before {
+  content: "\f522"; }
+
+.fa-dice-d10:before {
+  content: "\f6cd"; }
+
+.fa-dice-d12:before {
+  content: "\f6ce"; }
+
+.fa-dice-d20:before {
+  content: "\f6cf"; }
+
+.fa-dice-d4:before {
+  content: "\f6d0"; }
+
+.fa-dice-d6:before {
+  content: "\f6d1"; }
+
+.fa-dice-d8:before {
+  content: "\f6d2"; }
+
+.fa-dice-five:before {
+  content: "\f523"; }
+
+.fa-dice-four:before {
+  content: "\f524"; }
+
+.fa-dice-one:before {
+  content: "\f525"; }
+
+.fa-dice-six:before {
+  content: "\f526"; }
+
+.fa-dice-three:before {
+  content: "\f527"; }
+
+.fa-dice-two:before {
+  content: "\f528"; }
+
+.fa-digg:before {
+  content: "\f1a6"; }
+
+.fa-digital-ocean:before {
+  content: "\f391"; }
+
+.fa-digital-tachograph:before {
+  content: "\f566"; }
+
+.fa-diploma:before {
+  content: "\f5ea"; }
+
+.fa-directions:before {
+  content: "\f5eb"; }
+
+.fa-discord:before {
+  content: "\f392"; }
+
+.fa-discourse:before {
+  content: "\f393"; }
+
+.fa-disease:before {
+  content: "\f7fa"; }
+
+.fa-divide:before {
+  content: "\f529"; }
+
+.fa-dizzy:before {
+  content: "\f567"; }
+
+.fa-dna:before {
+  content: "\f471"; }
+
+.fa-do-not-enter:before {
+  content: "\f5ec"; }
+
+.fa-dochub:before {
+  content: "\f394"; }
+
+.fa-docker:before {
+  content: "\f395"; }
+
+.fa-dog:before {
+  content: "\f6d3"; }
+
+.fa-dog-leashed:before {
+  content: "\f6d4"; }
+
+.fa-dollar-sign:before {
+  content: "\f155"; }
+
+.fa-dolly:before {
+  content: "\f472"; }
+
+.fa-dolly-empty:before {
+  content: "\f473"; }
+
+.fa-dolly-flatbed:before {
+  content: "\f474"; }
+
+.fa-dolly-flatbed-alt:before {
+  content: "\f475"; }
+
+.fa-dolly-flatbed-empty:before {
+  content: "\f476"; }
+
+.fa-donate:before {
+  content: "\f4b9"; }
+
+.fa-door-closed:before {
+  content: "\f52a"; }
+
+.fa-door-open:before {
+  content: "\f52b"; }
+
+.fa-dot-circle:before {
+  content: "\f192"; }
+
+.fa-dove:before {
+  content: "\f4ba"; }
+
+.fa-download:before {
+  content: "\f019"; }
+
+.fa-draft2digital:before {
+  content: "\f396"; }
+
+.fa-drafting-compass:before {
+  content: "\f568"; }
+
+.fa-dragon:before {
+  content: "\f6d5"; }
+
+.fa-draw-circle:before {
+  content: "\f5ed"; }
+
+.fa-draw-polygon:before {
+  content: "\f5ee"; }
+
+.fa-draw-square:before {
+  content: "\f5ef"; }
+
+.fa-dreidel:before {
+  content: "\f792"; }
+
+.fa-dribbble:before {
+  content: "\f17d"; }
+
+.fa-dribbble-square:before {
+  content: "\f397"; }
+
+.fa-dropbox:before {
+  content: "\f16b"; }
+
+.fa-drum:before {
+  content: "\f569"; }
+
+.fa-drum-steelpan:before {
+  content: "\f56a"; }
+
+.fa-drumstick:before {
+  content: "\f6d6"; }
+
+.fa-drumstick-bite:before {
+  content: "\f6d7"; }
+
+.fa-drupal:before {
+  content: "\f1a9"; }
+
+.fa-duck:before {
+  content: "\f6d8"; }
+
+.fa-dumbbell:before {
+  content: "\f44b"; }
+
+.fa-dumpster:before {
+  content: "\f793"; }
+
+.fa-dumpster-fire:before {
+  content: "\f794"; }
+
+.fa-dungeon:before {
+  content: "\f6d9"; }
+
+.fa-dyalog:before {
+  content: "\f399"; }
+
+.fa-ear:before {
+  content: "\f5f0"; }
+
+.fa-ear-muffs:before {
+  content: "\f795"; }
+
+.fa-earlybirds:before {
+  content: "\f39a"; }
+
+.fa-ebay:before {
+  content: "\f4f4"; }
+
+.fa-eclipse:before {
+  content: "\f749"; }
+
+.fa-eclipse-alt:before {
+  content: "\f74a"; }
+
+.fa-edge:before {
+  content: "\f282"; }
+
+.fa-edit:before {
+  content: "\f044"; }
+
+.fa-egg:before {
+  content: "\f7fb"; }
+
+.fa-egg-fried:before {
+  content: "\f7fc"; }
+
+.fa-eject:before {
+  content: "\f052"; }
+
+.fa-elementor:before {
+  content: "\f430"; }
+
+.fa-elephant:before {
+  content: "\f6da"; }
+
+.fa-ellipsis-h:before {
+  content: "\f141"; }
+
+.fa-ellipsis-h-alt:before {
+  content: "\f39b"; }
+
+.fa-ellipsis-v:before {
+  content: "\f142"; }
+
+.fa-ellipsis-v-alt:before {
+  content: "\f39c"; }
+
+.fa-ello:before {
+  content: "\f5f1"; }
+
+.fa-ember:before {
+  content: "\f423"; }
+
+.fa-empire:before {
+  content: "\f1d1"; }
+
+.fa-empty-set:before {
+  content: "\f656"; }
+
+.fa-engine-warning:before {
+  content: "\f5f2"; }
+
+.fa-envelope:before {
+  content: "\f0e0"; }
+
+.fa-envelope-open:before {
+  content: "\f2b6"; }
+
+.fa-envelope-open-dollar:before {
+  content: "\f657"; }
+
+.fa-envelope-open-text:before {
+  content: "\f658"; }
+
+.fa-envelope-square:before {
+  content: "\f199"; }
+
+.fa-envira:before {
+  content: "\f299"; }
+
+.fa-equals:before {
+  content: "\f52c"; }
+
+.fa-eraser:before {
+  content: "\f12d"; }
+
+.fa-erlang:before {
+  content: "\f39d"; }
+
+.fa-ethereum:before {
+  content: "\f42e"; }
+
+.fa-ethernet:before {
+  content: "\f796"; }
+
+.fa-etsy:before {
+  content: "\f2d7"; }
+
+.fa-euro-sign:before {
+  content: "\f153"; }
+
+.fa-evernote:before {
+  content: "\f839"; }
+
+.fa-exchange:before {
+  content: "\f0ec"; }
+
+.fa-exchange-alt:before {
+  content: "\f362"; }
+
+.fa-exclamation:before {
+  content: "\f12a"; }
+
+.fa-exclamation-circle:before {
+  content: "\f06a"; }
+
+.fa-exclamation-square:before {
+  content: "\f321"; }
+
+.fa-exclamation-triangle:before {
+  content: "\f071"; }
+
+.fa-expand:before {
+  content: "\f065"; }
+
+.fa-expand-alt:before {
+  content: "\f424"; }
+
+.fa-expand-arrows:before {
+  content: "\f31d"; }
+
+.fa-expand-arrows-alt:before {
+  content: "\f31e"; }
+
+.fa-expand-wide:before {
+  content: "\f320"; }
+
+.fa-expeditedssl:before {
+  content: "\f23e"; }
+
+.fa-external-link:before {
+  content: "\f08e"; }
+
+.fa-external-link-alt:before {
+  content: "\f35d"; }
+
+.fa-external-link-square:before {
+  content: "\f14c"; }
+
+.fa-external-link-square-alt:before {
+  content: "\f360"; }
+
+.fa-eye:before {
+  content: "\f06e"; }
+
+.fa-eye-dropper:before {
+  content: "\f1fb"; }
+
+.fa-eye-evil:before {
+  content: "\f6db"; }
+
+.fa-eye-slash:before {
+  content: "\f070"; }
+
+.fa-facebook:before {
+  content: "\f09a"; }
+
+.fa-facebook-f:before {
+  content: "\f39e"; }
+
+.fa-facebook-messenger:before {
+  content: "\f39f"; }
+
+.fa-facebook-square:before {
+  content: "\f082"; }
+
+.fa-fantasy-flight-games:before {
+  content: "\f6dc"; }
+
+.fa-fast-backward:before {
+  content: "\f049"; }
+
+.fa-fast-forward:before {
+  content: "\f050"; }
+
+.fa-fax:before {
+  content: "\f1ac"; }
+
+.fa-feather:before {
+  content: "\f52d"; }
+
+.fa-feather-alt:before {
+  content: "\f56b"; }
+
+.fa-fedex:before {
+  content: "\f797"; }
+
+.fa-fedora:before {
+  content: "\f798"; }
+
+.fa-female:before {
+  content: "\f182"; }
+
+.fa-field-hockey:before {
+  content: "\f44c"; }
+
+.fa-fighter-jet:before {
+  content: "\f0fb"; }
+
+.fa-figma:before {
+  content: "\f799"; }
+
+.fa-file:before {
+  content: "\f15b"; }
+
+.fa-file-alt:before {
+  content: "\f15c"; }
+
+.fa-file-archive:before {
+  content: "\f1c6"; }
+
+.fa-file-audio:before {
+  content: "\f1c7"; }
+
+.fa-file-certificate:before {
+  content: "\f5f3"; }
+
+.fa-file-chart-line:before {
+  content: "\f659"; }
+
+.fa-file-chart-pie:before {
+  content: "\f65a"; }
+
+.fa-file-check:before {
+  content: "\f316"; }
+
+.fa-file-code:before {
+  content: "\f1c9"; }
+
+.fa-file-contract:before {
+  content: "\f56c"; }
+
+.fa-file-csv:before {
+  content: "\f6dd"; }
+
+.fa-file-download:before {
+  content: "\f56d"; }
+
+.fa-file-edit:before {
+  content: "\f31c"; }
+
+.fa-file-excel:before {
+  content: "\f1c3"; }
+
+.fa-file-exclamation:before {
+  content: "\f31a"; }
+
+.fa-file-export:before {
+  content: "\f56e"; }
+
+.fa-file-image:before {
+  content: "\f1c5"; }
+
+.fa-file-import:before {
+  content: "\f56f"; }
+
+.fa-file-invoice:before {
+  content: "\f570"; }
+
+.fa-file-invoice-dollar:before {
+  content: "\f571"; }
+
+.fa-file-medical:before {
+  content: "\f477"; }
+
+.fa-file-medical-alt:before {
+  content: "\f478"; }
+
+.fa-file-minus:before {
+  content: "\f318"; }
+
+.fa-file-pdf:before {
+  content: "\f1c1"; }
+
+.fa-file-plus:before {
+  content: "\f319"; }
+
+.fa-file-powerpoint:before {
+  content: "\f1c4"; }
+
+.fa-file-prescription:before {
+  content: "\f572"; }
+
+.fa-file-signature:before {
+  content: "\f573"; }
+
+.fa-file-spreadsheet:before {
+  content: "\f65b"; }
+
+.fa-file-times:before {
+  content: "\f317"; }
+
+.fa-file-upload:before {
+  content: "\f574"; }
+
+.fa-file-user:before {
+  content: "\f65c"; }
+
+.fa-file-video:before {
+  content: "\f1c8"; }
+
+.fa-file-word:before {
+  content: "\f1c2"; }
+
+.fa-files-medical:before {
+  content: "\f7fd"; }
+
+.fa-fill:before {
+  content: "\f575"; }
+
+.fa-fill-drip:before {
+  content: "\f576"; }
+
+.fa-film:before {
+  content: "\f008"; }
+
+.fa-film-alt:before {
+  content: "\f3a0"; }
+
+.fa-filter:before {
+  content: "\f0b0"; }
+
+.fa-fingerprint:before {
+  content: "\f577"; }
+
+.fa-fire:before {
+  content: "\f06d"; }
+
+.fa-fire-alt:before {
+  content: "\f7e4"; }
+
+.fa-fire-extinguisher:before {
+  content: "\f134"; }
+
+.fa-fire-smoke:before {
+  content: "\f74b"; }
+
+.fa-firefox:before {
+  content: "\f269"; }
+
+.fa-fireplace:before {
+  content: "\f79a"; }
+
+.fa-first-aid:before {
+  content: "\f479"; }
+
+.fa-first-order:before {
+  content: "\f2b0"; }
+
+.fa-first-order-alt:before {
+  content: "\f50a"; }
+
+.fa-firstdraft:before {
+  content: "\f3a1"; }
+
+.fa-fish:before {
+  content: "\f578"; }
+
+.fa-fish-cooked:before {
+  content: "\f7fe"; }
+
+.fa-fist-raised:before {
+  content: "\f6de"; }
+
+.fa-flag:before {
+  content: "\f024"; }
+
+.fa-flag-alt:before {
+  content: "\f74c"; }
+
+.fa-flag-checkered:before {
+  content: "\f11e"; }
+
+.fa-flag-usa:before {
+  content: "\f74d"; }
+
+.fa-flame:before {
+  content: "\f6df"; }
+
+.fa-flask:before {
+  content: "\f0c3"; }
+
+.fa-flask-poison:before {
+  content: "\f6e0"; }
+
+.fa-flask-potion:before {
+  content: "\f6e1"; }
+
+.fa-flickr:before {
+  content: "\f16e"; }
+
+.fa-flipboard:before {
+  content: "\f44d"; }
+
+.fa-flower:before {
+  content: "\f7ff"; }
+
+.fa-flower-daffodil:before {
+  content: "\f800"; }
+
+.fa-flower-tulip:before {
+  content: "\f801"; }
+
+.fa-flushed:before {
+  content: "\f579"; }
+
+.fa-fly:before {
+  content: "\f417"; }
+
+.fa-fog:before {
+  content: "\f74e"; }
+
+.fa-folder:before {
+  content: "\f07b"; }
+
+.fa-folder-minus:before {
+  content: "\f65d"; }
+
+.fa-folder-open:before {
+  content: "\f07c"; }
+
+.fa-folder-plus:before {
+  content: "\f65e"; }
+
+.fa-folder-times:before {
+  content: "\f65f"; }
+
+.fa-folder-tree:before {
+  content: "\f802"; }
+
+.fa-folders:before {
+  content: "\f660"; }
+
+.fa-font:before {
+  content: "\f031"; }
+
+.fa-font-awesome:before {
+  content: "\f2b4"; }
+
+.fa-font-awesome-alt:before {
+  content: "\f35c"; }
+
+.fa-font-awesome-flag:before {
+  content: "\f425"; }
+
+.fa-font-awesome-logo-full:before {
+  content: "\f4e6"; }
+
+.fa-fonticons:before {
+  content: "\f280"; }
+
+.fa-fonticons-fi:before {
+  content: "\f3a2"; }
+
+.fa-football-ball:before {
+  content: "\f44e"; }
+
+.fa-football-helmet:before {
+  content: "\f44f"; }
+
+.fa-forklift:before {
+  content: "\f47a"; }
+
+.fa-fort-awesome:before {
+  content: "\f286"; }
+
+.fa-fort-awesome-alt:before {
+  content: "\f3a3"; }
+
+.fa-forumbee:before {
+  content: "\f211"; }
+
+.fa-forward:before {
+  content: "\f04e"; }
+
+.fa-foursquare:before {
+  content: "\f180"; }
+
+.fa-fragile:before {
+  content: "\f4bb"; }
+
+.fa-free-code-camp:before {
+  content: "\f2c5"; }
+
+.fa-freebsd:before {
+  content: "\f3a4"; }
+
+.fa-french-fries:before {
+  content: "\f803"; }
+
+.fa-frog:before {
+  content: "\f52e"; }
+
+.fa-frosty-head:before {
+  content: "\f79b"; }
+
+.fa-frown:before {
+  content: "\f119"; }
+
+.fa-frown-open:before {
+  content: "\f57a"; }
+
+.fa-fulcrum:before {
+  content: "\f50b"; }
+
+.fa-function:before {
+  content: "\f661"; }
+
+.fa-funnel-dollar:before {
+  content: "\f662"; }
+
+.fa-futbol:before {
+  content: "\f1e3"; }
+
+.fa-galactic-republic:before {
+  content: "\f50c"; }
+
+.fa-galactic-senate:before {
+  content: "\f50d"; }
+
+.fa-gamepad:before {
+  content: "\f11b"; }
+
+.fa-gas-pump:before {
+  content: "\f52f"; }
+
+.fa-gas-pump-slash:before {
+  content: "\f5f4"; }
+
+.fa-gavel:before {
+  content: "\f0e3"; }
+
+.fa-gem:before {
+  content: "\f3a5"; }
+
+.fa-genderless:before {
+  content: "\f22d"; }
+
+.fa-get-pocket:before {
+  content: "\f265"; }
+
+.fa-gg:before {
+  content: "\f260"; }
+
+.fa-gg-circle:before {
+  content: "\f261"; }
+
+.fa-ghost:before {
+  content: "\f6e2"; }
+
+.fa-gift:before {
+  content: "\f06b"; }
+
+.fa-gift-card:before {
+  content: "\f663"; }
+
+.fa-gifts:before {
+  content: "\f79c"; }
+
+.fa-gingerbread-man:before {
+  content: "\f79d"; }
+
+.fa-git:before {
+  content: "\f1d3"; }
+
+.fa-git-square:before {
+  content: "\f1d2"; }
+
+.fa-github:before {
+  content: "\f09b"; }
+
+.fa-github-alt:before {
+  content: "\f113"; }
+
+.fa-github-square:before {
+  content: "\f092"; }
+
+.fa-gitkraken:before {
+  content: "\f3a6"; }
+
+.fa-gitlab:before {
+  content: "\f296"; }
+
+.fa-gitter:before {
+  content: "\f426"; }
+
+.fa-glass:before {
+  content: "\f804"; }
+
+.fa-glass-champagne:before {
+  content: "\f79e"; }
+
+.fa-glass-cheers:before {
+  content: "\f79f"; }
+
+.fa-glass-martini:before {
+  content: "\f000"; }
+
+.fa-glass-martini-alt:before {
+  content: "\f57b"; }
+
+.fa-glass-whiskey:before {
+  content: "\f7a0"; }
+
+.fa-glass-whiskey-rocks:before {
+  content: "\f7a1"; }
+
+.fa-glasses:before {
+  content: "\f530"; }
+
+.fa-glasses-alt:before {
+  content: "\f5f5"; }
+
+.fa-glide:before {
+  content: "\f2a5"; }
+
+.fa-glide-g:before {
+  content: "\f2a6"; }
+
+.fa-globe:before {
+  content: "\f0ac"; }
+
+.fa-globe-africa:before {
+  content: "\f57c"; }
+
+.fa-globe-americas:before {
+  content: "\f57d"; }
+
+.fa-globe-asia:before {
+  content: "\f57e"; }
+
+.fa-globe-europe:before {
+  content: "\f7a2"; }
+
+.fa-globe-snow:before {
+  content: "\f7a3"; }
+
+.fa-globe-stand:before {
+  content: "\f5f6"; }
+
+.fa-gofore:before {
+  content: "\f3a7"; }
+
+.fa-golf-ball:before {
+  content: "\f450"; }
+
+.fa-golf-club:before {
+  content: "\f451"; }
+
+.fa-goodreads:before {
+  content: "\f3a8"; }
+
+.fa-goodreads-g:before {
+  content: "\f3a9"; }
+
+.fa-google:before {
+  content: "\f1a0"; }
+
+.fa-google-drive:before {
+  content: "\f3aa"; }
+
+.fa-google-play:before {
+  content: "\f3ab"; }
+
+.fa-google-plus:before {
+  content: "\f2b3"; }
+
+.fa-google-plus-g:before {
+  content: "\f0d5"; }
+
+.fa-google-plus-square:before {
+  content: "\f0d4"; }
+
+.fa-google-wallet:before {
+  content: "\f1ee"; }
+
+.fa-gopuram:before {
+  content: "\f664"; }
+
+.fa-graduation-cap:before {
+  content: "\f19d"; }
+
+.fa-gratipay:before {
+  content: "\f184"; }
+
+.fa-grav:before {
+  content: "\f2d6"; }
+
+.fa-greater-than:before {
+  content: "\f531"; }
+
+.fa-greater-than-equal:before {
+  content: "\f532"; }
+
+.fa-grimace:before {
+  content: "\f57f"; }
+
+.fa-grin:before {
+  content: "\f580"; }
+
+.fa-grin-alt:before {
+  content: "\f581"; }
+
+.fa-grin-beam:before {
+  content: "\f582"; }
+
+.fa-grin-beam-sweat:before {
+  content: "\f583"; }
+
+.fa-grin-hearts:before {
+  content: "\f584"; }
+
+.fa-grin-squint:before {
+  content: "\f585"; }
+
+.fa-grin-squint-tears:before {
+  content: "\f586"; }
+
+.fa-grin-stars:before {
+  content: "\f587"; }
+
+.fa-grin-tears:before {
+  content: "\f588"; }
+
+.fa-grin-tongue:before {
+  content: "\f589"; }
+
+.fa-grin-tongue-squint:before {
+  content: "\f58a"; }
+
+.fa-grin-tongue-wink:before {
+  content: "\f58b"; }
+
+.fa-grin-wink:before {
+  content: "\f58c"; }
+
+.fa-grip-horizontal:before {
+  content: "\f58d"; }
+
+.fa-grip-lines:before {
+  content: "\f7a4"; }
+
+.fa-grip-lines-vertical:before {
+  content: "\f7a5"; }
+
+.fa-grip-vertical:before {
+  content: "\f58e"; }
+
+.fa-gripfire:before {
+  content: "\f3ac"; }
+
+.fa-grunt:before {
+  content: "\f3ad"; }
+
+.fa-guitar:before {
+  content: "\f7a6"; }
+
+.fa-gulp:before {
+  content: "\f3ae"; }
+
+.fa-h-square:before {
+  content: "\f0fd"; }
+
+.fa-h1:before {
+  content: "\f313"; }
+
+.fa-h2:before {
+  content: "\f314"; }
+
+.fa-h3:before {
+  content: "\f315"; }
+
+.fa-hacker-news:before {
+  content: "\f1d4"; }
+
+.fa-hacker-news-square:before {
+  content: "\f3af"; }
+
+.fa-hackerrank:before {
+  content: "\f5f7"; }
+
+.fa-hamburger:before {
+  content: "\f805"; }
+
+.fa-hammer:before {
+  content: "\f6e3"; }
+
+.fa-hammer-war:before {
+  content: "\f6e4"; }
+
+.fa-hamsa:before {
+  content: "\f665"; }
+
+.fa-hand-heart:before {
+  content: "\f4bc"; }
+
+.fa-hand-holding:before {
+  content: "\f4bd"; }
+
+.fa-hand-holding-box:before {
+  content: "\f47b"; }
+
+.fa-hand-holding-heart:before {
+  content: "\f4be"; }
+
+.fa-hand-holding-magic:before {
+  content: "\f6e5"; }
+
+.fa-hand-holding-seedling:before {
+  content: "\f4bf"; }
+
+.fa-hand-holding-usd:before {
+  content: "\f4c0"; }
+
+.fa-hand-holding-water:before {
+  content: "\f4c1"; }
+
+.fa-hand-lizard:before {
+  content: "\f258"; }
+
+.fa-hand-middle-finger:before {
+  content: "\f806"; }
+
+.fa-hand-paper:before {
+  content: "\f256"; }
+
+.fa-hand-peace:before {
+  content: "\f25b"; }
+
+.fa-hand-point-down:before {
+  content: "\f0a7"; }
+
+.fa-hand-point-left:before {
+  content: "\f0a5"; }
+
+.fa-hand-point-right:before {
+  content: "\f0a4"; }
+
+.fa-hand-point-up:before {
+  content: "\f0a6"; }
+
+.fa-hand-pointer:before {
+  content: "\f25a"; }
+
+.fa-hand-receiving:before {
+  content: "\f47c"; }
+
+.fa-hand-rock:before {
+  content: "\f255"; }
+
+.fa-hand-scissors:before {
+  content: "\f257"; }
+
+.fa-hand-spock:before {
+  content: "\f259"; }
+
+.fa-hands:before {
+  content: "\f4c2"; }
+
+.fa-hands-heart:before {
+  content: "\f4c3"; }
+
+.fa-hands-helping:before {
+  content: "\f4c4"; }
+
+.fa-hands-usd:before {
+  content: "\f4c5"; }
+
+.fa-handshake:before {
+  content: "\f2b5"; }
+
+.fa-handshake-alt:before {
+  content: "\f4c6"; }
+
+.fa-hanukiah:before {
+  content: "\f6e6"; }
+
+.fa-hard-hat:before {
+  content: "\f807"; }
+
+.fa-hashtag:before {
+  content: "\f292"; }
+
+.fa-hat-santa:before {
+  content: "\f7a7"; }
+
+.fa-hat-winter:before {
+  content: "\f7a8"; }
+
+.fa-hat-witch:before {
+  content: "\f6e7"; }
+
+.fa-hat-wizard:before {
+  content: "\f6e8"; }
+
+.fa-haykal:before {
+  content: "\f666"; }
+
+.fa-hdd:before {
+  content: "\f0a0"; }
+
+.fa-head-side:before {
+  content: "\f6e9"; }
+
+.fa-head-side-brain:before {
+  content: "\f808"; }
+
+.fa-head-side-medical:before {
+  content: "\f809"; }
+
+.fa-head-vr:before {
+  content: "\f6ea"; }
+
+.fa-heading:before {
+  content: "\f1dc"; }
+
+.fa-headphones:before {
+  content: "\f025"; }
+
+.fa-headphones-alt:before {
+  content: "\f58f"; }
+
+.fa-headset:before {
+  content: "\f590"; }
+
+.fa-heart:before {
+  content: "\f004"; }
+
+.fa-heart-broken:before {
+  content: "\f7a9"; }
+
+.fa-heart-circle:before {
+  content: "\f4c7"; }
+
+.fa-heart-rate:before {
+  content: "\f5f8"; }
+
+.fa-heart-square:before {
+  content: "\f4c8"; }
+
+.fa-heartbeat:before {
+  content: "\f21e"; }
+
+.fa-helicopter:before {
+  content: "\f533"; }
+
+.fa-helmet-battle:before {
+  content: "\f6eb"; }
+
+.fa-hexagon:before {
+  content: "\f312"; }
+
+.fa-highlighter:before {
+  content: "\f591"; }
+
+.fa-hiking:before {
+  content: "\f6ec"; }
+
+.fa-hippo:before {
+  content: "\f6ed"; }
+
+.fa-hips:before {
+  content: "\f452"; }
+
+.fa-hire-a-helper:before {
+  content: "\f3b0"; }
+
+.fa-history:before {
+  content: "\f1da"; }
+
+.fa-hockey-mask:before {
+  content: "\f6ee"; }
+
+.fa-hockey-puck:before {
+  content: "\f453"; }
+
+.fa-hockey-sticks:before {
+  content: "\f454"; }
+
+.fa-holly-berry:before {
+  content: "\f7aa"; }
+
+.fa-home:before {
+  content: "\f015"; }
+
+.fa-home-alt:before {
+  content: "\f80a"; }
+
+.fa-home-heart:before {
+  content: "\f4c9"; }
+
+.fa-home-lg:before {
+  content: "\f80b"; }
+
+.fa-home-lg-alt:before {
+  content: "\f80c"; }
+
+.fa-hood-cloak:before {
+  content: "\f6ef"; }
+
+.fa-hooli:before {
+  content: "\f427"; }
+
+.fa-hornbill:before {
+  content: "\f592"; }
+
+.fa-horse:before {
+  content: "\f6f0"; }
+
+.fa-horse-head:before {
+  content: "\f7ab"; }
+
+.fa-hospital:before {
+  content: "\f0f8"; }
+
+.fa-hospital-alt:before {
+  content: "\f47d"; }
+
+.fa-hospital-symbol:before {
+  content: "\f47e"; }
+
+.fa-hospital-user:before {
+  content: "\f80d"; }
+
+.fa-hospitals:before {
+  content: "\f80e"; }
+
+.fa-hot-tub:before {
+  content: "\f593"; }
+
+.fa-hotdog:before {
+  content: "\f80f"; }
+
+.fa-hotel:before {
+  content: "\f594"; }
+
+.fa-hotjar:before {
+  content: "\f3b1"; }
+
+.fa-hourglass:before {
+  content: "\f254"; }
+
+.fa-hourglass-end:before {
+  content: "\f253"; }
+
+.fa-hourglass-half:before {
+  content: "\f252"; }
+
+.fa-hourglass-start:before {
+  content: "\f251"; }
+
+.fa-house-damage:before {
+  content: "\f6f1"; }
+
+.fa-house-flood:before {
+  content: "\f74f"; }
+
+.fa-houzz:before {
+  content: "\f27c"; }
+
+.fa-hryvnia:before {
+  content: "\f6f2"; }
+
+.fa-html5:before {
+  content: "\f13b"; }
+
+.fa-hubspot:before {
+  content: "\f3b2"; }
+
+.fa-humidity:before {
+  content: "\f750"; }
+
+.fa-hurricane:before {
+  content: "\f751"; }
+
+.fa-i-cursor:before {
+  content: "\f246"; }
+
+.fa-ice-cream:before {
+  content: "\f810"; }
+
+.fa-ice-skate:before {
+  content: "\f7ac"; }
+
+.fa-icicles:before {
+  content: "\f7ad"; }
+
+.fa-id-badge:before {
+  content: "\f2c1"; }
+
+.fa-id-card:before {
+  content: "\f2c2"; }
+
+.fa-id-card-alt:before {
+  content: "\f47f"; }
+
+.fa-igloo:before {
+  content: "\f7ae"; }
+
+.fa-image:before {
+  content: "\f03e"; }
+
+.fa-images:before {
+  content: "\f302"; }
+
+.fa-imdb:before {
+  content: "\f2d8"; }
+
+.fa-inbox:before {
+  content: "\f01c"; }
+
+.fa-inbox-in:before {
+  content: "\f310"; }
+
+.fa-inbox-out:before {
+  content: "\f311"; }
+
+.fa-indent:before {
+  content: "\f03c"; }
+
+.fa-industry:before {
+  content: "\f275"; }
+
+.fa-industry-alt:before {
+  content: "\f3b3"; }
+
+.fa-infinity:before {
+  content: "\f534"; }
+
+.fa-info:before {
+  content: "\f129"; }
+
+.fa-info-circle:before {
+  content: "\f05a"; }
+
+.fa-info-square:before {
+  content: "\f30f"; }
+
+.fa-inhaler:before {
+  content: "\f5f9"; }
+
+.fa-instagram:before {
+  content: "\f16d"; }
+
+.fa-integral:before {
+  content: "\f667"; }
+
+.fa-intercom:before {
+  content: "\f7af"; }
+
+.fa-internet-explorer:before {
+  content: "\f26b"; }
+
+.fa-intersection:before {
+  content: "\f668"; }
+
+.fa-inventory:before {
+  content: "\f480"; }
+
+.fa-invision:before {
+  content: "\f7b0"; }
+
+.fa-ioxhost:before {
+  content: "\f208"; }
+
+.fa-island-tropical:before {
+  content: "\f811"; }
+
+.fa-italic:before {
+  content: "\f033"; }
+
+.fa-itch-io:before {
+  content: "\f83a"; }
+
+.fa-itunes:before {
+  content: "\f3b4"; }
+
+.fa-itunes-note:before {
+  content: "\f3b5"; }
+
+.fa-jack-o-lantern:before {
+  content: "\f30e"; }
+
+.fa-java:before {
+  content: "\f4e4"; }
+
+.fa-jedi:before {
+  content: "\f669"; }
+
+.fa-jedi-order:before {
+  content: "\f50e"; }
+
+.fa-jenkins:before {
+  content: "\f3b6"; }
+
+.fa-jira:before {
+  content: "\f7b1"; }
+
+.fa-joget:before {
+  content: "\f3b7"; }
+
+.fa-joint:before {
+  content: "\f595"; }
+
+.fa-joomla:before {
+  content: "\f1aa"; }
+
+.fa-journal-whills:before {
+  content: "\f66a"; }
+
+.fa-js:before {
+  content: "\f3b8"; }
+
+.fa-js-square:before {
+  content: "\f3b9"; }
+
+.fa-jsfiddle:before {
+  content: "\f1cc"; }
+
+.fa-kaaba:before {
+  content: "\f66b"; }
+
+.fa-kaggle:before {
+  content: "\f5fa"; }
+
+.fa-key:before {
+  content: "\f084"; }
+
+.fa-key-skeleton:before {
+  content: "\f6f3"; }
+
+.fa-keybase:before {
+  content: "\f4f5"; }
+
+.fa-keyboard:before {
+  content: "\f11c"; }
+
+.fa-keycdn:before {
+  content: "\f3ba"; }
+
+.fa-keynote:before {
+  content: "\f66c"; }
+
+.fa-khanda:before {
+  content: "\f66d"; }
+
+.fa-kickstarter:before {
+  content: "\f3bb"; }
+
+.fa-kickstarter-k:before {
+  content: "\f3bc"; }
+
+.fa-kidneys:before {
+  content: "\f5fb"; }
+
+.fa-kiss:before {
+  content: "\f596"; }
+
+.fa-kiss-beam:before {
+  content: "\f597"; }
+
+.fa-kiss-wink-heart:before {
+  content: "\f598"; }
+
+.fa-kite:before {
+  content: "\f6f4"; }
+
+.fa-kiwi-bird:before {
+  content: "\f535"; }
+
+.fa-knife-kitchen:before {
+  content: "\f6f5"; }
+
+.fa-korvue:before {
+  content: "\f42f"; }
+
+.fa-lambda:before {
+  content: "\f66e"; }
+
+.fa-lamp:before {
+  content: "\f4ca"; }
+
+.fa-landmark:before {
+  content: "\f66f"; }
+
+.fa-landmark-alt:before {
+  content: "\f752"; }
+
+.fa-language:before {
+  content: "\f1ab"; }
+
+.fa-laptop:before {
+  content: "\f109"; }
+
+.fa-laptop-code:before {
+  content: "\f5fc"; }
+
+.fa-laptop-medical:before {
+  content: "\f812"; }
+
+.fa-laravel:before {
+  content: "\f3bd"; }
+
+.fa-lastfm:before {
+  content: "\f202"; }
+
+.fa-lastfm-square:before {
+  content: "\f203"; }
+
+.fa-laugh:before {
+  content: "\f599"; }
+
+.fa-laugh-beam:before {
+  content: "\f59a"; }
+
+.fa-laugh-squint:before {
+  content: "\f59b"; }
+
+.fa-laugh-wink:before {
+  content: "\f59c"; }
+
+.fa-layer-group:before {
+  content: "\f5fd"; }
+
+.fa-layer-minus:before {
+  content: "\f5fe"; }
+
+.fa-layer-plus:before {
+  content: "\f5ff"; }
+
+.fa-leaf:before {
+  content: "\f06c"; }
+
+.fa-leaf-heart:before {
+  content: "\f4cb"; }
+
+.fa-leaf-maple:before {
+  content: "\f6f6"; }
+
+.fa-leaf-oak:before {
+  content: "\f6f7"; }
+
+.fa-leanpub:before {
+  content: "\f212"; }
+
+.fa-lemon:before {
+  content: "\f094"; }
+
+.fa-less:before {
+  content: "\f41d"; }
+
+.fa-less-than:before {
+  content: "\f536"; }
+
+.fa-less-than-equal:before {
+  content: "\f537"; }
+
+.fa-level-down:before {
+  content: "\f149"; }
+
+.fa-level-down-alt:before {
+  content: "\f3be"; }
+
+.fa-level-up:before {
+  content: "\f148"; }
+
+.fa-level-up-alt:before {
+  content: "\f3bf"; }
+
+.fa-life-ring:before {
+  content: "\f1cd"; }
+
+.fa-lightbulb:before {
+  content: "\f0eb"; }
+
+.fa-lightbulb-dollar:before {
+  content: "\f670"; }
+
+.fa-lightbulb-exclamation:before {
+  content: "\f671"; }
+
+.fa-lightbulb-on:before {
+  content: "\f672"; }
+
+.fa-lightbulb-slash:before {
+  content: "\f673"; }
+
+.fa-lights-holiday:before {
+  content: "\f7b2"; }
+
+.fa-line:before {
+  content: "\f3c0"; }
+
+.fa-link:before {
+  content: "\f0c1"; }
+
+.fa-linkedin:before {
+  content: "\f08c"; }
+
+.fa-linkedin-in:before {
+  content: "\f0e1"; }
+
+.fa-linode:before {
+  content: "\f2b8"; }
+
+.fa-linux:before {
+  content: "\f17c"; }
+
+.fa-lips:before {
+  content: "\f600"; }
+
+.fa-lira-sign:before {
+  content: "\f195"; }
+
+.fa-list:before {
+  content: "\f03a"; }
+
+.fa-list-alt:before {
+  content: "\f022"; }
+
+.fa-list-ol:before {
+  content: "\f0cb"; }
+
+.fa-list-ul:before {
+  content: "\f0ca"; }
+
+.fa-location:before {
+  content: "\f601"; }
+
+.fa-location-arrow:before {
+  content: "\f124"; }
+
+.fa-location-circle:before {
+  content: "\f602"; }
+
+.fa-location-slash:before {
+  content: "\f603"; }
+
+.fa-lock:before {
+  content: "\f023"; }
+
+.fa-lock-alt:before {
+  content: "\f30d"; }
+
+.fa-lock-open:before {
+  content: "\f3c1"; }
+
+.fa-lock-open-alt:before {
+  content: "\f3c2"; }
+
+.fa-long-arrow-alt-down:before {
+  content: "\f309"; }
+
+.fa-long-arrow-alt-left:before {
+  content: "\f30a"; }
+
+.fa-long-arrow-alt-right:before {
+  content: "\f30b"; }
+
+.fa-long-arrow-alt-up:before {
+  content: "\f30c"; }
+
+.fa-long-arrow-down:before {
+  content: "\f175"; }
+
+.fa-long-arrow-left:before {
+  content: "\f177"; }
+
+.fa-long-arrow-right:before {
+  content: "\f178"; }
+
+.fa-long-arrow-up:before {
+  content: "\f176"; }
+
+.fa-loveseat:before {
+  content: "\f4cc"; }
+
+.fa-low-vision:before {
+  content: "\f2a8"; }
+
+.fa-luchador:before {
+  content: "\f455"; }
+
+.fa-luggage-cart:before {
+  content: "\f59d"; }
+
+.fa-lungs:before {
+  content: "\f604"; }
+
+.fa-lyft:before {
+  content: "\f3c3"; }
+
+.fa-mace:before {
+  content: "\f6f8"; }
+
+.fa-magento:before {
+  content: "\f3c4"; }
+
+.fa-magic:before {
+  content: "\f0d0"; }
+
+.fa-magnet:before {
+  content: "\f076"; }
+
+.fa-mail-bulk:before {
+  content: "\f674"; }
+
+.fa-mailbox:before {
+  content: "\f813"; }
+
+.fa-mailchimp:before {
+  content: "\f59e"; }
+
+.fa-male:before {
+  content: "\f183"; }
+
+.fa-mandalorian:before {
+  content: "\f50f"; }
+
+.fa-mandolin:before {
+  content: "\f6f9"; }
+
+.fa-map:before {
+  content: "\f279"; }
+
+.fa-map-marked:before {
+  content: "\f59f"; }
+
+.fa-map-marked-alt:before {
+  content: "\f5a0"; }
+
+.fa-map-marker:before {
+  content: "\f041"; }
+
+.fa-map-marker-alt:before {
+  content: "\f3c5"; }
+
+.fa-map-marker-alt-slash:before {
+  content: "\f605"; }
+
+.fa-map-marker-check:before {
+  content: "\f606"; }
+
+.fa-map-marker-edit:before {
+  content: "\f607"; }
+
+.fa-map-marker-exclamation:before {
+  content: "\f608"; }
+
+.fa-map-marker-minus:before {
+  content: "\f609"; }
+
+.fa-map-marker-plus:before {
+  content: "\f60a"; }
+
+.fa-map-marker-question:before {
+  content: "\f60b"; }
+
+.fa-map-marker-slash:before {
+  content: "\f60c"; }
+
+.fa-map-marker-smile:before {
+  content: "\f60d"; }
+
+.fa-map-marker-times:before {
+  content: "\f60e"; }
+
+.fa-map-pin:before {
+  content: "\f276"; }
+
+.fa-map-signs:before {
+  content: "\f277"; }
+
+.fa-markdown:before {
+  content: "\f60f"; }
+
+.fa-marker:before {
+  content: "\f5a1"; }
+
+.fa-mars:before {
+  content: "\f222"; }
+
+.fa-mars-double:before {
+  content: "\f227"; }
+
+.fa-mars-stroke:before {
+  content: "\f229"; }
+
+.fa-mars-stroke-h:before {
+  content: "\f22b"; }
+
+.fa-mars-stroke-v:before {
+  content: "\f22a"; }
+
+.fa-mask:before {
+  content: "\f6fa"; }
+
+.fa-mastodon:before {
+  content: "\f4f6"; }
+
+.fa-maxcdn:before {
+  content: "\f136"; }
+
+.fa-meat:before {
+  content: "\f814"; }
+
+.fa-medal:before {
+  content: "\f5a2"; }
+
+.fa-medapps:before {
+  content: "\f3c6"; }
+
+.fa-medium:before {
+  content: "\f23a"; }
+
+.fa-medium-m:before {
+  content: "\f3c7"; }
+
+.fa-medkit:before {
+  content: "\f0fa"; }
+
+.fa-medrt:before {
+  content: "\f3c8"; }
+
+.fa-meetup:before {
+  content: "\f2e0"; }
+
+.fa-megaphone:before {
+  content: "\f675"; }
+
+.fa-megaport:before {
+  content: "\f5a3"; }
+
+.fa-meh:before {
+  content: "\f11a"; }
+
+.fa-meh-blank:before {
+  content: "\f5a4"; }
+
+.fa-meh-rolling-eyes:before {
+  content: "\f5a5"; }
+
+.fa-memory:before {
+  content: "\f538"; }
+
+.fa-mendeley:before {
+  content: "\f7b3"; }
+
+.fa-menorah:before {
+  content: "\f676"; }
+
+.fa-mercury:before {
+  content: "\f223"; }
+
+.fa-meteor:before {
+  content: "\f753"; }
+
+.fa-microchip:before {
+  content: "\f2db"; }
+
+.fa-microphone:before {
+  content: "\f130"; }
+
+.fa-microphone-alt:before {
+  content: "\f3c9"; }
+
+.fa-microphone-alt-slash:before {
+  content: "\f539"; }
+
+.fa-microphone-slash:before {
+  content: "\f131"; }
+
+.fa-microscope:before {
+  content: "\f610"; }
+
+.fa-microsoft:before {
+  content: "\f3ca"; }
+
+.fa-mind-share:before {
+  content: "\f677"; }
+
+.fa-minus:before {
+  content: "\f068"; }
+
+.fa-minus-circle:before {
+  content: "\f056"; }
+
+.fa-minus-hexagon:before {
+  content: "\f307"; }
+
+.fa-minus-octagon:before {
+  content: "\f308"; }
+
+.fa-minus-square:before {
+  content: "\f146"; }
+
+.fa-mistletoe:before {
+  content: "\f7b4"; }
+
+.fa-mitten:before {
+  content: "\f7b5"; }
+
+.fa-mix:before {
+  content: "\f3cb"; }
+
+.fa-mixcloud:before {
+  content: "\f289"; }
+
+.fa-mizuni:before {
+  content: "\f3cc"; }
+
+.fa-mobile:before {
+  content: "\f10b"; }
+
+.fa-mobile-alt:before {
+  content: "\f3cd"; }
+
+.fa-mobile-android:before {
+  content: "\f3ce"; }
+
+.fa-mobile-android-alt:before {
+  content: "\f3cf"; }
+
+.fa-modx:before {
+  content: "\f285"; }
+
+.fa-monero:before {
+  content: "\f3d0"; }
+
+.fa-money-bill:before {
+  content: "\f0d6"; }
+
+.fa-money-bill-alt:before {
+  content: "\f3d1"; }
+
+.fa-money-bill-wave:before {
+  content: "\f53a"; }
+
+.fa-money-bill-wave-alt:before {
+  content: "\f53b"; }
+
+.fa-money-check:before {
+  content: "\f53c"; }
+
+.fa-money-check-alt:before {
+  content: "\f53d"; }
+
+.fa-monitor-heart-rate:before {
+  content: "\f611"; }
+
+.fa-monkey:before {
+  content: "\f6fb"; }
+
+.fa-monument:before {
+  content: "\f5a6"; }
+
+.fa-moon:before {
+  content: "\f186"; }
+
+.fa-moon-cloud:before {
+  content: "\f754"; }
+
+.fa-moon-stars:before {
+  content: "\f755"; }
+
+.fa-mortar-pestle:before {
+  content: "\f5a7"; }
+
+.fa-mosque:before {
+  content: "\f678"; }
+
+.fa-motorcycle:before {
+  content: "\f21c"; }
+
+.fa-mountain:before {
+  content: "\f6fc"; }
+
+.fa-mountains:before {
+  content: "\f6fd"; }
+
+.fa-mouse-pointer:before {
+  content: "\f245"; }
+
+.fa-mug-hot:before {
+  content: "\f7b6"; }
+
+.fa-mug-marshmallows:before {
+  content: "\f7b7"; }
+
+.fa-music:before {
+  content: "\f001"; }
+
+.fa-napster:before {
+  content: "\f3d2"; }
+
+.fa-narwhal:before {
+  content: "\f6fe"; }
+
+.fa-neos:before {
+  content: "\f612"; }
+
+.fa-network-wired:before {
+  content: "\f6ff"; }
+
+.fa-neuter:before {
+  content: "\f22c"; }
+
+.fa-newspaper:before {
+  content: "\f1ea"; }
+
+.fa-nimblr:before {
+  content: "\f5a8"; }
+
+.fa-nintendo-switch:before {
+  content: "\f418"; }
+
+.fa-node:before {
+  content: "\f419"; }
+
+.fa-node-js:before {
+  content: "\f3d3"; }
+
+.fa-not-equal:before {
+  content: "\f53e"; }
+
+.fa-notes-medical:before {
+  content: "\f481"; }
+
+.fa-npm:before {
+  content: "\f3d4"; }
+
+.fa-ns8:before {
+  content: "\f3d5"; }
+
+.fa-nutritionix:before {
+  content: "\f3d6"; }
+
+.fa-object-group:before {
+  content: "\f247"; }
+
+.fa-object-ungroup:before {
+  content: "\f248"; }
+
+.fa-octagon:before {
+  content: "\f306"; }
+
+.fa-odnoklassniki:before {
+  content: "\f263"; }
+
+.fa-odnoklassniki-square:before {
+  content: "\f264"; }
+
+.fa-oil-can:before {
+  content: "\f613"; }
+
+.fa-oil-temp:before {
+  content: "\f614"; }
+
+.fa-old-republic:before {
+  content: "\f510"; }
+
+.fa-om:before {
+  content: "\f679"; }
+
+.fa-omega:before {
+  content: "\f67a"; }
+
+.fa-opencart:before {
+  content: "\f23d"; }
+
+.fa-openid:before {
+  content: "\f19b"; }
+
+.fa-opera:before {
+  content: "\f26a"; }
+
+.fa-optin-monster:before {
+  content: "\f23c"; }
+
+.fa-ornament:before {
+  content: "\f7b8"; }
+
+.fa-osi:before {
+  content: "\f41a"; }
+
+.fa-otter:before {
+  content: "\f700"; }
+
+.fa-outdent:before {
+  content: "\f03b"; }
+
+.fa-page4:before {
+  content: "\f3d7"; }
+
+.fa-pagelines:before {
+  content: "\f18c"; }
+
+.fa-pager:before {
+  content: "\f815"; }
+
+.fa-paint-brush:before {
+  content: "\f1fc"; }
+
+.fa-paint-brush-alt:before {
+  content: "\f5a9"; }
+
+.fa-paint-roller:before {
+  content: "\f5aa"; }
+
+.fa-palette:before {
+  content: "\f53f"; }
+
+.fa-palfed:before {
+  content: "\f3d8"; }
+
+.fa-pallet:before {
+  content: "\f482"; }
+
+.fa-pallet-alt:before {
+  content: "\f483"; }
+
+.fa-paper-plane:before {
+  content: "\f1d8"; }
+
+.fa-paperclip:before {
+  content: "\f0c6"; }
+
+.fa-parachute-box:before {
+  content: "\f4cd"; }
+
+.fa-paragraph:before {
+  content: "\f1dd"; }
+
+.fa-parking:before {
+  content: "\f540"; }
+
+.fa-parking-circle:before {
+  content: "\f615"; }
+
+.fa-parking-circle-slash:before {
+  content: "\f616"; }
+
+.fa-parking-slash:before {
+  content: "\f617"; }
+
+.fa-passport:before {
+  content: "\f5ab"; }
+
+.fa-pastafarianism:before {
+  content: "\f67b"; }
+
+.fa-paste:before {
+  content: "\f0ea"; }
+
+.fa-patreon:before {
+  content: "\f3d9"; }
+
+.fa-pause:before {
+  content: "\f04c"; }
+
+.fa-pause-circle:before {
+  content: "\f28b"; }
+
+.fa-paw:before {
+  content: "\f1b0"; }
+
+.fa-paw-alt:before {
+  content: "\f701"; }
+
+.fa-paw-claws:before {
+  content: "\f702"; }
+
+.fa-paypal:before {
+  content: "\f1ed"; }
+
+.fa-peace:before {
+  content: "\f67c"; }
+
+.fa-pegasus:before {
+  content: "\f703"; }
+
+.fa-pen:before {
+  content: "\f304"; }
+
+.fa-pen-alt:before {
+  content: "\f305"; }
+
+.fa-pen-fancy:before {
+  content: "\f5ac"; }
+
+.fa-pen-nib:before {
+  content: "\f5ad"; }
+
+.fa-pen-square:before {
+  content: "\f14b"; }
+
+.fa-pencil:before {
+  content: "\f040"; }
+
+.fa-pencil-alt:before {
+  content: "\f303"; }
+
+.fa-pencil-paintbrush:before {
+  content: "\f618"; }
+
+.fa-pencil-ruler:before {
+  content: "\f5ae"; }
+
+.fa-pennant:before {
+  content: "\f456"; }
+
+.fa-penny-arcade:before {
+  content: "\f704"; }
+
+.fa-people-carry:before {
+  content: "\f4ce"; }
+
+.fa-pepper-hot:before {
+  content: "\f816"; }
+
+.fa-percent:before {
+  content: "\f295"; }
+
+.fa-percentage:before {
+  content: "\f541"; }
+
+.fa-periscope:before {
+  content: "\f3da"; }
+
+.fa-person-booth:before {
+  content: "\f756"; }
+
+.fa-person-carry:before {
+  content: "\f4cf"; }
+
+.fa-person-dolly:before {
+  content: "\f4d0"; }
+
+.fa-person-dolly-empty:before {
+  content: "\f4d1"; }
+
+.fa-person-sign:before {
+  content: "\f757"; }
+
+.fa-phabricator:before {
+  content: "\f3db"; }
+
+.fa-phoenix-framework:before {
+  content: "\f3dc"; }
+
+.fa-phoenix-squadron:before {
+  content: "\f511"; }
+
+.fa-phone:before {
+  content: "\f095"; }
+
+.fa-phone-office:before {
+  content: "\f67d"; }
+
+.fa-phone-plus:before {
+  content: "\f4d2"; }
+
+.fa-phone-slash:before {
+  content: "\f3dd"; }
+
+.fa-phone-square:before {
+  content: "\f098"; }
+
+.fa-phone-volume:before {
+  content: "\f2a0"; }
+
+.fa-php:before {
+  content: "\f457"; }
+
+.fa-pi:before {
+  content: "\f67e"; }
+
+.fa-pie:before {
+  content: "\f705"; }
+
+.fa-pied-piper:before {
+  content: "\f2ae"; }
+
+.fa-pied-piper-alt:before {
+  content: "\f1a8"; }
+
+.fa-pied-piper-hat:before {
+  content: "\f4e5"; }
+
+.fa-pied-piper-pp:before {
+  content: "\f1a7"; }
+
+.fa-pig:before {
+  content: "\f706"; }
+
+.fa-piggy-bank:before {
+  content: "\f4d3"; }
+
+.fa-pills:before {
+  content: "\f484"; }
+
+.fa-pinterest:before {
+  content: "\f0d2"; }
+
+.fa-pinterest-p:before {
+  content: "\f231"; }
+
+.fa-pinterest-square:before {
+  content: "\f0d3"; }
+
+.fa-pizza:before {
+  content: "\f817"; }
+
+.fa-pizza-slice:before {
+  content: "\f818"; }
+
+.fa-place-of-worship:before {
+  content: "\f67f"; }
+
+.fa-plane:before {
+  content: "\f072"; }
+
+.fa-plane-alt:before {
+  content: "\f3de"; }
+
+.fa-plane-arrival:before {
+  content: "\f5af"; }
+
+.fa-plane-departure:before {
+  content: "\f5b0"; }
+
+.fa-play:before {
+  content: "\f04b"; }
+
+.fa-play-circle:before {
+  content: "\f144"; }
+
+.fa-playstation:before {
+  content: "\f3df"; }
+
+.fa-plug:before {
+  content: "\f1e6"; }
+
+.fa-plus:before {
+  content: "\f067"; }
+
+.fa-plus-circle:before {
+  content: "\f055"; }
+
+.fa-plus-hexagon:before {
+  content: "\f300"; }
+
+.fa-plus-octagon:before {
+  content: "\f301"; }
+
+.fa-plus-square:before {
+  content: "\f0fe"; }
+
+.fa-podcast:before {
+  content: "\f2ce"; }
+
+.fa-podium:before {
+  content: "\f680"; }
+
+.fa-podium-star:before {
+  content: "\f758"; }
+
+.fa-poll:before {
+  content: "\f681"; }
+
+.fa-poll-h:before {
+  content: "\f682"; }
+
+.fa-poll-people:before {
+  content: "\f759"; }
+
+.fa-poo:before {
+  content: "\f2fe"; }
+
+.fa-poo-storm:before {
+  content: "\f75a"; }
+
+.fa-poop:before {
+  content: "\f619"; }
+
+.fa-popcorn:before {
+  content: "\f819"; }
+
+.fa-portrait:before {
+  content: "\f3e0"; }
+
+.fa-pound-sign:before {
+  content: "\f154"; }
+
+.fa-power-off:before {
+  content: "\f011"; }
+
+.fa-pray:before {
+  content: "\f683"; }
+
+.fa-praying-hands:before {
+  content: "\f684"; }
+
+.fa-prescription:before {
+  content: "\f5b1"; }
+
+.fa-prescription-bottle:before {
+  content: "\f485"; }
+
+.fa-prescription-bottle-alt:before {
+  content: "\f486"; }
+
+.fa-presentation:before {
+  content: "\f685"; }
+
+.fa-print:before {
+  content: "\f02f"; }
+
+.fa-print-search:before {
+  content: "\f81a"; }
+
+.fa-print-slash:before {
+  content: "\f686"; }
+
+.fa-procedures:before {
+  content: "\f487"; }
+
+.fa-product-hunt:before {
+  content: "\f288"; }
+
+.fa-project-diagram:before {
+  content: "\f542"; }
+
+.fa-pumpkin:before {
+  content: "\f707"; }
+
+.fa-pushed:before {
+  content: "\f3e1"; }
+
+.fa-puzzle-piece:before {
+  content: "\f12e"; }
+
+.fa-python:before {
+  content: "\f3e2"; }
+
+.fa-qq:before {
+  content: "\f1d6"; }
+
+.fa-qrcode:before {
+  content: "\f029"; }
+
+.fa-question:before {
+  content: "\f128"; }
+
+.fa-question-circle:before {
+  content: "\f059"; }
+
+.fa-question-square:before {
+  content: "\f2fd"; }
+
+.fa-quidditch:before {
+  content: "\f458"; }
+
+.fa-quinscape:before {
+  content: "\f459"; }
+
+.fa-quora:before {
+  content: "\f2c4"; }
+
+.fa-quote-left:before {
+  content: "\f10d"; }
+
+.fa-quote-right:before {
+  content: "\f10e"; }
+
+.fa-quran:before {
+  content: "\f687"; }
+
+.fa-r-project:before {
+  content: "\f4f7"; }
+
+.fa-rabbit:before {
+  content: "\f708"; }
+
+.fa-rabbit-fast:before {
+  content: "\f709"; }
+
+.fa-racquet:before {
+  content: "\f45a"; }
+
+.fa-radiation:before {
+  content: "\f7b9"; }
+
+.fa-radiation-alt:before {
+  content: "\f7ba"; }
+
+.fa-rainbow:before {
+  content: "\f75b"; }
+
+.fa-raindrops:before {
+  content: "\f75c"; }
+
+.fa-ram:before {
+  content: "\f70a"; }
+
+.fa-ramp-loading:before {
+  content: "\f4d4"; }
+
+.fa-random:before {
+  content: "\f074"; }
+
+.fa-raspberry-pi:before {
+  content: "\f7bb"; }
+
+.fa-ravelry:before {
+  content: "\f2d9"; }
+
+.fa-react:before {
+  content: "\f41b"; }
+
+.fa-reacteurope:before {
+  content: "\f75d"; }
+
+.fa-readme:before {
+  content: "\f4d5"; }
+
+.fa-rebel:before {
+  content: "\f1d0"; }
+
+.fa-receipt:before {
+  content: "\f543"; }
+
+.fa-rectangle-landscape:before {
+  content: "\f2fa"; }
+
+.fa-rectangle-portrait:before {
+  content: "\f2fb"; }
+
+.fa-rectangle-wide:before {
+  content: "\f2fc"; }
+
+.fa-recycle:before {
+  content: "\f1b8"; }
+
+.fa-red-river:before {
+  content: "\f3e3"; }
+
+.fa-reddit:before {
+  content: "\f1a1"; }
+
+.fa-reddit-alien:before {
+  content: "\f281"; }
+
+.fa-reddit-square:before {
+  content: "\f1a2"; }
+
+.fa-redhat:before {
+  content: "\f7bc"; }
+
+.fa-redo:before {
+  content: "\f01e"; }
+
+.fa-redo-alt:before {
+  content: "\f2f9"; }
+
+.fa-registered:before {
+  content: "\f25d"; }
+
+.fa-renren:before {
+  content: "\f18b"; }
+
+.fa-repeat:before {
+  content: "\f363"; }
+
+.fa-repeat-1:before {
+  content: "\f365"; }
+
+.fa-repeat-1-alt:before {
+  content: "\f366"; }
+
+.fa-repeat-alt:before {
+  content: "\f364"; }
+
+.fa-reply:before {
+  content: "\f3e5"; }
+
+.fa-reply-all:before {
+  content: "\f122"; }
+
+.fa-replyd:before {
+  content: "\f3e6"; }
+
+.fa-republican:before {
+  content: "\f75e"; }
+
+.fa-researchgate:before {
+  content: "\f4f8"; }
+
+.fa-resolving:before {
+  content: "\f3e7"; }
+
+.fa-restroom:before {
+  content: "\f7bd"; }
+
+.fa-retweet:before {
+  content: "\f079"; }
+
+.fa-retweet-alt:before {
+  content: "\f361"; }
+
+.fa-rev:before {
+  content: "\f5b2"; }
+
+.fa-ribbon:before {
+  content: "\f4d6"; }
+
+.fa-ring:before {
+  content: "\f70b"; }
+
+.fa-rings-wedding:before {
+  content: "\f81b"; }
+
+.fa-road:before {
+  content: "\f018"; }
+
+.fa-robot:before {
+  content: "\f544"; }
+
+.fa-rocket:before {
+  content: "\f135"; }
+
+.fa-rocketchat:before {
+  content: "\f3e8"; }
+
+.fa-rockrms:before {
+  content: "\f3e9"; }
+
+.fa-route:before {
+  content: "\f4d7"; }
+
+.fa-route-highway:before {
+  content: "\f61a"; }
+
+.fa-route-interstate:before {
+  content: "\f61b"; }
+
+.fa-rss:before {
+  content: "\f09e"; }
+
+.fa-rss-square:before {
+  content: "\f143"; }
+
+.fa-ruble-sign:before {
+  content: "\f158"; }
+
+.fa-ruler:before {
+  content: "\f545"; }
+
+.fa-ruler-combined:before {
+  content: "\f546"; }
+
+.fa-ruler-horizontal:before {
+  content: "\f547"; }
+
+.fa-ruler-triangle:before {
+  content: "\f61c"; }
+
+.fa-ruler-vertical:before {
+  content: "\f548"; }
+
+.fa-running:before {
+  content: "\f70c"; }
+
+.fa-rupee-sign:before {
+  content: "\f156"; }
+
+.fa-rv:before {
+  content: "\f7be"; }
+
+.fa-sack:before {
+  content: "\f81c"; }
+
+.fa-sack-dollar:before {
+  content: "\f81d"; }
+
+.fa-sad-cry:before {
+  content: "\f5b3"; }
+
+.fa-sad-tear:before {
+  content: "\f5b4"; }
+
+.fa-safari:before {
+  content: "\f267"; }
+
+.fa-salad:before {
+  content: "\f81e"; }
+
+.fa-salesforce:before {
+  content: "\f83b"; }
+
+.fa-sandwich:before {
+  content: "\f81f"; }
+
+.fa-sass:before {
+  content: "\f41e"; }
+
+.fa-satellite:before {
+  content: "\f7bf"; }
+
+.fa-satellite-dish:before {
+  content: "\f7c0"; }
+
+.fa-sausage:before {
+  content: "\f820"; }
+
+.fa-save:before {
+  content: "\f0c7"; }
+
+.fa-scalpel:before {
+  content: "\f61d"; }
+
+.fa-scalpel-path:before {
+  content: "\f61e"; }
+
+.fa-scanner:before {
+  content: "\f488"; }
+
+.fa-scanner-keyboard:before {
+  content: "\f489"; }
+
+.fa-scanner-touchscreen:before {
+  content: "\f48a"; }
+
+.fa-scarecrow:before {
+  content: "\f70d"; }
+
+.fa-scarf:before {
+  content: "\f7c1"; }
+
+.fa-schlix:before {
+  content: "\f3ea"; }
+
+.fa-school:before {
+  content: "\f549"; }
+
+.fa-screwdriver:before {
+  content: "\f54a"; }
+
+.fa-scribd:before {
+  content: "\f28a"; }
+
+.fa-scroll:before {
+  content: "\f70e"; }
+
+.fa-scroll-old:before {
+  content: "\f70f"; }
+
+.fa-scrubber:before {
+  content: "\f2f8"; }
+
+.fa-scythe:before {
+  content: "\f710"; }
+
+.fa-sd-card:before {
+  content: "\f7c2"; }
+
+.fa-search:before {
+  content: "\f002"; }
+
+.fa-search-dollar:before {
+  content: "\f688"; }
+
+.fa-search-location:before {
+  content: "\f689"; }
+
+.fa-search-minus:before {
+  content: "\f010"; }
+
+.fa-search-plus:before {
+  content: "\f00e"; }
+
+.fa-searchengin:before {
+  content: "\f3eb"; }
+
+.fa-seedling:before {
+  content: "\f4d8"; }
+
+.fa-sellcast:before {
+  content: "\f2da"; }
+
+.fa-sellsy:before {
+  content: "\f213"; }
+
+.fa-server:before {
+  content: "\f233"; }
+
+.fa-servicestack:before {
+  content: "\f3ec"; }
+
+.fa-shapes:before {
+  content: "\f61f"; }
+
+.fa-share:before {
+  content: "\f064"; }
+
+.fa-share-all:before {
+  content: "\f367"; }
+
+.fa-share-alt:before {
+  content: "\f1e0"; }
+
+.fa-share-alt-square:before {
+  content: "\f1e1"; }
+
+.fa-share-square:before {
+  content: "\f14d"; }
+
+.fa-sheep:before {
+  content: "\f711"; }
+
+.fa-shekel-sign:before {
+  content: "\f20b"; }
+
+.fa-shield:before {
+  content: "\f132"; }
+
+.fa-shield-alt:before {
+  content: "\f3ed"; }
+
+.fa-shield-check:before {
+  content: "\f2f7"; }
+
+.fa-shield-cross:before {
+  content: "\f712"; }
+
+.fa-ship:before {
+  content: "\f21a"; }
+
+.fa-shipping-fast:before {
+  content: "\f48b"; }
+
+.fa-shipping-timed:before {
+  content: "\f48c"; }
+
+.fa-shirtsinbulk:before {
+  content: "\f214"; }
+
+.fa-shish-kebab:before {
+  content: "\f821"; }
+
+.fa-shoe-prints:before {
+  content: "\f54b"; }
+
+.fa-shopping-bag:before {
+  content: "\f290"; }
+
+.fa-shopping-basket:before {
+  content: "\f291"; }
+
+.fa-shopping-cart:before {
+  content: "\f07a"; }
+
+.fa-shopware:before {
+  content: "\f5b5"; }
+
+.fa-shovel:before {
+  content: "\f713"; }
+
+.fa-shovel-snow:before {
+  content: "\f7c3"; }
+
+.fa-shower:before {
+  content: "\f2cc"; }
+
+.fa-shredder:before {
+  content: "\f68a"; }
+
+.fa-shuttle-van:before {
+  content: "\f5b6"; }
+
+.fa-shuttlecock:before {
+  content: "\f45b"; }
+
+.fa-sickle:before {
+  content: "\f822"; }
+
+.fa-sigma:before {
+  content: "\f68b"; }
+
+.fa-sign:before {
+  content: "\f4d9"; }
+
+.fa-sign-in:before {
+  content: "\f090"; }
+
+.fa-sign-in-alt:before {
+  content: "\f2f6"; }
+
+.fa-sign-language:before {
+  content: "\f2a7"; }
+
+.fa-sign-out:before {
+  content: "\f08b"; }
+
+.fa-sign-out-alt:before {
+  content: "\f2f5"; }
+
+.fa-signal:before {
+  content: "\f012"; }
+
+.fa-signal-1:before {
+  content: "\f68c"; }
+
+.fa-signal-2:before {
+  content: "\f68d"; }
+
+.fa-signal-3:before {
+  content: "\f68e"; }
+
+.fa-signal-4:before {
+  content: "\f68f"; }
+
+.fa-signal-alt:before {
+  content: "\f690"; }
+
+.fa-signal-alt-1:before {
+  content: "\f691"; }
+
+.fa-signal-alt-2:before {
+  content: "\f692"; }
+
+.fa-signal-alt-3:before {
+  content: "\f693"; }
+
+.fa-signal-alt-slash:before {
+  content: "\f694"; }
+
+.fa-signal-slash:before {
+  content: "\f695"; }
+
+.fa-signature:before {
+  content: "\f5b7"; }
+
+.fa-sim-card:before {
+  content: "\f7c4"; }
+
+.fa-simplybuilt:before {
+  content: "\f215"; }
+
+.fa-sistrix:before {
+  content: "\f3ee"; }
+
+.fa-sitemap:before {
+  content: "\f0e8"; }
+
+.fa-sith:before {
+  content: "\f512"; }
+
+.fa-skating:before {
+  content: "\f7c5"; }
+
+.fa-skeleton:before {
+  content: "\f620"; }
+
+.fa-sketch:before {
+  content: "\f7c6"; }
+
+.fa-ski-jump:before {
+  content: "\f7c7"; }
+
+.fa-ski-lift:before {
+  content: "\f7c8"; }
+
+.fa-skiing:before {
+  content: "\f7c9"; }
+
+.fa-skiing-nordic:before {
+  content: "\f7ca"; }
+
+.fa-skull:before {
+  content: "\f54c"; }
+
+.fa-skull-crossbones:before {
+  content: "\f714"; }
+
+.fa-skyatlas:before {
+  content: "\f216"; }
+
+.fa-skype:before {
+  content: "\f17e"; }
+
+.fa-slack:before {
+  content: "\f198"; }
+
+.fa-slack-hash:before {
+  content: "\f3ef"; }
+
+.fa-slash:before {
+  content: "\f715"; }
+
+.fa-sledding:before {
+  content: "\f7cb"; }
+
+.fa-sleigh:before {
+  content: "\f7cc"; }
+
+.fa-sliders-h:before {
+  content: "\f1de"; }
+
+.fa-sliders-h-square:before {
+  content: "\f3f0"; }
+
+.fa-sliders-v:before {
+  content: "\f3f1"; }
+
+.fa-sliders-v-square:before {
+  content: "\f3f2"; }
+
+.fa-slideshare:before {
+  content: "\f1e7"; }
+
+.fa-smile:before {
+  content: "\f118"; }
+
+.fa-smile-beam:before {
+  content: "\f5b8"; }
+
+.fa-smile-plus:before {
+  content: "\f5b9"; }
+
+.fa-smile-wink:before {
+  content: "\f4da"; }
+
+.fa-smog:before {
+  content: "\f75f"; }
+
+.fa-smoke:before {
+  content: "\f760"; }
+
+.fa-smoking:before {
+  content: "\f48d"; }
+
+.fa-smoking-ban:before {
+  content: "\f54d"; }
+
+.fa-sms:before {
+  content: "\f7cd"; }
+
+.fa-snake:before {
+  content: "\f716"; }
+
+.fa-snapchat:before {
+  content: "\f2ab"; }
+
+.fa-snapchat-ghost:before {
+  content: "\f2ac"; }
+
+.fa-snapchat-square:before {
+  content: "\f2ad"; }
+
+.fa-snow-blowing:before {
+  content: "\f761"; }
+
+.fa-snowboarding:before {
+  content: "\f7ce"; }
+
+.fa-snowflake:before {
+  content: "\f2dc"; }
+
+.fa-snowflakes:before {
+  content: "\f7cf"; }
+
+.fa-snowman:before {
+  content: "\f7d0"; }
+
+.fa-snowmobile:before {
+  content: "\f7d1"; }
+
+.fa-snowplow:before {
+  content: "\f7d2"; }
+
+.fa-socks:before {
+  content: "\f696"; }
+
+.fa-solar-panel:before {
+  content: "\f5ba"; }
+
+.fa-sort:before {
+  content: "\f0dc"; }
+
+.fa-sort-alpha-down:before {
+  content: "\f15d"; }
+
+.fa-sort-alpha-up:before {
+  content: "\f15e"; }
+
+.fa-sort-amount-down:before {
+  content: "\f160"; }
+
+.fa-sort-amount-up:before {
+  content: "\f161"; }
+
+.fa-sort-down:before {
+  content: "\f0dd"; }
+
+.fa-sort-numeric-down:before {
+  content: "\f162"; }
+
+.fa-sort-numeric-up:before {
+  content: "\f163"; }
+
+.fa-sort-up:before {
+  content: "\f0de"; }
+
+.fa-soundcloud:before {
+  content: "\f1be"; }
+
+.fa-soup:before {
+  content: "\f823"; }
+
+.fa-sourcetree:before {
+  content: "\f7d3"; }
+
+.fa-spa:before {
+  content: "\f5bb"; }
+
+.fa-space-shuttle:before {
+  content: "\f197"; }
+
+.fa-spade:before {
+  content: "\f2f4"; }
+
+.fa-speakap:before {
+  content: "\f3f3"; }
+
+.fa-speaker-deck:before {
+  content: "\f83c"; }
+
+.fa-spider:before {
+  content: "\f717"; }
+
+.fa-spider-black-widow:before {
+  content: "\f718"; }
+
+.fa-spider-web:before {
+  content: "\f719"; }
+
+.fa-spinner:before {
+  content: "\f110"; }
+
+.fa-spinner-third:before {
+  content: "\f3f4"; }
+
+.fa-splotch:before {
+  content: "\f5bc"; }
+
+.fa-spotify:before {
+  content: "\f1bc"; }
+
+.fa-spray-can:before {
+  content: "\f5bd"; }
+
+.fa-square:before {
+  content: "\f0c8"; }
+
+.fa-square-full:before {
+  content: "\f45c"; }
+
+.fa-square-root:before {
+  content: "\f697"; }
+
+.fa-square-root-alt:before {
+  content: "\f698"; }
+
+.fa-squarespace:before {
+  content: "\f5be"; }
+
+.fa-squirrel:before {
+  content: "\f71a"; }
+
+.fa-stack-exchange:before {
+  content: "\f18d"; }
+
+.fa-stack-overflow:before {
+  content: "\f16c"; }
+
+.fa-staff:before {
+  content: "\f71b"; }
+
+.fa-stamp:before {
+  content: "\f5bf"; }
+
+.fa-star:before {
+  content: "\f005"; }
+
+.fa-star-and-crescent:before {
+  content: "\f699"; }
+
+.fa-star-christmas:before {
+  content: "\f7d4"; }
+
+.fa-star-exclamation:before {
+  content: "\f2f3"; }
+
+.fa-star-half:before {
+  content: "\f089"; }
+
+.fa-star-half-alt:before {
+  content: "\f5c0"; }
+
+.fa-star-of-david:before {
+  content: "\f69a"; }
+
+.fa-star-of-life:before {
+  content: "\f621"; }
+
+.fa-stars:before {
+  content: "\f762"; }
+
+.fa-staylinked:before {
+  content: "\f3f5"; }
+
+.fa-steak:before {
+  content: "\f824"; }
+
+.fa-steam:before {
+  content: "\f1b6"; }
+
+.fa-steam-square:before {
+  content: "\f1b7"; }
+
+.fa-steam-symbol:before {
+  content: "\f3f6"; }
+
+.fa-steering-wheel:before {
+  content: "\f622"; }
+
+.fa-step-backward:before {
+  content: "\f048"; }
+
+.fa-step-forward:before {
+  content: "\f051"; }
+
+.fa-stethoscope:before {
+  content: "\f0f1"; }
+
+.fa-sticker-mule:before {
+  content: "\f3f7"; }
+
+.fa-sticky-note:before {
+  content: "\f249"; }
+
+.fa-stocking:before {
+  content: "\f7d5"; }
+
+.fa-stomach:before {
+  content: "\f623"; }
+
+.fa-stop:before {
+  content: "\f04d"; }
+
+.fa-stop-circle:before {
+  content: "\f28d"; }
+
+.fa-stopwatch:before {
+  content: "\f2f2"; }
+
+.fa-store:before {
+  content: "\f54e"; }
+
+.fa-store-alt:before {
+  content: "\f54f"; }
+
+.fa-strava:before {
+  content: "\f428"; }
+
+.fa-stream:before {
+  content: "\f550"; }
+
+.fa-street-view:before {
+  content: "\f21d"; }
+
+.fa-stretcher:before {
+  content: "\f825"; }
+
+.fa-strikethrough:before {
+  content: "\f0cc"; }
+
+.fa-stripe:before {
+  content: "\f429"; }
+
+.fa-stripe-s:before {
+  content: "\f42a"; }
+
+.fa-stroopwafel:before {
+  content: "\f551"; }
+
+.fa-studiovinari:before {
+  content: "\f3f8"; }
+
+.fa-stumbleupon:before {
+  content: "\f1a4"; }
+
+.fa-stumbleupon-circle:before {
+  content: "\f1a3"; }
+
+.fa-subscript:before {
+  content: "\f12c"; }
+
+.fa-subway:before {
+  content: "\f239"; }
+
+.fa-suitcase:before {
+  content: "\f0f2"; }
+
+.fa-suitcase-rolling:before {
+  content: "\f5c1"; }
+
+.fa-sun:before {
+  content: "\f185"; }
+
+.fa-sun-cloud:before {
+  content: "\f763"; }
+
+.fa-sun-dust:before {
+  content: "\f764"; }
+
+.fa-sun-haze:before {
+  content: "\f765"; }
+
+.fa-sunrise:before {
+  content: "\f766"; }
+
+.fa-sunset:before {
+  content: "\f767"; }
+
+.fa-superpowers:before {
+  content: "\f2dd"; }
+
+.fa-superscript:before {
+  content: "\f12b"; }
+
+.fa-supple:before {
+  content: "\f3f9"; }
+
+.fa-surprise:before {
+  content: "\f5c2"; }
+
+.fa-suse:before {
+  content: "\f7d6"; }
+
+.fa-swatchbook:before {
+  content: "\f5c3"; }
+
+.fa-swimmer:before {
+  content: "\f5c4"; }
+
+.fa-swimming-pool:before {
+  content: "\f5c5"; }
+
+.fa-sword:before {
+  content: "\f71c"; }
+
+.fa-swords:before {
+  content: "\f71d"; }
+
+.fa-symfony:before {
+  content: "\f83d"; }
+
+.fa-synagogue:before {
+  content: "\f69b"; }
+
+.fa-sync:before {
+  content: "\f021"; }
+
+.fa-sync-alt:before {
+  content: "\f2f1"; }
+
+.fa-syringe:before {
+  content: "\f48e"; }
+
+.fa-table:before {
+  content: "\f0ce"; }
+
+.fa-table-tennis:before {
+  content: "\f45d"; }
+
+.fa-tablet:before {
+  content: "\f10a"; }
+
+.fa-tablet-alt:before {
+  content: "\f3fa"; }
+
+.fa-tablet-android:before {
+  content: "\f3fb"; }
+
+.fa-tablet-android-alt:before {
+  content: "\f3fc"; }
+
+.fa-tablet-rugged:before {
+  content: "\f48f"; }
+
+.fa-tablets:before {
+  content: "\f490"; }
+
+.fa-tachometer:before {
+  content: "\f0e4"; }
+
+.fa-tachometer-alt:before {
+  content: "\f3fd"; }
+
+.fa-tachometer-alt-average:before {
+  content: "\f624"; }
+
+.fa-tachometer-alt-fast:before {
+  content: "\f625"; }
+
+.fa-tachometer-alt-fastest:before {
+  content: "\f626"; }
+
+.fa-tachometer-alt-slow:before {
+  content: "\f627"; }
+
+.fa-tachometer-alt-slowest:before {
+  content: "\f628"; }
+
+.fa-tachometer-average:before {
+  content: "\f629"; }
+
+.fa-tachometer-fast:before {
+  content: "\f62a"; }
+
+.fa-tachometer-fastest:before {
+  content: "\f62b"; }
+
+.fa-tachometer-slow:before {
+  content: "\f62c"; }
+
+.fa-tachometer-slowest:before {
+  content: "\f62d"; }
+
+.fa-taco:before {
+  content: "\f826"; }
+
+.fa-tag:before {
+  content: "\f02b"; }
+
+.fa-tags:before {
+  content: "\f02c"; }
+
+.fa-tally:before {
+  content: "\f69c"; }
+
+.fa-tanakh:before {
+  content: "\f827"; }
+
+.fa-tape:before {
+  content: "\f4db"; }
+
+.fa-tasks:before {
+  content: "\f0ae"; }
+
+.fa-tasks-alt:before {
+  content: "\f828"; }
+
+.fa-taxi:before {
+  content: "\f1ba"; }
+
+.fa-teamspeak:before {
+  content: "\f4f9"; }
+
+.fa-teeth:before {
+  content: "\f62e"; }
+
+.fa-teeth-open:before {
+  content: "\f62f"; }
+
+.fa-telegram:before {
+  content: "\f2c6"; }
+
+.fa-telegram-plane:before {
+  content: "\f3fe"; }
+
+.fa-temperature-frigid:before {
+  content: "\f768"; }
+
+.fa-temperature-high:before {
+  content: "\f769"; }
+
+.fa-temperature-hot:before {
+  content: "\f76a"; }
+
+.fa-temperature-low:before {
+  content: "\f76b"; }
+
+.fa-tencent-weibo:before {
+  content: "\f1d5"; }
+
+.fa-tenge:before {
+  content: "\f7d7"; }
+
+.fa-tennis-ball:before {
+  content: "\f45e"; }
+
+.fa-terminal:before {
+  content: "\f120"; }
+
+.fa-text-height:before {
+  content: "\f034"; }
+
+.fa-text-width:before {
+  content: "\f035"; }
+
+.fa-th:before {
+  content: "\f00a"; }
+
+.fa-th-large:before {
+  content: "\f009"; }
+
+.fa-th-list:before {
+  content: "\f00b"; }
+
+.fa-the-red-yeti:before {
+  content: "\f69d"; }
+
+.fa-theater-masks:before {
+  content: "\f630"; }
+
+.fa-themeco:before {
+  content: "\f5c6"; }
+
+.fa-themeisle:before {
+  content: "\f2b2"; }
+
+.fa-thermometer:before {
+  content: "\f491"; }
+
+.fa-thermometer-empty:before {
+  content: "\f2cb"; }
+
+.fa-thermometer-full:before {
+  content: "\f2c7"; }
+
+.fa-thermometer-half:before {
+  content: "\f2c9"; }
+
+.fa-thermometer-quarter:before {
+  content: "\f2ca"; }
+
+.fa-thermometer-three-quarters:before {
+  content: "\f2c8"; }
+
+.fa-theta:before {
+  content: "\f69e"; }
+
+.fa-think-peaks:before {
+  content: "\f731"; }
+
+.fa-thumbs-down:before {
+  content: "\f165"; }
+
+.fa-thumbs-up:before {
+  content: "\f164"; }
+
+.fa-thumbtack:before {
+  content: "\f08d"; }
+
+.fa-thunderstorm:before {
+  content: "\f76c"; }
+
+.fa-thunderstorm-moon:before {
+  content: "\f76d"; }
+
+.fa-thunderstorm-sun:before {
+  content: "\f76e"; }
+
+.fa-ticket:before {
+  content: "\f145"; }
+
+.fa-ticket-alt:before {
+  content: "\f3ff"; }
+
+.fa-tilde:before {
+  content: "\f69f"; }
+
+.fa-times:before {
+  content: "\f00d"; }
+
+.fa-times-circle:before {
+  content: "\f057"; }
+
+.fa-times-hexagon:before {
+  content: "\f2ee"; }
+
+.fa-times-octagon:before {
+  content: "\f2f0"; }
+
+.fa-times-square:before {
+  content: "\f2d3"; }
+
+.fa-tint:before {
+  content: "\f043"; }
+
+.fa-tint-slash:before {
+  content: "\f5c7"; }
+
+.fa-tire:before {
+  content: "\f631"; }
+
+.fa-tire-flat:before {
+  content: "\f632"; }
+
+.fa-tire-pressure-warning:before {
+  content: "\f633"; }
+
+.fa-tire-rugged:before {
+  content: "\f634"; }
+
+.fa-tired:before {
+  content: "\f5c8"; }
+
+.fa-toggle-off:before {
+  content: "\f204"; }
+
+.fa-toggle-on:before {
+  content: "\f205"; }
+
+.fa-toilet:before {
+  content: "\f7d8"; }
+
+.fa-toilet-paper:before {
+  content: "\f71e"; }
+
+.fa-toilet-paper-alt:before {
+  content: "\f71f"; }
+
+.fa-tombstone:before {
+  content: "\f720"; }
+
+.fa-tombstone-alt:before {
+  content: "\f721"; }
+
+.fa-toolbox:before {
+  content: "\f552"; }
+
+.fa-tools:before {
+  content: "\f7d9"; }
+
+.fa-tooth:before {
+  content: "\f5c9"; }
+
+.fa-toothbrush:before {
+  content: "\f635"; }
+
+.fa-torah:before {
+  content: "\f6a0"; }
+
+.fa-torii-gate:before {
+  content: "\f6a1"; }
+
+.fa-tornado:before {
+  content: "\f76f"; }
+
+.fa-tractor:before {
+  content: "\f722"; }
+
+.fa-trade-federation:before {
+  content: "\f513"; }
+
+.fa-trademark:before {
+  content: "\f25c"; }
+
+.fa-traffic-cone:before {
+  content: "\f636"; }
+
+.fa-traffic-light:before {
+  content: "\f637"; }
+
+.fa-traffic-light-go:before {
+  content: "\f638"; }
+
+.fa-traffic-light-slow:before {
+  content: "\f639"; }
+
+.fa-traffic-light-stop:before {
+  content: "\f63a"; }
+
+.fa-train:before {
+  content: "\f238"; }
+
+.fa-tram:before {
+  content: "\f7da"; }
+
+.fa-transgender:before {
+  content: "\f224"; }
+
+.fa-transgender-alt:before {
+  content: "\f225"; }
+
+.fa-trash:before {
+  content: "\f1f8"; }
+
+.fa-trash-alt:before {
+  content: "\f2ed"; }
+
+.fa-trash-restore:before {
+  content: "\f829"; }
+
+.fa-trash-restore-alt:before {
+  content: "\f82a"; }
+
+.fa-treasure-chest:before {
+  content: "\f723"; }
+
+.fa-tree:before {
+  content: "\f1bb"; }
+
+.fa-tree-alt:before {
+  content: "\f400"; }
+
+.fa-tree-christmas:before {
+  content: "\f7db"; }
+
+.fa-tree-decorated:before {
+  content: "\f7dc"; }
+
+.fa-tree-large:before {
+  content: "\f7dd"; }
+
+.fa-tree-palm:before {
+  content: "\f82b"; }
+
+.fa-trees:before {
+  content: "\f724"; }
+
+.fa-trello:before {
+  content: "\f181"; }
+
+.fa-triangle:before {
+  content: "\f2ec"; }
+
+.fa-tripadvisor:before {
+  content: "\f262"; }
+
+.fa-trophy:before {
+  content: "\f091"; }
+
+.fa-trophy-alt:before {
+  content: "\f2eb"; }
+
+.fa-truck:before {
+  content: "\f0d1"; }
+
+.fa-truck  er-container:before {
+  content: "\f4dc"; }
+
+.fa-truck-couch:before {
+  content: "\f4dd"; }
+
+.fa-truck-loading:before {
+  content: "\f4de"; }
+
+.fa-truck-monster:before {
+  content: "\f63b"; }
+
+.fa-truck-moving:before {
+  content: "\f4df"; }
+
+.fa-truck-pickup:before {
+  content: "\f63c"; }
+
+.fa-truck-plow:before {
+  content: "\f7de"; }
+
+.fa-truck-ramp:before {
+  content: "\f4e0"; }
+
+.fa-tshirt:before {
+  content: "\f553"; }
+
+.fa-tty:before {
+  content: "\f1e4"; }
+
+.fa-tumblr:before {
+  content: "\f173"; }
+
+.fa-tumblr-square:before {
+  content: "\f174"; }
+
+.fa-turkey:before {
+  content: "\f725"; }
+
+.fa-turtle:before {
+  content: "\f726"; }
+
+.fa-tv:before {
+  content: "\f26c"; }
+
+.fa-tv-retro:before {
+  content: "\f401"; }
+
+.fa-twitch:before {
+  content: "\f1e8"; }
+
+.fa-twitter:before {
+  content: "\f099"; }
+
+.fa-x-twitter:before {
+  content: "\e61b"; }
+
+.fa-twitter-square:before {
+  content: "\f081"; }
+
+.fa-typo3:before {
+  content: "\f42b"; }
+
+.fa-uber:before {
+  content: "\f402"; }
+
+.fa-ubuntu:before {
+  content: "\f7df"; }
+
+.fa-uikit:before {
+  content: "\f403"; }
+
+.fa-umbrella:before {
+  content: "\f0e9"; }
+
+.fa-umbrella-beach:before {
+  content: "\f5ca"; }
+
+.fa-underline:before {
+  content: "\f0cd"; }
+
+.fa-undo:before {
+  content: "\f0e2"; }
+
+.fa-undo-alt:before {
+  content: "\f2ea"; }
+
+.fa-unicorn:before {
+  content: "\f727"; }
+
+.fa-union:before {
+  content: "\f6a2"; }
+
+.fa-uniregistry:before {
+  content: "\f404"; }
+
+.fa-universal-access:before {
+  content: "\f29a"; }
+
+.fa-university:before {
+  content: "\f19c"; }
+
+.fa-unlink:before {
+  content: "\f127"; }
+
+.fa-unlock:before {
+  content: "\f09c"; }
+
+.fa-unlock-alt:before {
+  content: "\f13e"; }
+
+.fa-untappd:before {
+  content: "\f405"; }
+
+.fa-upload:before {
+  content: "\f093"; }
+
+.fa-ups:before {
+  content: "\f7e0"; }
+
+.fa-usb:before {
+  content: "\f287"; }
+
+.fa-usd-circle:before {
+  content: "\f2e8"; }
+
+.fa-usd-square:before {
+  content: "\f2e9"; }
+
+.fa-user:before {
+  content: "\f007"; }
+
+.fa-user-alt:before {
+  content: "\f406"; }
+
+.fa-user-alt-slash:before {
+  content: "\f4fa"; }
+
+.fa-user-astronaut:before {
+  content: "\f4fb"; }
+
+.fa-user-chart:before {
+  content: "\f6a3"; }
+
+.fa-user-check:before {
+  content: "\f4fc"; }
+
+.fa-user-circle:before {
+  content: "\f2bd"; }
+
+.fa-user-clock:before {
+  content: "\f4fd"; }
+
+.fa-user-cog:before {
+  content: "\f4fe"; }
+
+.fa-user-crown:before {
+  content: "\f6a4"; }
+
+.fa-user-edit:before {
+  content: "\f4ff"; }
+
+.fa-user-friends:before {
+  content: "\f500"; }
+
+.fa-user-graduate:before {
+  content: "\f501"; }
+
+.fa-user-hard-hat:before {
+  content: "\f82c"; }
+
+.fa-user-headset:before {
+  content: "\f82d"; }
+
+.fa-user-injured:before {
+  content: "\f728"; }
+
+.fa-user-lock:before {
+  content: "\f502"; }
+
+.fa-user-md:before {
+  content: "\f0f0"; }
+
+.fa-user-md-chat:before {
+  content: "\f82e"; }
+
+.fa-user-minus:before {
+  content: "\f503"; }
+
+.fa-user-ninja:before {
+  content: "\f504"; }
+
+.fa-user-nurse:before {
+  content: "\f82f"; }
+
+.fa-user-plus:before {
+  content: "\f234"; }
+
+.fa-user-secret:before {
+  content: "\f21b"; }
+
+.fa-user-shield:before {
+  content: "\f505"; }
+
+.fa-user-slash:before {
+  content: "\f506"; }
+
+.fa-user-tag:before {
+  content: "\f507"; }
+
+.fa-user-tie:before {
+  content: "\f508"; }
+
+.fa-user-times:before {
+  content: "\f235"; }
+
+.fa-users:before {
+  content: "\f0c0"; }
+
+.fa-users-class:before {
+  content: "\f63d"; }
+
+.fa-users-cog:before {
+  content: "\f509"; }
+
+.fa-users-crown:before {
+  content: "\f6a5"; }
+
+.fa-users-medical:before {
+  content: "\f830"; }
+
+.fa-usps:before {
+  content: "\f7e1"; }
+
+.fa-ussunnah:before {
+  content: "\f407"; }
+
+.fa-utensil-fork:before {
+  content: "\f2e3"; }
+
+.fa-utensil-knife:before {
+  content: "\f2e4"; }
+
+.fa-utensil-spoon:before {
+  content: "\f2e5"; }
+
+.fa-utensils:before {
+  content: "\f2e7"; }
+
+.fa-utensils-alt:before {
+  content: "\f2e6"; }
+
+.fa-vaadin:before {
+  content: "\f408"; }
+
+.fa-value-absolute:before {
+  content: "\f6a6"; }
+
+.fa-vector-square:before {
+  content: "\f5cb"; }
+
+.fa-venus:before {
+  content: "\f221"; }
+
+.fa-venus-double:before {
+  content: "\f226"; }
+
+.fa-venus-mars:before {
+  content: "\f228"; }
+
+.fa-viacoin:before {
+  content: "\f237"; }
+
+.fa-viadeo:before {
+  content: "\f2a9"; }
+
+.fa-viadeo-square:before {
+  content: "\f2aa"; }
+
+.fa-vial:before {
+  content: "\f492"; }
+
+.fa-vials:before {
+  content: "\f493"; }
+
+.fa-viber:before {
+  content: "\f409"; }
+
+.fa-video:before {
+  content: "\f03d"; }
+
+.fa-video-plus:before {
+  content: "\f4e1"; }
+
+.fa-video-slash:before {
+  content: "\f4e2"; }
+
+.fa-vihara:before {
+  content: "\f6a7"; }
+
+.fa-vimeo:before {
+  content: "\f40a"; }
+
+.fa-vimeo-square:before {
+  content: "\f194"; }
+
+.fa-vimeo-v:before {
+  content: "\f27d"; }
+
+.fa-vine:before {
+  content: "\f1ca"; }
+
+.fa-vk:before {
+  content: "\f189"; }
+
+.fa-vnv:before {
+  content: "\f40b"; }
+
+.fa-volcano:before {
+  content: "\f770"; }
+
+.fa-volleyball-ball:before {
+  content: "\f45f"; }
+
+.fa-volume:before {
+  content: "\f6a8"; }
+
+.fa-volume-down:before {
+  content: "\f027"; }
+
+.fa-volume-mute:before {
+  content: "\f6a9"; }
+
+.fa-volume-off:before {
+  content: "\f026"; }
+
+.fa-volume-slash:before {
+  content: "\f2e2"; }
+
+.fa-volume-up:before {
+  content: "\f028"; }
+
+.fa-vote-nay:before {
+  content: "\f771"; }
+
+.fa-vote-yea:before {
+  content: "\f772"; }
+
+.fa-vr-cardboard:before {
+  content: "\f729"; }
+
+.fa-vuejs:before {
+  content: "\f41f"; }
+
+.fa-walker:before {
+  content: "\f831"; }
+
+.fa-walking:before {
+  content: "\f554"; }
+
+.fa-wallet:before {
+  content: "\f555"; }
+
+.fa-wand:before {
+  content: "\f72a"; }
+
+.fa-wand-magic:before {
+  content: "\f72b"; }
+
+.fa-warehouse:before {
+  content: "\f494"; }
+
+.fa-warehouse-alt:before {
+  content: "\f495"; }
+
+.fa-watch:before {
+  content: "\f2e1"; }
+
+.fa-watch-fitness:before {
+  content: "\f63e"; }
+
+.fa-water:before {
+  content: "\f773"; }
+
+.fa-water-lower:before {
+  content: "\f774"; }
+
+.fa-water-rise:before {
+  content: "\f775"; }
+
+.fa-wave-square:before {
+  content: "\f83e"; }
+
+.fa-waze:before {
+  content: "\f83f"; }
+
+.fa-webcam:before {
+  content: "\f832"; }
+
+.fa-webcam-slash:before {
+  content: "\f833"; }
+
+.fa-weebly:before {
+  content: "\f5cc"; }
+
+.fa-weibo:before {
+  content: "\f18a"; }
+
+.fa-weight:before {
+  content: "\f496"; }
+
+.fa-weight-hanging:before {
+  content: "\f5cd"; }
+
+.fa-weixin:before {
+  content: "\f1d7"; }
+
+.fa-whale:before {
+  content: "\f72c"; }
+
+.fa-whatsapp:before {
+  content: "\f232"; }
+
+.fa-whatsapp-square:before {
+  content: "\f40c"; }
+
+.fa-wheat:before {
+  content: "\f72d"; }
+
+.fa-wheelchair:before {
+  content: "\f193"; }
+
+.fa-whistle:before {
+  content: "\f460"; }
+
+.fa-whmcs:before {
+  content: "\f40d"; }
+
+.fa-wifi:before {
+  content: "\f1eb"; }
+
+.fa-wifi-1:before {
+  content: "\f6aa"; }
+
+.fa-wifi-2:before {
+  content: "\f6ab"; }
+
+.fa-wifi-slash:before {
+  content: "\f6ac"; }
+
+.fa-wikipedia-w:before {
+  content: "\f266"; }
+
+.fa-wind:before {
+  content: "\f72e"; }
+
+.fa-wind-warning:before {
+  content: "\f776"; }
+
+.fa-window:before {
+  content: "\f40e"; }
+
+.fa-window-alt:before {
+  content: "\f40f"; }
+
+.fa-window-close:before {
+  content: "\f410"; }
+
+.fa-window-maximize:before {
+  content: "\f2d0"; }
+
+.fa-window-minimize:before {
+  content: "\f2d1"; }
+
+.fa-window-restore:before {
+  content: "\f2d2"; }
+
+.fa-windows:before {
+  content: "\f17a"; }
+
+.fa-windsock:before {
+  content: "\f777"; }
+
+.fa-wine-bottle:before {
+  content: "\f72f"; }
+
+.fa-wine-glass:before {
+  content: "\f4e3"; }
+
+.fa-wine-glass-alt:before {
+  content: "\f5ce"; }
+
+.fa-wix:before {
+  content: "\f5cf"; }
+
+.fa-wizards-of-the-coast:before {
+  content: "\f730"; }
+
+.fa-wolf-pack-battalion:before {
+  content: "\f514"; }
+
+.fa-won-sign:before {
+  content: "\f159"; }
+
+.fa-wordpress:before {
+  content: "\f19a"; }
+
+.fa-wordpress-simple:before {
+  content: "\f411"; }
+
+.fa-wpbeginner:before {
+  content: "\f297"; }
+
+.fa-wpexplorer:before {
+  content: "\f2de"; }
+
+.fa-wpforms:before {
+  content: "\f298"; }
+
+.fa-wpressr:before {
+  content: "\f3e4"; }
+
+.fa-wreath:before {
+  content: "\f7e2"; }
+
+.fa-wrench:before {
+  content: "\f0ad"; }
+
+.fa-x-ray:before {
+  content: "\f497"; }
+
+.fa-xbox:before {
+  content: "\f412"; }
+
+.fa-xing:before {
+  content: "\f168"; }
+
+.fa-xing-square:before {
+  content: "\f169"; }
+
+.fa-y-combinator:before {
+  content: "\f23b"; }
+
+.fa-yahoo:before {
+  content: "\f19e"; }
+
+.fa-yammer:before {
+  content: "\f840"; }
+
+.fa-yandex:before {
+  content: "\f413"; }
+
+.fa-yandex-international:before {
+  content: "\f414"; }
+
+.fa-yarn:before {
+  content: "\f7e3"; }
+
+.fa-yelp:before {
+  content: "\f1e9"; }
+
+.fa-yen-sign:before {
+  content: "\f157"; }
+
+.fa-yin-yang:before {
+  content: "\f6ad"; }
+
+.fa-yoast:before {
+  content: "\f2b1"; }
+
+.fa-youtube:before {
+  content: "\f167"; }
+
+.fa-youtube-square:before {
+  content: "\f431"; }
+
+.fa-zhihu:before {
+  content: "\f63f"; }
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto; }
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: normal;
+  font-display: auto;
+  src: url("../fonts/fa-brands-400.eot");
+  /* src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); } */
+  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype")}
+
+.fab {
+  font-family: 'Font Awesome 5 Brands'; }
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 300;
+  font-display: auto;
+  src: url("../fonts/fa-light-300.eot");
+  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype")}
+  /* src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); } */
+
+.fal {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 300; }
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 400;
+  font-display: auto;
+  src: url("../fonts/fa-regular-400.eot");
+  /* src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); } */
+  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype")}
+
+.far {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 400; }
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 900;
+  font-display: auto;
+  src: url("../fonts/fa-solid-900.eot");
+  /* src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); } */
+  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype")}
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 900; }
diff --git a/app/assets/css/magnific-popup.css b/app/assets/css/magnific-popup.css
new file mode 100644
index 0000000..8561e18
--- /dev/null
+++ b/app/assets/css/magnific-popup.css
@@ -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; } }
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
new file mode 100644
index 0000000..eb30ad3
--- /dev/null
+++ b/app/assets/css/main.css
@@ -0,0 +1,8663 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
+@import url("aboutapp.css");
+
+body {
+  font-family: "Roboto", sans-serif;
+  font-weight: normal;
+  font-style: normal;
+  color: #505056;
+  overflow-x: hidden;
+}
+
+body[data-theme="dark"] {
+  --logo: url("../images/wrenchboard-logo-text.png") no-repeat;
+}
+
+body[data-theme="light"] {
+  --logo: url("../images/wrenchboard.png") no-repeat;
+}
+
+/* ==========================================vue */
+* {
+  margin: 0;
+  padding: 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  scroll-behavior: smooth;
+}
+
+img {
+  max-width: 100%;
+}
+
+a:focus,
+input:focus,
+textarea:focus,
+button:focus {
+  text-decoration: none;
+  outline: none;
+}
+
+a:focus,
+a:hover {
+  text-decoration: none;
+}
+
+i,
+span,
+a {
+  display: inline-block;
+  transition: all linear 0.3s;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Roboto", sans-serif;
+  font-weight: 900;
+  color: #0e1133;
+  margin: 0px;
+}
+
+h1 {
+  font-size: 48px;
+}
+
+h2 {
+  font-size: 36px;
+}
+
+h3 {
+  font-size: 28px;
+}
+
+h4 {
+  font-size: 22px;
+}
+
+h5 {
+  font-size: 18px;
+}
+
+h6 {
+  font-size: 16px;
+}
+
+ul,
+ol {
+  margin: 0px;
+  padding: 0px;
+  list-style-type: none;
+}
+
+p {
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 28px;
+  color: #505056;
+  margin: 0px;
+}
+.designed-title {
+  font-size: 24px;
+  font-weight: 700;
+  margin-bottom: 10px;
+  margin-top: 30px;
+  padding-bottom: 7px;
+  text-align: center;
+  text-shadow: 3px 4px 10px rgba(0,0,0,.3);
+}
+
+.designed-description {
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 400;
+  color: #505056;
+  text-align: center;
+}
+
+.bg_cover {
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 100%;
+}
+
+.slick-slide {
+  outline: 0;
+}
+
+/*===== All Button Style =====*/
+.main-btn {
+  display: inline-block;
+  font-weight: 500;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  padding: 0 30px;
+  font-size: 15px;
+  line-height: 45px;
+  border-radius: 6px;
+  color: #fff;
+  cursor: pointer;
+  z-index: 5;
+  -webkit-transition: all 0.4s ease-out 0s;
+  -moz-transition: all 0.4s ease-out 0s;
+  -ms-transition: all 0.4s ease-out 0s;
+  -o-transition: all 0.4s ease-out 0s;
+  transition: all 0.4s ease-out 0s;
+  background-color: #4687ba;
+  border: 1px solid #4687ba;
+  /* transition: all linear 0.3s;
+  border: 1px solid #89216b;
+  background-image: linear-gradient(90deg, #89216b 0%, #da4453 100%); */
+}
+@media only screen and (max-width: 568px) {
+  .main-btn {
+    padding: 0 15px;
+  }
+}
+.main-btn:hover {
+  background-color: #fff;
+  color: #2b70fa;
+  border-color: #2b70fa;
+  /* background-image: linear-gradient(90deg, #000 0%, #000 100%);
+  color: #fff;
+  border-color: #000; */
+}
+.main-btn.main-btn-2 {
+  background-color: #fff;
+  color: #2b70fa;
+  border-color: #2b70fa;
+}
+.main-btn.main-btn-2:hover {
+  background-color: #2b70fa;
+  border-color: #2b70fa;
+  color: #fff;
+}
+
+.appie-section-title {
+  padding-bottom: 25px;
+}
+.appie-section-title .appie-title {
+  font-size: 44px;
+  line-height: 54px;
+  /* color: #08538d; */
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+}
+.generative-ai{
+  padding-left: 150px;
+}
+
+@media only screen and (max-width: 568px) {
+  .generative-ai{
+    padding-left: 50px;
+  }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-section-title .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+    /* color: #08538d; */
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-section-title .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+    /* color: #08538d; */
+  }
+}
+@media (max-width: 767px) {
+  .appie-section-title .appie-title {
+    font-size: 26px;
+    line-height: 36px;
+    /* color: #08538d; */
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-section-title .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+    /* color: #08538d; */
+  }
+}
+.appie-section-title p {
+  font-size: 18px;
+  line-height: 28px;
+  margin-top: 11px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-section-title p {
+    font-size: 15px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-section-title p {
+    font-size: 15px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-section-title p {
+    font-size: 15px;
+  }
+}
+/* .appie-section-title .main-btn {
+  border-radius: 30px;
+  border: 2px solid #e7eaef;
+  background: #fff;
+  color: #0e1133;
+} */
+/* .appie-section-title .main-btn:hover {
+  background: #ff3e66;
+  color: #fff;
+  border-color: #ff3e66;
+} */
+.appie-section-title.appie-section-title-2 .appie-title {
+  color: #fff;
+}
+.appie-section-title.appie-section-title-2 p {
+  color: #fff;
+}
+
+.back-to-top {
+  position: fixed;
+  right: 30px;
+  bottom: 30px;
+  z-index: 999;
+  display: none;
+}
+.back-to-top a {
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  line-height: 40px;
+  background: #4687ba;
+  border-radius: 6px;
+  color: #fff;
+}
+.back-to-top.back-to-top-2 a {
+  background: #ff3e66;
+}
+.back-to-top.back-to-top-3 a {
+  background: #ff6b58;
+}
+.back-to-top.back-to-top-6 a {
+  background: #9b2cfa;
+}
+.back-to-top.back-to-top-5 a {
+  background: #801f82;
+}
+.back-to-top.back-to-top-8 a {
+  background: #db0f30;
+}
+
+.off_canvars_overlay {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  z-index: 9998;
+  opacity: 0;
+  visibility: hidden;
+  cursor: crosshair;
+  background: #232323;
+  top: 0;
+  transition: all linear 0.3s;
+}
+.off_canvars_overlay.active {
+  opacity: 0.5;
+  visibility: visible;
+}
+
+.offcanvas_menu {
+  display: none;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .offcanvas_menu {
+    display: block;
+  }
+}
+@media (max-width: 767px) {
+  .offcanvas_menu {
+    display: block;
+  }
+}
+
+.offcanvas_menu_wrapper {
+  width: 290px;
+  position: fixed;
+  background: #fff;
+  z-index: 9999;
+  top: 0;
+  height: 100%;
+  transition: 0.5s;
+  left: 0;
+  margin-left: -300px;
+  padding: 50px 15px 30px;
+  overflow-y: visible;
+}
+.offcanvas_menu_wrapper.active {
+  margin-left: 0;
+}
+.offcanvas_menu_wrapper .slinky-theme-default {
+  background: inherit;
+  min-height: 300px;
+  overflow-y: auto;
+}
+.offcanvas_menu_wrapper .header-btn {
+  margin-bottom: 30px;
+}
+.offcanvas_menu_wrapper .header-btn a {
+  color: #222;
+}
+.offcanvas_menu_wrapper .header-btn a:hover {
+  color: #222;
+}
+
+.offcanvas_main_menu li {
+  position: relative;
+}
+.offcanvas_main_menu li:last-child {
+  margin: 0;
+}
+.offcanvas_main_menu li span.menu-expand {
+  position: absolute;
+  right: 0;
+}
+.offcanvas_main_menu li a {
+  font-size: 14px;
+  font-weight: 500;
+  text-transform: capitalize;
+  display: block;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #ededed;
+  color: #222;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.offcanvas_main_menu li a:hover {
+  color: #2b70fa;
+}
+.offcanvas_main_menu li ul.sub-menu {
+  padding-left: 20px;
+}
+
+.offcanvas_footer {
+  padding-bottom: 50px;
+  text-align: center;
+}
+.offcanvas_footer span a {
+  font-size: 14px;
+  color: #222;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.offcanvas_footer span a:hover {
+  color: #2b70fa;
+}
+
+.offcanvas_menu_wrapper.active .canvas_close {
+  opacity: 1;
+  visibility: visible;
+}
+
+.canvas_close {
+  position: absolute;
+  top: 10px;
+  right: -50px;
+  opacity: 0;
+  visibility: hidden;
+  transition: all linear 0.3s;
+}
+.canvas_close a {
+  font-size: 18px;
+  text-transform: uppercase;
+  font-weight: 500;
+  width: 40px;
+  height: 40px;
+  display: block;
+  text-align: center;
+  line-height: 40px;
+  border: 1px solid #2b70fa;
+  border-radius: 10px;
+  background: #2b70fa;
+  color: #fff;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.canvas_close a:hover {
+  background: #2b70fa;
+  border-color: #2b70fa;
+  color: #fff;
+}
+
+.canvas_open a {
+  font-size: 26px;
+  width: 50px;
+  height: 42px;
+  display: block;
+  line-height: 39px;
+  text-align: center;
+  border: 1px solid #232323;
+  color: #222;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.canvas_open a:hover {
+  color: #2b70fa;
+  border-color: #2b70fa;
+}
+
+.offcanvas-social {
+  margin-bottom: 40px;
+  margin-top: 40px;
+}
+.offcanvas-social ul li {
+  display: inline-block;
+}
+.offcanvas-social ul li a {
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  line-height: 38px;
+  color: #2b70fa;
+  border: 1px solid #eaeaea;
+  border-radius: 50%;
+  margin: 0 5px;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.offcanvas-social ul li a:hover {
+  background: #2b70fa;
+  border-color: #2b70fa;
+  color: #fff;
+}
+
+.toggle-btn {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  font-size: 20px;
+  color: #0e1133;
+}
+
+.preloader {
+  position: fixed;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 999;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-image: url(../images/icon/preloader.svg);
+}
+
+.preloader-close {
+  position: fixed;
+  z-index: 999999;
+  color: #fff;
+  padding: 10px 20px;
+  cursor: pointer;
+  right: 40px;
+  bottom: 40px;
+  font-weight: 600;
+  line-height: 60px;
+  background: #2b70fa;
+  padding: 0 15px;
+  border-radius: 5px;
+}
+
+.loader-wrap {
+  position: fixed;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 999999;
+}
+
+.loader-wrap .layer-one {
+  position: absolute;
+  left: 0%;
+  top: 0;
+  width: 33.3333%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.loader-wrap .layer-two {
+  position: absolute;
+  left: 33.3333%;
+  top: 0;
+  width: 33.3333%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.loader-wrap .layer-three {
+  position: absolute;
+  left: 66.6666%;
+  top: 0;
+  width: 33.3333%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.loader-wrap .layer .overlay {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #f4f9ff;
+}
+
+/*===========================
+    SEARCH css 
+===========================*/
+.search-box {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.9);
+  z-index: 9999999;
+  -webkit-transform: translateY(-100%);
+  -moz-transform: translateY(-100%);
+  -ms-transform: translateY(-100%);
+  -o-transform: translateY(-100%);
+  transform: translateY(-100%);
+  -webkit-transition: all 0.6s ease-out 0s;
+  -moz-transition: all 0.6s ease-out 0s;
+  -ms-transition: all 0.6s ease-out 0s;
+  -o-transition: all 0.6s ease-out 0s;
+  transition: all 0.6s ease-out 0s;
+  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
+}
+.search-box .search-header .search-title {
+  font-size: 24px;
+  font-weight: 500;
+  color: #fff;
+}
+.search-box .search-header .search-close button {
+  background: none;
+  border: 0;
+  font-size: 24px;
+  font-weight: 500;
+  color: #fff;
+  padding-right: 35px;
+  position: relative;
+}
+.search-box .search-header .search-close button span {
+  width: 21px;
+  height: 2px;
+  background-color: #fff;
+  display: block;
+  position: absolute;
+  right: 0;
+}
+.search-box .search-header .search-close button span:nth-child(1) {
+  top: 13px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.search-box .search-header .search-close button span:nth-child(2) {
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+  top: 13px;
+}
+.search-box .search-body {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  -o-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+.search-box .search-body .search-form {
+  position: relative;
+}
+.search-box .search-body .search-form input {
+  width: 100%;
+  border: 0;
+  height: 80px;
+  padding-left: 30px;
+  border: 2px solid #fff;
+  border-radius: 50px;
+  font-size: 20px;
+  color: #707070;
+}
+.search-box .search-body .search-form input::placeholder {
+  color: #707070;
+  opacity: 1;
+}
+.search-box .search-body .search-form button {
+  position: absolute;
+  right: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 60px;
+  font-size: 36px;
+  color: #707070;
+  background: none;
+  border: 0;
+}
+.search-box .search-footer {
+  padding-bottom: 50px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+.search-box .search-footer .search-footer-content h4 {
+  color: #707070;
+  font-size: 24px;
+}
+.search-box .search-footer .search-footer-content p {
+  color: #222;
+  font-size: 16px;
+}
+
+.search-box.open {
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
+}
+
+/*===========================
+    SHOPPING CART css 
+===========================*/
+.amm-shopping-cart-wrapper .overlay::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #222;
+  opacity: 0;
+  z-index: 99999;
+  visibility: visible;
+  -webkit-transition: all 0.2s ease-out 0s;
+  -moz-transition: all 0.2s ease-out 0s;
+  -ms-transition: all 0.2s ease-out 0s;
+  -o-transition: all 0.2s ease-out 0s;
+  transition: all 0.2s ease-out 0s;
+  visibility: hidden;
+}
+.amm-shopping-cart-wrapper .overlay.open::before {
+  opacity: 0.5;
+  visibility: visible;
+}
+
+.amm-shopping-cart-canvas {
+  position: fixed;
+  width: 400px;
+  height: 100%;
+  background-color: #fff;
+  z-index: 99999999;
+  top: 0;
+  right: -400px;
+  padding: 40px 40px;
+  -webkit-transition: all 0.4s ease-out 0s;
+  -moz-transition: all 0.4s ease-out 0s;
+  -ms-transition: all 0.4s ease-out 0s;
+  -o-transition: all 0.4s ease-out 0s;
+  transition: all 0.4s ease-out 0s;
+}
+@media (max-width: 767px) {
+  .amm-shopping-cart-canvas {
+    width: 320px;
+  }
+}
+.amm-shopping-cart-canvas.open {
+  right: 0;
+}
+.amm-shopping-cart-canvas .amm-shopping_cart {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+.amm-shopping-cart-canvas.amm-shopping-cart-leftbar {
+  right: auto;
+  left: -400px;
+}
+.amm-shopping-cart-canvas.amm-shopping-cart-leftbar.open {
+  left: 0;
+}
+
+.amm-shopping_cart-list-items {
+  overflow-y: auto;
+  width: 100%;
+  height: 50%;
+}
+.amm-shopping_cart-list-items ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.amm-shopping_cart-list-items ul li {
+  padding: 20px 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+.amm-shopping_cart-list-items ul li:last-child {
+  border-bottom: 0;
+}
+
+.amm-single-shopping-cart {
+  display: flex;
+}
+.amm-single-shopping-cart .cart-content {
+  position: relative;
+  padding-right: 30px;
+}
+.amm-single-shopping-cart .cart-content h6 a {
+  font-size: 16px;
+  font-weight: 500;
+  color: #222;
+}
+.amm-single-shopping-cart .cart-content .quality {
+  font-size: 14px;
+  color: #505056;
+  display: block;
+}
+.amm-single-shopping-cart .cart-content .price {
+  font-size: 14px;
+  color: #2b70fa;
+}
+.amm-single-shopping-cart .cart-content .price-discount {
+  font-size: 14px;
+  color: #2b70fa;
+}
+.amm-single-shopping-cart .cart-content .price-close {
+  font-size: 12px;
+  color: #505056;
+  position: relative;
+}
+.amm-single-shopping-cart .cart-content .price-close::before {
+  position: absolute;
+  content: "";
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  -o-transform: translateY(-50%);
+  transform: translateY(-50%);
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: #505056;
+}
+.amm-single-shopping-cart .cart-content .remove {
+  font-size: 14px;
+  color: #ccc;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.amm-shopping_cart-top-bar h6 {
+  font-size: 24px;
+  font-weight: 600;
+  color: #222;
+}
+.amm-shopping_cart-top-bar button {
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: 0;
+  font-size: 30px;
+  background: none;
+}
+
+.amm-shopping_cart-btn {
+  border-top: 1px solid #ccc;
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+  z-index: 99;
+}
+.amm-shopping_cart-btn .tota h5 {
+  font-size: 18px;
+  font-weight: 400;
+  color: #222;
+}
+.amm-shopping_cart-btn .tota p {
+  font-size: 18px;
+  color: #2b70fa;
+}
+.amm-shopping_cart-btn .cart-btn a {
+  margin: 5px 0;
+  width: 100%;
+}
+
+/*===========================
+    2.HEADER css 
+===========================*/
+.appie-sticky.sticky {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: 1010;
+  background: #fff;
+  box-shadow: 0 15px 30px 0 #0000000f;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  animation: sticky 1.2s;
+}
+
+.appie-header-area {
+  padding-top: 30px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  z-index: 999;
+}
+/* .appie-header-area.appie-header-2-area .appie-btn-box .main-btn {
+  background: #ff3e66;
+  border-radius: 30px;
+  border-color: #ff3e66;
+} */
+/* .appie-header-area.appie-header-2-area .appie-btn-box .main-btn:hover {
+  background: transparent;
+  color: #ff3e66;
+} */
+.appie-header-area.appie-header-3-area.appie-sticky.sticky {
+  background: #0e1133;
+}
+.appie-header-area.appie-header-4-area.appie-sticky.sticky {
+  background: linear-gradient(90deg, #6b1fcd 0%, #374ede 100%);
+}
+.appie-header-area.appie-header-page-area.appie-sticky.sticky {
+  background: #4687ba;
+}
+
+.wrench-logo-box {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  scroll-behavior: smooth;
+}
+
+.wrench-logo-box img {
+  max-width: 100%; /* Ensures the image doesn't overflow its container */
+  filter: brightness(1.2); /* Adjust image brightness */
+  opacity: 2.4; /* Adjust image opacity */
+}
+
+
+.appie-header-area.appie-header-7-area.appie-sticky.sticky {
+  background: #290645;
+}
+.appie-header-area.appie-header-error-page {
+  box-shadow: 0px 10px 20px 0px rgba(14, 17, 51, 0.1);
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.header-nav-box .appie-btn-box {
+  position: relative;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .header-nav-box .appie-btn-box {
+    padding-right: 50px;
+  }
+}
+@media (max-width: 767px) {
+  .header-nav-box .appie-btn-box {
+    padding-right: 30px;
+  }
+}
+.header-nav-box .appie-btn-box .login-btn {
+  color: #0e1133;
+  font-size: 15px;
+  font-weight: 500;
+}
+.header-nav-box .appie-btn-box .login-btn i {
+  padding-right: 6px;
+}
+@media (max-width: 767px) {
+  .header-nav-box .appie-btn-box .main-btn {
+    display: none;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .header-nav-box .appie-btn-box .main-btn {
+    padding: 0 10px;
+    display: inline-block;
+  }
+}
+.header-nav-box.header-nav-box-3 .appie-header-main-menu ul > li > a {
+  color: #fff;
+}
+.header-nav-box.header-nav-box-3
+  .appie-header-main-menu
+  ul
+  > li
+  .sub-menu
+  li
+  a {
+  color: #0e1133;
+}
+.header-nav-box.header-nav-box-3 .appie-btn-box .login-btn {
+  color: #fff;
+}
+/* .header-nav-box.header-nav-box-3 .appie-btn-box .main-btn {
+  background: #ff6b58;
+  border-color: #ff6b58;
+} */
+/* .header-nav-box.header-nav-box-3 .appie-btn-box .main-btn:hover {
+  background: transparent;
+  color: #ff6b58;
+} */
+.header-nav-box.header-nav-box-3 .toggle-btn {
+  color: #fff;
+  font-size: 20px;
+}
+/* .header-nav-box.header-nav-box-3.header-nav-box-inner-page
+  .appie-btn-box
+  .main-btn {
+  border-color: #fff;
+  background: transparent;
+} */
+/* .header-nav-box.header-nav-box-3.header-nav-box-inner-page
+  .appie-btn-box
+  .main-btn:hover {
+  background: #fff;
+  color: #2b70fa;
+} */
+.header-nav-box.header-nav-box-5 .appie-header-main-menu ul > li > a {
+  color: #fff;
+}
+.header-nav-box.header-nav-box-5
+  .appie-header-main-menu
+  ul
+  > li
+  .sub-menu
+  li
+  a {
+  color: #0e1133;
+}
+.header-nav-box.header-nav-box-5 .appie-btn-box .login-btn {
+  color: #fff;
+}
+/* .header-nav-box.header-nav-box-5 .appie-btn-box .main-btn {
+  background: #f84a6e;
+  border-color: #f84a6e;
+} */
+/* .header-nav-box.header-nav-box-5 .appie-btn-box .main-btn:hover {
+  background: transparent;
+  color: #f84a6e;
+} */
+.header-nav-box.header-nav-box-5 .toggle-btn {
+  color: #fff;
+  font-size: 20px;
+}
+.header-nav-box.header-nav-4-box .appie-header-main-menu ul > li > a:hover {
+  color: #801f82;
+}
+/* .header-nav-box.header-nav-4-box .appie-btn-box .main-btn {
+  background: #801f82;
+  border-color: #801f82;
+} */
+/* .header-nav-box.header-nav-4-box .appie-btn-box .main-btn:hover {
+  background: transparent;
+  color: #801f82;
+} */
+@media (max-width: 767px) {
+  .header-nav-box.header-nav-4-box .appie-btn-box ul {
+    margin-right: 10px;
+  }
+}
+.header-nav-box.header-nav-4-box .appie-btn-box ul li {
+  display: inline-block;
+}
+.header-nav-box.header-nav-4-box .appie-btn-box ul li a {
+  font-size: 18px;
+  color: #0e1133;
+  margin-left: 15px;
+}
+.header-nav-box.header-nav-4-box .appie-btn-box ul li a.cart-btn {
+  position: relative;
+}
+.header-nav-box.header-nav-4-box .appie-btn-box ul li a.cart-btn span {
+  position: absolute;
+  top: -7px;
+  display: inline-block;
+  right: -12px;
+  height: 20px;
+  width: 20px;
+  text-align: center;
+  line-height: 20px;
+  color: #fff;
+  font-size: 11px;
+  background: #801f82;
+  border-radius: 50%;
+}
+/* .header-nav-box.header-nav-box-6 .main-btn {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+} */
+/* .header-nav-box.header-nav-box-6 .main-btn:hover {
+  background: transparent;
+  color: #9b2cfa;
+} */
+.header-nav-box.header-nav-box-6 .appie-header-main-menu ul > li > a:hover {
+  color: #9b2cfa;
+}
+.header-nav-box.header-nav-box-6 .appie-btn-box form {
+  display: inline-block;
+  margin-left: 18px;
+}
+@media (max-width: 767px) {
+  .header-nav-box.header-nav-box-6 .appie-btn-box form {
+    display: none;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .header-nav-box.header-nav-box-6 .appie-btn-box form {
+    display: inline-block;
+  }
+}
+.header-nav-box.header-nav-box-6 .appie-btn-box form .input-box {
+  position: relative;
+}
+.header-nav-box.header-nav-box-6 .appie-btn-box form .input-box i {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.header-nav-box.header-nav-box-6 .appie-btn-box form .input-box input {
+  width: 105px;
+  padding-left: 50px;
+  border: 0;
+  border-left: 1px solid #ddddea;
+  background: transparent;
+}
+.header-nav-box.header-nav-box-7 .appie-header-main-menu ul > li > a {
+  color: #fff;
+}
+.header-nav-box.header-nav-box-7 .appie-header-main-menu ul > li > a:hover {
+  color: #2b70fa;
+}
+.header-nav-box.header-nav-box-7
+  .appie-header-main-menu
+  ul
+  > li
+  .sub-menu
+  li
+  a {
+  color: #505056;
+}
+.header-nav-box.header-nav-box-7
+  .appie-header-main-menu
+  ul
+  > li
+  .sub-menu
+  li
+  a:hover {
+  color: #2b70fa;
+}
+.header-nav-box.header-nav-box-7 .appie-btn-box .login-btn {
+  color: #fff;
+}
+.header-nav-box.header-nav-box-7 .appie-btn-box .toggle-btn {
+  color: #fff;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-header-main-menu {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-header-main-menu {
+    display: none;
+  }
+}
+.appie-header-main-menu ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-header-main-menu ul > li {
+  display: inline-block;
+  margin-right: 30px;
+  position: relative;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-header-main-menu ul > li {
+    margin-right: 14px;
+  }
+}
+.appie-header-main-menu ul > li > a {
+  font-size: 15px;
+  font-weight: 500;
+  color: #0e1133;
+  line-height: 45px;
+}
+.appie-header-main-menu ul > li > a i {
+  padding-left: 6px;
+}
+.appie-header-main-menu ul > li .sub-menu {
+  position: absolute;
+  left: 0;
+  top: 110%;
+  width: auto;
+  min-width: 220px;
+  max-width: 220px;
+  background-color: #fff;
+  opacity: 0;
+  visibility: hidden;
+  transition: all linear 0.3s;
+  z-index: 99;
+  -webkit-box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
+  -moz-box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
+  box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
+  list-style-type: none;
+  margin: 0;
+  padding: 15px 0;
+  border-radius: 5px;
+  text-align: left;
+}
+@media only screen and (min-width: 1200px) and (max-width: 1600px) {
+  .appie-header-main-menu ul > li .sub-menu {
+    min-width: 200px;
+    max-width: 200px;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-header-main-menu ul > li .sub-menu {
+    min-width: 200px;
+    max-width: 200px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-header-main-menu ul > li .sub-menu {
+    position: relative;
+    width: 100%;
+    left: 0;
+    top: auto;
+    opacity: 1;
+    visibility: visible;
+    display: none;
+    right: auto;
+    -webkit-transform: translateX(0%);
+    -moz-transform: translateX(0%);
+    -ms-transform: translateX(0%);
+    -o-transform: translateX(0%);
+    transform: translateX(0%);
+    -webkit-transition: all none ease-out 0s;
+    -moz-transition: all none ease-out 0s;
+    -ms-transition: all none ease-out 0s;
+    -o-transition: all none ease-out 0s;
+    transition: all none ease-out 0s;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    text-align: left;
+    border-top: 0;
+    transition: 0s;
+    padding: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-header-main-menu ul > li .sub-menu {
+    position: relative;
+    width: 100%;
+    left: 0;
+    top: auto;
+    opacity: 1;
+    visibility: visible;
+    display: none;
+    right: auto;
+    -webkit-transform: translateX(0%);
+    -moz-transform: translateX(0%);
+    -ms-transform: translateX(0%);
+    -o-transform: translateX(0%);
+    transform: translateX(0%);
+    -webkit-transition: all none ease-out 0s;
+    -moz-transition: all none ease-out 0s;
+    -ms-transition: all none ease-out 0s;
+    -o-transition: all none ease-out 0s;
+    transition: all none ease-out 0s;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    text-align: left;
+    border-top: 0;
+    transition: 0s;
+    padding: 0;
+  }
+}
+.appie-header-main-menu ul > li .sub-menu > li {
+  position: relative;
+  margin-left: 0;
+  display: block;
+}
+.appie-header-main-menu ul > li .sub-menu > li .sub-menu {
+  margin-left: 0px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-header-main-menu ul > li .sub-menu > li .sub-menu {
+    margin-left: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-header-main-menu ul > li .sub-menu > li .sub-menu {
+    margin-left: 0;
+  }
+}
+.appie-header-main-menu ul > li .sub-menu > li .sub-nav-toggler {
+  color: #0e1133;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.appie-header-main-menu ul > li .sub-menu > li a {
+  display: block;
+  padding: 0px 30px;
+  position: relative;
+  color: #505056;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+  border-radius: 4px;
+  margin: 0 0;
+  line-height: 2.5;
+}
+@media only screen and (min-width: 1200px) and (max-width: 1600px) {
+  .appie-header-main-menu ul > li .sub-menu > li a {
+    padding: 0 20px;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-header-main-menu ul > li .sub-menu > li a {
+    padding: 0 20px;
+  }
+}
+.appie-header-main-menu ul > li .sub-menu > li a i {
+  float: right;
+  font-size: 16px;
+  margin-top: 10px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-header-main-menu ul > li .sub-menu > li a i {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-header-main-menu ul > li .sub-menu > li a i {
+    display: none;
+  }
+}
+.appie-header-main-menu ul > li .sub-menu > li a .sub-nav-toggler i {
+  display: inline-block;
+}
+.appie-header-main-menu ul > li .sub-menu > li a:hover {
+  padding-left: 35px;
+}
+.appie-header-main-menu ul > li .sub-menu > li .sub-menu {
+  right: auto;
+  left: 100%;
+  top: 50%;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-header-main-menu ul > li .sub-menu > li .sub-menu {
+    padding-left: 30px;
+    -webkit-transition: all 0s ease-out 0s;
+    -moz-transition: all 0s ease-out 0s;
+    -ms-transition: all 0s ease-out 0s;
+    -o-transition: all 0s ease-out 0s;
+    transition: all 0s ease-out 0s;
+  }
+}
+@media (max-width: 767px) {
+  .appie-header-main-menu ul > li .sub-menu > li .sub-menu {
+    padding-left: 30px;
+    -webkit-transition: all 0s ease-out 0s;
+    -moz-transition: all 0s ease-out 0s;
+    -ms-transition: all 0s ease-out 0s;
+    -o-transition: all 0s ease-out 0s;
+    transition: all 0s ease-out 0s;
+  }
+}
+.appie-header-main-menu ul > li .sub-menu > li .sub-menu li {
+  position: relative;
+}
+.appie-header-main-menu ul > li .sub-menu > li .sub-menu li .sub-menu {
+  right: auto;
+  left: 100%;
+  top: 50%;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.appie-header-main-menu ul > li .sub-menu > li .sub-menu li:hover .sub-menu {
+  top: 0%;
+  opacity: 1;
+  visibility: visible;
+}
+.appie-header-main-menu ul > li .sub-menu > li:hover .sub-menu {
+  top: 0%;
+  opacity: 1;
+  visibility: visible;
+}
+.appie-header-main-menu ul > li .sub-menu > li:hover .sub-nav-toggler {
+  color: #2b70fa;
+}
+.appie-header-main-menu ul > li .sub-menu > li:hover > a {
+  color: #2b70fa;
+}
+.appie-header-main-menu ul > li:hover .sub-menu {
+  opacity: 1;
+  visibility: visible;
+  top: 100%;
+}
+
+@-webkit-keyframes sticky {
+  0% {
+    top: -200px;
+  }
+  100% {
+    top: 0;
+  }
+}
+@keyframes sticky {
+  0% {
+    top: -200px;
+  }
+  100% {
+    top: 0;
+  }
+}
+/* .appie-header-8-area .header-nav-box .appie-btn-box .main-btn {
+  background: #db0f30;
+  border-color: #db0f30;
+} */
+/* .appie-header-8-area .header-nav-box .appie-btn-box .main-btn:hover {
+  background: #fff;
+  color: #db0f30;
+} */
+.appie-header-8-area .header-nav-box .appie-header-main-menu ul > li a:hover {
+  color: #db0f30;
+}
+
+/*===========================
+    3.APPIE HERO css 
+===========================*/
+.appie-hero-area {
+  padding-top: 120px;
+  padding-bottom: 30px;
+  overflow: hidden;
+  position: relative;
+  z-index: 10;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.appie-hero-area.appie-hero-3-area {
+  background-image: url(../images/hero-bg.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding-top: 180px;
+  padding-bottom: 0px;
+  overflow: visible;
+  z-index: 15;
+}
+.appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
+  color: #fff;
+  font-size: 70px;
+  line-height: 80px;
+  padding: 0 80px;
+  color: #08538d;
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+}
+.appie-title .earn-rewards{
+  border-radius: 7px;
+  background-color: rgb(245, 71, 71) !important;
+  /* text-shadow: 2px 2px 2px #fff; */
+}
+
+/* .earn-rewards::before {
+  background: #f54747!important;
+  border-radius: 7px;
+  content: "";
+  height: 3.8rem;
+  position: absolute;
+  width: 17rem;
+  z-index: -1;
+  transform: translate(-10px, 5px) rotate(357deg);
+} */
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
+    font-size: 54px;
+    line-height: 64px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
+    font-size: 50px;
+    line-height: 60px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+    padding: 0;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
+    font-size: 46px;
+    line-height: 56px;
+    padding: 0;
+  }
+}
+.appie-hero-area.appie-hero-3-area .appie-hero-content p {
+  color: #fff;
+  opacity: 0.5;
+  font-size: 18px;
+  line-height: 28px;
+}
+.appie-hero-area.appie-hero-3-area .appie-hero-content .hero-btns {
+  margin-top: 35px;
+}
+.appie-hero-area.appie-hero-3-area .appie-hero-content .hero-btns .main-btn {
+  border-color: #ff6b58;
+  color: #ff6b58;
+  background: transparent;
+  margin-right: 14px;
+}
+.appie-hero-area.appie-hero-3-area
+  .appie-hero-content
+  .hero-btns
+  .appie-video-popup {
+  color: #fff;
+  font-size: 15px;
+  font-weight: 500;
+}
+@media (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area
+    .appie-hero-content
+    .hero-btns
+    .appie-video-popup {
+    margin-top: 20px;
+  }
+}
+.appie-hero-area.appie-hero-3-area
+  .appie-hero-content
+  .hero-btns
+  .appie-video-popup
+  i {
+  height: 45px;
+  width: 45px;
+  text-align: center;
+  line-height: 42px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  color: #fff;
+  margin-right: 10px;
+}
+.appie-hero-area.appie-hero-3-area .appie-hero-content .thumb {
+  margin-bottom: -210px;
+}
+@media (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area .appie-hero-content .thumb {
+    display: none;
+    margin-bottom: 0;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area .appie-hero-content .thumb {
+    display: block;
+    margin-bottom: -210px;
+  }
+}
+.appie-hero-area.appie-hero-3-area.appie-hero-5-area {
+  background-color: #eef1f6;
+  background-image: url(../images/hero-bg-2.png);
+  padding-top: 280px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area {
+    padding-top: 120px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area {
+    padding-top: 160px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area {
+    padding-top: 120px;
+    padding-bottom: 100px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area {
+    padding-top: 120px;
+    padding-bottom: 0px;
+  }
+}
+.appie-hero-area.appie-hero-3-area.appie-hero-5-area
+  .appie-hero-content
+  .thumb {
+  margin-bottom: -110px;
+}
+.appie-hero-area.appie-hero-3-area.appie-hero-5-area
+  .appie-hero-content
+  .appie-title {
+  font-weight: 700;
+  font-size: 70px;
+  line-height: 80px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area
+    .appie-hero-content
+    .appie-title {
+    font-size: 50px;
+    line-height: 60px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area
+    .appie-hero-content
+    .appie-title {
+    font-size: 40px;
+    line-height: 50px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area
+    .appie-hero-content
+    .appie-title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-area.appie-hero-3-area.appie-hero-5-area
+    .appie-hero-content
+    .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+.appie-hero-area.appie-hero-3-area.appie-hero-5-area
+  .appie-hero-content
+  .hero-btns
+  .appie-video-popup
+  i {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+/* .appie-hero-area.appie-hero-3-area.appie-hero-5-area
+  .appie-hero-content
+  .hero-btns
+  .main-btn {
+  border-color: rgba(255, 255, 255, 0.2);
+  color: #fff;
+} */
+/* .appie-hero-area.appie-hero-3-area.appie-hero-5-area
+  .appie-hero-content
+  .hero-btns
+  .main-btn:hover {
+  background: #f84a6e;
+  color: #fff;
+} */
+.appie-hero-area .hero-shape-1 {
+  position: absolute;
+  left: 0;
+  top: 250px;
+  z-index: -1;
+  animation: linear 20s animationFramesOne infinite;
+}
+.appie-hero-area .hero-shape-2 {
+  position: absolute;
+  left: 80px;
+  z-index: -1;
+  top: 480px;
+  animation: linear 25s animationFramesThree infinite;
+}
+.appie-hero-area .hero-shape-3 {
+  position: absolute;
+  bottom: 120px;
+  right: 320px;
+  z-index: -1;
+  animation: linear 25s animationFramesFive infinite;
+}
+.appie-hero-area.appie-hero-4-area {
+  background: #f9f9f9;
+  background-image: url(../images/hero-shape-1.png);
+  background-repeat: no-repeat;
+  background-size: auto;
+  background-position: 6% 100%;
+  padding-top: 140px;
+  padding-bottom: 60px;
+}
+.appie-hero-area.appie-hero-6-area {
+  background-image: url(../images/hero-bg-3.jpg);
+}
+.appie-hero-area.appie-hero-7-area {
+  background-image: url(../images/hero-bg-4.png);
+}
+.appie-hero-area.appie-hero-8-area {
+  position: relative;
+  z-index: 10;
+}
+.appie-hero-area.appie-hero-8-area .home-8-shape-1 {
+  position: absolute;
+  left: 0;
+  bottom: 100px;
+  z-index: -1;
+}
+.appie-hero-area.appie-hero-8-area .home-8-shape-2 {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: -1;
+}
+.appie-hero-area.appie-hero-8-area .home-8-shape-3 {
+  position: absolute;
+  top: 400px;
+  right: 290px;
+  z-index: -1;
+}
+.appie-hero-area.appie-hero-8-area .home-8-shape-4 {
+  position: absolute;
+  bottom: 195px;
+  left: 195px;
+  z-index: -1;
+}
+.appie-hero-area.appie-hero-8-area .appie-hero-content-8 .appie-title {
+  font-size: 70px;
+  line-height: 80px;
+  font-weight: 700;
+  background: linear-gradient(90deg, #fb2d4e 25%, #4e88ff 75%);
+  -webkit-text-fill-color: transparent;
+  -webkit-background-clip: text;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-area.appie-hero-8-area .appie-hero-content-8 .appie-title {
+    font-size: 56px;
+    line-height: 66px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-area.appie-hero-8-area .appie-hero-content-8 .appie-title {
+    font-size: 42px;
+    line-height: 66px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-area.appie-hero-8-area .appie-hero-content-8 .appie-title {
+    font-size: 32px;
+    line-height: 44px;
+  }
+}
+
+.appie-hero-thumb-6 .thumb {
+  position: relative;
+  z-index: 10;
+}
+.appie-hero-thumb-6 .thumb .back-image {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+  z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-content {
+    margin-bottom: 50px;
+    text-align: center;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-content {
+    margin-bottom: 50px;
+    text-align: center;
+  }
+}
+.appie-hero-content > span {
+  color: #4687ba;
+  font-size: 14px;
+  font-weight: 500;
+}
+.appie-hero-content .appie-title {
+  font-size: 53px;
+  line-height: 70px;
+  margin-top: 10px;
+  margin-bottom: 22px;
+  letter-spacing: 4.6px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-content .appie-title {
+    font-size: 48px;
+    line-height: 58px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-content .appie-title {
+    font-size: 48px;
+    line-height: 58px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-content .appie-title {
+    font-size: 28px;
+    line-height: 38px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-content .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+.appie-hero-content p {
+  font-size: 18px;
+  line-height: 28px;
+}
+@media (max-width: 767px) {
+  .appie-hero-content p {
+    font-size: 15px;
+    line-height: 26px;
+  }
+}
+.appie-hero-content ul {
+  margin: 41px 0 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-hero-content ul li {
+  display: inline-block;
+  margin-right: 8px;
+}
+@media (max-width: 767px) {
+  .appie-hero-content ul li {
+    margin-bottom: 20px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-content ul li {
+    margin-bottom: 0px;
+  }
+}
+.appie-hero-content ul li a {
+  cursor: pointer;
+  background: #0e1133;
+  color: #fff;
+  line-height: 40px;
+  padding: 0 23px;
+  border-radius: 6px;
+  border: 2px solid #0e1133;
+}
+.appie-hero-content ul li a i {
+  padding-right: 6px;
+}
+.appie-hero-content ul li a:hover {
+  background: transparent;
+  color: #0e1133;
+}
+.appie-hero-content ul li a.item-2 {
+  background: transparent;
+  color: #0e1133;
+}
+.appie-hero-content ul li a.item-2:hover {
+  background: #0e1133;
+  color: #fff;
+}
+.appie-hero-content.appie-hero-content-4 {
+  padding-right: 40px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-content.appie-hero-content-4 {
+    padding-right: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-content.appie-hero-content-4 {
+    padding-right: 0;
+  }
+}
+.appie-hero-content.appie-hero-content-4 > span {
+  color: #801f82;
+}
+.appie-hero-content.appie-hero-content-4 .appie-title {
+  font-size: 70px;
+  font-weight: 700;
+  line-height: 80px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-content.appie-hero-content-4 .appie-title {
+    font-size: 60px;
+    line-height: 70px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-content.appie-hero-content-4 .appie-title {
+    font-size: 50px;
+    line-height: 60px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-content.appie-hero-content-4 .appie-title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-content.appie-hero-content-4 .appie-title {
+    font-size: 40px;
+    line-height: 50px;
+  }
+}
+/* .appie-hero-content.appie-hero-content-4 a.main-btn {
+  border: 2px solid #801f82;
+  color: #801f82;
+  background: #fff;
+  line-height: 55px;
+  padding: 0 40px;
+  font-size: 16px;
+  margin-top: 40px;
+} */
+/* .appie-hero-content.appie-hero-content-4 a.main-btn:hover {
+  background: #801f82;
+  color: #fff;
+} */
+.appie-hero-content.appie-hero-content-6 > span {
+  color: #9b2cfa;
+}
+.appie-hero-content.appie-hero-content-6 .appie-title {
+  font-weight: 700;
+  font-size: 70px;
+  line-height: 80px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-content.appie-hero-content-6 .appie-title {
+    font-size: 60px;
+    line-height: 70px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-content.appie-hero-content-6 .appie-title {
+    font-size: 50px;
+    line-height: 60px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-content.appie-hero-content-6 .appie-title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+.appie-hero-content.appie-hero-content-6 ul li a {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+  font-weight: 400;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.appie-hero-content.appie-hero-content-6 ul li a span {
+  line-height: 20px;
+}
+.appie-hero-content.appie-hero-content-6 ul li a span span {
+  font-size: 16px;
+  font-weight: 700;
+  display: block;
+  line-height: 20px;
+}
+.appie-hero-content.appie-hero-content-6 ul li a i {
+  font-size: 30px;
+}
+.appie-hero-content.appie-hero-content-6 ul li a:hover {
+  background: #fff;
+  color: #0e1133;
+  border-color: #fff;
+}
+.appie-hero-content.appie-hero-content-6 ul li a.item-2 {
+  background-color: rgb(219, 237, 245);
+  border-color: #fff;
+  /* color: #fff;
+  border-color:#89216b;
+  background-image: linear-gradient(90deg, #89216b 0%, #da4453 100%); */
+}
+.appie-hero-content.appie-hero-content-6 ul li a.item-2:hover {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+  color: #fff;
+  /* background-image: linear-gradient(90deg, #000 0%, #000 100%);
+  border-color:#000; */
+}
+.appie-hero-content.appie-hero-content-6.appie-hero-content-7 .appie-title {
+  color: #fff;
+}
+.appie-hero-content.appie-hero-content-6.appie-hero-content-7 p {
+  color: #fff;
+  opacity: 0.5;
+}
+.appie-hero-content.appie-hero-content-6.appie-hero-content-7 ul li a {
+  background: #fff;
+  color: #0e1133;
+  border-color: #fff;
+}
+.appie-hero-content.appie-hero-content-6.appie-hero-content-7 ul li a:hover {
+  background: transparent;
+  border-color: #54386a;
+  color: #fff;
+}
+.appie-hero-content.appie-hero-content-6.appie-hero-content-7 ul li a.item-2 {
+  background: transparent;
+  color: #fff;
+  border-color: #54386a;
+}
+.appie-hero-content.appie-hero-content-6.appie-hero-content-7
+  ul
+  li
+  a.item-2:hover {
+  border-color: #fff;
+  background: #fff;
+  color: #0e1133;
+}
+
+.appie-hero-thumb {
+  position: relative;
+  z-index: 10;
+  text-align: center;
+}
+.appie-hero-thumb .thumb-2 {
+  position: absolute;
+  right: -30px;
+  top: 50%;
+  transform: translateY(-50%);
+  box-shadow: 0px 30px 70px 0px rgba(68, 1, 15, 0.2);
+}
+.appie-hero-thumb::before {
+  position: absolute;
+  content: "";
+  left: 50%;
+  top: 50%;
+  height: 500px;
+  width: 500px;
+  transform: translate(-50%, -50%);
+  background: #dbedf5;
+  border-radius: 50%;
+  z-index: -1;
+}
+.appie-hero-thumb.appie-hero-thumb-4::before {
+  height: 160px;
+  width: 160px;
+  top: 200px;
+  left: 70px;
+  background: #801f82;
+  transform: translate(0%, 0%);
+}
+.appie-hero-thumb.appie-hero-thumb-4 .hero-dot {
+  position: absolute;
+  right: 70px;
+  bottom: 115px;
+  z-index: -1;
+}
+
+.appie-hero-area-2 {
+  padding-top: 290px;
+  padding-bottom: 170px;
+  background: #eef1f6;
+  position: relative;
+  overflow: hidden;
+  z-index: 10;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-area-2 {
+    padding-top: 190px;
+    padding-bottom: 120px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-area-2 {
+    padding-top: 190px;
+    padding-bottom: 120px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-area-2 {
+    padding-top: 190px;
+    padding-bottom: 150px;
+  }
+}
+.appie-hero-area-2 .appie-hero-thumb-3 {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 48%;
+}
+@media only screen and (min-width: 1200px) and (max-width: 1600px) {
+  .appie-hero-area-2 .appie-hero-thumb-3 {
+    width: 60%;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-area-2 .appie-hero-thumb-3 {
+    width: 40%;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-area-2 .appie-hero-thumb-3 {
+    width: 36%;
+  }
+}
+.appie-hero-area-2 .hero-shape-1 {
+  position: absolute;
+  top: 250px;
+  left: 130px;
+  animation: linear 20s animationFramesOne infinite;
+  z-index: -1;
+}
+.appie-hero-area-2 .hero-shape-2 {
+  position: absolute;
+  bottom: 290px;
+  left: 40px;
+  animation: linear 20s animationFramesFour infinite;
+  z-index: -1;
+}
+.appie-hero-area-2 .hero-shape-3 {
+  position: absolute;
+  top: 480px;
+  right: 240px;
+  animation: linear 20s animationFramesFive infinite;
+  z-index: -1;
+}
+.appie-hero-area-2 .hero-shape-4 {
+  position: absolute;
+  top: 210px;
+  right: 0px;
+  animation: linear 20s animationFramesThree infinite;
+  z-index: -1;
+}
+
+.appie-hero-content-2 > span {
+  font-size: 16px;
+  font-weight: 500;
+  color: #ff3e66;
+  position: relative;
+}
+.appie-hero-content-2 > span::before {
+  position: absolute;
+  content: "";
+  left: 50%;
+  top: 40%;
+  transform: translate(-50%, -50%);
+  width: 130px;
+  height: 70px;
+  background-image: url(../images/hero-line.png);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.appie-hero-content-2 .appie-title {
+  font-size: 64px;
+  line-height: 70px;
+  font-weight: 400;
+  margin-top: 15px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-hero-content-2 .appie-title {
+    font-size: 50px;
+    line-height: 50px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-hero-content-2 .appie-title {
+    font-size: 50px;
+    line-height: 60px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-hero-content-2 .appie-title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-hero-content-2 .appie-title {
+    font-size: 40px;
+    line-height: 50px;
+  }
+}
+.appie-hero-content-2 .appie-title span {
+  font-weight: 900;
+}
+.appie-hero-content-2 p {
+  font-size: 18px;
+  color: #0e1133;
+  margin-top: 22px;
+}
+.appie-hero-content-2 .input-box {
+  position: relative;
+  margin-top: 40px;
+  width: 400px;
+}
+@media (max-width: 767px) {
+  .appie-hero-content-2 .input-box {
+    width: 100%;
+  }
+}
+.appie-hero-content-2 .input-box > i {
+  position: absolute;
+  left: 25px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #c3c3cc;
+}
+.appie-hero-content-2 .input-box input {
+  width: 100%;
+  height: 60px;
+  border-radius: 40px;
+  border: 0;
+  border-left: 3px solid #ff3e66;
+  padding-left: 55px;
+  box-shadow: -3px 0px 0px 0px rgba(255, 62, 102, 0.004),
+    0px 30px 30px 0px rgba(14, 17, 51, 0.1);
+}
+.appie-hero-content-2 .input-box button {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  line-height: 50px;
+  background: #fff;
+  border-radius: 50%;
+  border: 0;
+  color: #ff3e66;
+}
+.appie-hero-content-2 .hero-users {
+  display: flex;
+  align-items: center;
+  margin-top: 40px;
+}
+.appie-hero-content-2 .hero-users > span {
+  margin-left: 20px;
+  font-size: 26px;
+  font-weight: 900;
+  color: #0e1133;
+  width: 60px;
+  display: inline-block;
+  line-height: 16px;
+}
+.appie-hero-content-2 .hero-users > span span {
+  font-size: 13px;
+  font-weight: 500;
+  color: #505056;
+  display: inline-block;
+  line-height: 13px;
+}
+
+.appie-page-title-area {
+  height: 250px;
+  background-image: url(../images/service-back.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  display: flex;
+  align-items: center;
+}
+.appie-page-title-area.appie-page-service-title-area {
+  height: 400px;
+  background-image: url(../images/service-back.jpg);
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-page-title-area.appie-page-service-title-area {
+    height: 500px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-page-title-area.appie-page-service-title-area {
+    height: 400px;
+  }
+}
+.appie-page-title-area.appie-page-service-title-area
+  .appie-page-title-item
+  .thumb {
+  right: 110px;
+  width: auto;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-page-title-area.appie-page-service-title-area
+    .appie-page-title-item
+    .thumb {
+    right: 0;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-page-title-area.appie-page-service-title-area
+    .appie-page-title-item
+    .thumb {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-page-title-area.appie-page-service-title-area
+    .appie-page-title-item
+    .thumb {
+    display: none;
+  }
+}
+
+.appie-blog-item{
+  background-color: #F1F8FF;
+  padding: 20px;
+  min-height: 350px;
+  border-radius: 10px
+}
+
+@media screen and (min-width: 688px) and (max-width: 1031px) {
+  /* Your CSS styles for this viewport size */
+  .appie-blog-item{
+    display: flex; 
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+
+.black{
+  color:#000;
+}
+.appie-page-title-item {
+  margin-top: 80px;
+  position: relative;
+}
+.appie-page-title-item .thumb {
+  position: absolute;
+  right: 0;
+  bottom: -100px;
+  width: 160px;
+}
+@media (max-width: 767px) {
+  .appie-page-title-item .thumb {
+    display: none;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-page-title-item .thumb {
+    display: block;
+  }
+}
+.appie-page-title-item span {
+  color: #fff;
+  font-weight: 500;
+  opacity: 0.7;
+  padding-bottom: 14px;
+}
+.appie-page-title-item .title {
+  color: #fff;
+  font-size: 44px;
+  font-weight: 700;
+}
+@media (max-width: 767px) {
+  .appie-page-title-item .title {
+    font-size: 26px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-page-title-item .title {
+    font-size: 32px;
+  }
+}
+.appie-page-title-item nav {
+  display: inline-block;
+  margin-top: 20px;
+}
+.appie-page-title-item nav ol {
+  background: transparent;
+  padding: 0;
+}
+.appie-page-title-item nav ol li a {
+  color: #fff;
+  opacity: 0.8;
+}
+.appie-page-title-item nav ol li.active {
+  color: #fff;
+  opacity: 0.8;
+}
+
+/*===========================
+    4.APPIE SERVOCE css 
+===========================*/
+.appie-service-area {
+  background: #fdfaf4;
+  position: relative;
+  background-position: 92% 100%;
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+
+.appie-service-area.features-section{
+  /* background: #fff; */
+  position: relative;
+  background-position: 92% 100%;
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+.appie-service-area.appie-service-3-area {
+  background: none;
+}
+@media (max-width: 767px) {
+  .appie-service-area.appie-service-3-area {
+    padding-top: 100px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-service-area.appie-service-3-area {
+    padding-top: 190px;
+  }
+}
+
+.appie-single-service {
+  /* padding: 50px 30px 43px; */
+  padding: 30px;
+  background: #fff;
+  border-radius: 6px;
+  transition: all linear 0.3s;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-single-service {
+    /* padding: 50px 15px 43px; */
+    padding: 30px;
+  }
+}
+.appie-single-service .icon {
+  display: inline-block;
+  border-radius: 20px;
+  height: 70px;
+  width: 70px;
+  text-align: center;
+  line-height: 70px;
+  /*background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
+  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);*/
+  position: relative;
+}
+.appie-single-service .icon > span {
+  position: absolute;
+  right: -10px;
+  top: -10px;
+  height: 30px;
+  width: 30px;
+  background: #2b70fa;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  box-shadow: 0px 3px 6px 0px rgba(14, 17, 51, 0.1);
+  line-height: 28px;
+  color: #fff;
+}
+.appie-single-service .appie-title {
+  font-size: 20px;
+  font-weight: 700;
+  padding-top: 33px;
+  padding-bottom: 10px;
+}
+.appie-single-service:hover {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+  transform: translateY(-15px);
+}
+.appie-single-service.item-2 .icon {
+  /*background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);*/
+}
+.appie-single-service.item-2 .icon span {
+  background: #f8452d;
+}
+.appie-single-service.item-3 .icon {
+  /*background: linear-gradient(135deg, #a0eac2 0%, #31c369 100%);*/
+}
+.appie-single-service.item-3 .icon span {
+  background: #31c369;
+}
+.appie-single-service.item-4 .icon {
+  /*background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);*/
+}
+.appie-single-service.item-4 .icon span {
+  background: #2b70fa;
+}
+.appie-single-service.appie-single-services-3 {
+  background: transparent;
+}
+.appie-single-service.appie-single-services-3 .icon {
+  border-radius: 50%;
+  background-image: -moz-linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
+  background-image: -webkit-linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
+  background-image: -ms-linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
+  background-image: linear-gradient(110deg, #ff5f4a 0%, #ff9e91 100%);
+}
+.appie-single-service.appie-single-services-3 a {
+  color: #505056;
+  font-size: 14px;
+  font-weight: 500;
+  margin-top: 25px;
+}
+.appie-single-service.appie-single-services-3 a:hover {
+  color: #ff6b58;
+}
+.appie-single-service.appie-single-services-3.item-2 {
+  background: linear-gradient(
+    0deg,
+    rgba(39, 153, 246, 0.08) 0%,
+    rgba(255, 255, 255, 0.08) 100%
+  );
+}
+.appie-single-service.appie-single-services-3.item-2 .icon {
+  background-image: -moz-linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
+  background-image: -webkit-linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
+  background-image: -ms-linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
+  background-image: linear-gradient(110deg, #2799f6 0%, #76c1ff 100%);
+}
+.appie-single-service.appie-single-services-3.item-3 .icon {
+  background-image: -moz-linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
+  background-image: -webkit-linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
+  background-image: -ms-linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
+  background-image: linear-gradient(110deg, #f2335b 0%, #ff718f 100%);
+}
+.appie-single-service.appie-single-services-3.item-4 {
+  background: linear-gradient(
+    0deg,
+    rgba(119, 89, 237, 0.08) 0%,
+    rgba(255, 255, 255, 0.08) 100%
+  );
+}
+.appie-single-service.appie-single-services-3.item-4 .icon {
+  background-image: -moz-linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
+  background-image: -webkit-linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
+  background-image: -ms-linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
+  background-image: linear-gradient(110deg, #7759ed 0%, #ac97ff 100%);
+}
+.appie-single-service.appie-single-services-3.appie-single-services-5 a:hover {
+  color: #801f82;
+}
+
+@media (max-width: 767px) {
+  .appie-services-2-area .appie-section-title {
+    text-align: center !important;
+  }
+}
+
+.appie-single-service-2 {
+  border: 1px solid #eef0f4;
+  border-radius: 10px;
+  padding: 40px;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+@media (max-width: 767px) {
+  .appie-single-service-2 {
+    text-align: center;
+    padding: 20px;
+  }
+}
+.appie-single-service-2 .icon i {
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  line-height: 50px;
+  background: #2eacfc;
+  color: #fff;
+  border-radius: 50%;
+}
+.appie-single-service-2 .icon img {
+  height: 200px;
+  /* width: 100px; */
+}
+.appie-single-service-2 .title {
+  font-size: 24px;
+  font-weight: 700;
+  margin-top: 30px;
+  margin-bottom: 10px;
+  text-align: center;
+  text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
+  padding-bottom: 7px;
+}
+.appie-single-service-2 a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #505056;
+  margin-top: 23px;
+}
+.appie-single-service-2 a:hover {
+  color: #ff3e66;
+}
+.appie-single-service-2:hover {
+  box-shadow: 0px -3px 0px 0px rgba(234, 76, 137, 0.004),
+    0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+  border-top: 3px solid #2eacfc;
+  transform: translateY(-10px);
+}
+.appie-single-service-2.item-2 .icon i {
+  background: #ea4c89;
+}
+.appie-single-service-2.item-2:hover {
+  border-top-color: #ea4c89;
+}
+.appie-single-service-2.item-3 .icon i {
+  background: #3578ff;
+}
+.appie-single-service-2.item-3:hover {
+  border-top-color: #3578ff;
+}
+.appie-single-service-2.item-4 .icon i {
+  background: #f67741;
+}
+.appie-single-service-2.item-4:hover {
+  border-top-color: #f67741;
+}
+.appie-single-service-2.item-5 .icon i {
+  background: #6a88f7;
+}
+.appie-single-service-2.item-5:hover {
+  border-top-color: #6a88f7;
+}
+.appie-single-service-2.item-6 .icon i {
+  background: #3ab094;
+}
+.appie-single-service-2.item-6:hover {
+  border-top-color: #3ab094;
+}
+.appie-single-service-2.appie-single-service-about {
+  border-radius: 0;
+  /* padding: 0 30px 30px 0; */
+  border: 0;
+  transition: all linear 0.3s;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-single-service-2.appie-single-service-about {
+    /* padding-right: 30px; */
+  }
+}
+@media (max-width: 767px) {
+  .appie-single-service-2.appie-single-service-about {
+    /* padding-right: 50px;
+    padding-left: 50px; */
+  }
+}
+.appie-single-service-2.appie-single-service-about .icon i {
+  background-color: #f1f7fe;
+  color: #2b70fa;
+  border-radius: 35% 65% 50% 50% / 59% 50% 50% 41%;
+  font-size: 20px;
+}
+.appie-single-service-2.appie-single-service-about:hover {
+  box-shadow: none;
+  margin-top: 20px;
+}
+.appie-single-service-2.appie-single-service-about.item-2 .icon i {
+  color: #db0f30;
+  background-color: #fef3f5;
+  border-radius: 50% 50% 50% 50% / 50% 75% 25% 50%;
+}
+.appie-single-service-2.appie-single-service-about.item-3 .icon i {
+  color: #9b2cfa;
+  background-color: #f7eeff;
+  border-radius: 25% 75% 50% 50% / 50% 50% 50% 50%;
+}
+.appie-single-service-2.appie-single-service-about.item-4 .icon i {
+  color: #f8452d;
+  background-color: #fef0ee;
+  border-radius: 40% 60% 40% 60% / 40% 60% 40% 60%;
+}
+.appie-single-service-2.appie-single-service-about.item-5 .icon i {
+  color: #31c369;
+  background-color: #f4fcf7;
+  border-radius: 33% 67% 50% 50% / 61% 72% 28% 39%;
+}
+.appie-single-service-2.appie-single-service-about.item-6 .icon i {
+  color: #f6ac0e;
+  background-color: #fef7e7;
+  border-radius: 21% 79% 58% 42% / 50% 46% 54% 50%;
+}
+
+/* .appie-services-6-area .appie-section-title .main-btn:hover {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+} */
+.appie-services-6-area .appie-single-service-2 a:hover {
+  color: #9b2cfa;
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .service-details-sidebar {
+    margin-right: 0;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .service-details-sidebar {
+    margin-right: 0;
+    margin-bottom: 30px;
+  }
+}
+@media (max-width: 767px) {
+  .service-details-sidebar {
+    margin-right: 0;
+    margin-bottom: 30px;
+  }
+}
+.service-details-sidebar .service-category-widget {
+  border-radius: 6px;
+  box-shadow: 0px 30px 50px 0px rgba(14, 17, 51, 0.1);
+  padding: 30px;
+  margin-bottom: 30px;
+}
+.service-details-sidebar .service-category-widget ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.service-details-sidebar .service-category-widget ul li {
+  margin-bottom: 20px;
+}
+.service-details-sidebar .service-category-widget ul li i {
+  color: #4687ba;
+  width: 15px;
+  margin-right: 15px;
+}
+.service-details-sidebar .service-category-widget ul li a {
+  color: #4687ba;
+}
+.service-details-sidebar .service-category-widget ul li:last-child {
+  margin-bottom: 0;
+}
+.service-details-sidebar .service-download-widget {
+  border-radius: 6px;
+  margin-top: 10px;
+  box-shadow: 0px 0px 50px 0px rgba(14, 17, 51, 0.1);
+}
+.service-details-sidebar .service-download-widget a {
+  padding: 13px 30px;
+  color: #505056;
+  display: flex;
+  align-items: center;
+  gap: '2px'
+}
+.service-details-sidebar .service-download-widget a img {
+  width: 25px;
+  height: 25px;
+  margin-right: 5px;
+}
+.service-details-sidebar .service-download-widget a:hover {
+  color: #4687ba;
+}
+.service-details-sidebar .service-download-widget i {
+  color: #4687ba;
+  padding-right: 15px;
+}
+
+.service-details-content .thumb {
+  border-radius: 10px;
+  overflow: hidden;
+}
+.service-details-content .content {
+  padding-top: 34px;
+}
+.service-details-content .content .title {
+  font-size: 30px;
+  /* margin-bottom: 18px; */
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+}
+.service-details-content .content h6.title {
+  font-size: 20px;
+  letter-spacing: 1px;
+}
+.service-details-content .content p {
+  font-size: 18px;
+  line-height: 28px;
+  padding: 10px 0px;
+}
+.service-details-content .content p a {
+  color: #4687ba;
+}
+
+.appie-services-8-area .service-thumb {
+  margin-left: -50px;
+  margin-right: -100px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-services-8-area .service-thumb {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-services-8-area .service-thumb {
+    display: none;
+  }
+}
+
+/*===========================
+    5.APPIE FEATURES css 
+===========================*/
+.appie-features-area {
+  position: relative;
+  z-index: 10;
+  overflow: hidden;
+  background-color: rgb(238, 241, 246);
+}
+.appie-features-area .features-shape-1 {
+  position: absolute;
+  left: 560px;
+  top: 130px;
+  animation: animationFramesOne 20s linear infinite;
+  z-index: -1;
+}
+.appie-features-area .features-shape-2 {
+  position: absolute;
+  left: 500px;
+  bottom: 0px;
+  animation: animationFramesThree 20s linear infinite;
+  z-index: -1;
+}
+.appie-features-area .features-shape-3 {
+  position: absolute;
+  right: 270px;
+  bottom: 0;
+  animation: animationFramesFive 20s linear infinite;
+  z-index: -1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-features-tabs-btn .nav {
+    flex-direction: row !important;
+    justify-content: center;
+    margin-bottom: 40px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-tabs-btn .nav {
+    flex-direction: row !important;
+    justify-content: center;
+    margin-bottom: 40px;
+  }
+}
+.appie-features-tabs-btn .nav a {
+  border-right: 3px solid #e8eaef;
+  border-radius: 0;
+  font-size: 15px;
+  font-weight: 500;
+  color: #505056;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-features-tabs-btn .nav a {
+    padding-right: 20px;
+    padding-left: 20px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-tabs-btn .nav a {
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-bottom: 20px;
+  }
+}
+.appie-features-tabs-btn .nav a i {
+  height: 35px;
+  width: 35px;
+  text-align: center;
+  line-height: 35px;
+  background: #f1f2f7;
+  color: #63636a;
+  display: inline-block;
+  border-radius: 50%;
+  margin-right: 10px;
+}
+.appie-features-tabs-btn .nav a.active {
+  border-right-color: #2b70fa;
+  background: transparent;
+  color: #2b70fa;
+}
+.appie-features-tabs-btn .nav a.active i {
+  color: #fff;
+  background: #2b70fa;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-features-content {
+    padding-top: 40px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-content {
+    padding-top: 30px;
+  }
+}
+.appie-features-content span {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2b70fa;
+  margin-bottom: 8px;
+}
+
+.appie-features-content {
+  background: #fff;
+  border-radius: 6px;
+  padding: 20px;
+  transition: all .25s;
+}
+
+.appie-features-content:hover {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+}
+
+.appie-features-content .title {
+  font-size: 20px;
+  line-height: 24px;
+  margin-bottom: 10px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-features-content .title {
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-content .title {
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+.appie-features-content p {
+  font-size: 16px;
+  line-height: 20px;
+  padding-bottom: 30px;
+}
+
+.appie-features-area-2 {
+  background: #0e1133;
+  position: relative;
+  overflow: hidden;
+  z-index: 10;
+}
+.appie-features-area-2 .features-shape-1 {
+  position: absolute;
+  left: 240px;
+  top: 240px;
+  z-index: -1;
+  animation: linear 20s animationFramesThree infinite;
+}
+.appie-features-area-2 .features-shape-2 {
+  position: absolute;
+  right: 190px;
+  top: 160px;
+  z-index: -1;
+  animation: linear 20s animationFramesFive infinite;
+}
+.appie-features-area-2 .features-shape-3 {
+  position: absolute;
+  right: 160px;
+  bottom: 260px;
+  z-index: -1;
+  animation: linear 20s animationFramesOne infinite;
+}
+.appie-features-area-2.appie-features-area-5 {
+  background: #fff;
+}
+
+.appie-features-box-item {
+  border: 1px solid #202234;
+  padding: 25px 30px 30px 70px;
+  border-radius: 6px;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+  margin-bottom: 20px;
+  margin-left: 100px;
+  margin-right: 70px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-features-box-item {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-features-box-item {
+    margin-left: 50px;
+    margin-right: 50px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-box-item {
+    margin-left: 0px;
+    margin-right: 0px;
+    padding-left: 60px;
+  }
+}
+.appie-features-box-item .title {
+  color: #fff;
+  font-size: 24px;
+  font-weight: 700;
+  position: relative;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-features-box-item .title {
+    font-size: 20px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-box-item .title {
+    font-size: 20px;
+  }
+}
+.appie-features-box-item .title::before {
+  position: absolute;
+  content: "";
+  left: -40px;
+  top: 0;
+  height: 30px;
+  width: 30px;
+  background: #ff3e66;
+  border: 6px solid #2a182d;
+  border-radius: 50%;
+}
+.appie-features-box-item p {
+  font-size: 14px;
+  opacity: 0.6;
+  color: #fff;
+  margin-top: 3px;
+}
+.appie-features-box-item:hover {
+  border-color: #ff3e66;
+}
+.appie-features-box-item.item-2 .title::before {
+  background: #2eacfc;
+  border-color: #15233d;
+}
+.appie-features-box-item.item-2:hover {
+  border-color: #2eacfc;
+}
+.appie-features-box-item.item-3 .title::before {
+  background: #33c956;
+  border-color: #15262c;
+}
+.appie-features-box-item.item-3:hover {
+  border-color: #33c956;
+}
+.appie-features-box-item.appie-features-box-5-item .title {
+  color: #0e1133;
+}
+.appie-features-box-item.appie-features-box-5-item .title::before {
+  border-color: rgba(9, 8, 8, 0.21);
+}
+.appie-features-box-item.appie-features-box-5-item p {
+  color: #505056;
+  opacity: 1;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-features-thumb {
+    text-align: center;
+    margin-top: 10px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-features-thumb {
+    text-align: center;
+    margin-top: 10px;
+  }
+}
+
+.appie-features-6-area .appie-features-tabs-btn .nav a.active {
+  color: #9b2cfa;
+  border-right-color: #9b2cfa;
+}
+.appie-features-6-area .appie-features-tabs-btn .nav a.active i {
+  background: #9b2cfa;
+}
+.appie-features-6-area .appie-features-content > span {
+  color: #9b2cfa;
+}
+.appie-features-6-area .appie-features-content a {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+}
+.appie-features-6-area .appie-features-content a:hover {
+  background: #fff;
+  color: #9b2cfa;
+}
+
+/*===========================
+    6.On WrenchBoard Area  css
+===========================*/
+.wrench-on-area {
+  position: relative;
+  overflow: hidden;
+  z-index: 15;
+/* background-color: #fbf4fe; */
+}
+/* .wrench-on-area .traffic-thumb {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 42%;
+} */
+/* @media (max-width: 767px) {
+  .wrench-on-area .traffic-thumb {
+    display: none;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .wrench-on-area .traffic-thumb {
+    display: none;
+  }
+} */
+
+.withFadeEdge{
+  border-radius: 10px 10px 10px 10px;
+  /* box-shadow: inset 0 0 15px 25px white; */
+  box-shadow: 0 0 10px 20px #fff inset;
+}
+.withFadeEdge-light-purple{
+  border-radius: 10px 10px 10px 10px;
+  /* box-shadow: inset 0 0 15px 25px white; */
+  box-shadow: 0 0 5px 10px #fbf4fe inset;
+}
+/*===========================
+    6.APPIE TRAFFICE css 
+===========================*/
+.appie-traffic-area {
+  position: relative;
+  overflow: hidden;
+  z-index: 15;
+  background-color: #fbf4fe;
+}
+.appie-traffic-area .traffic-thumb {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 42%;
+}
+@media (max-width: 767px) {
+  .appie-traffic-area .traffic-thumb {
+    display: none;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-traffic-area .traffic-thumb {
+    display: none;
+  }
+}
+
+.appie-traffic-title {
+  padding-right: 220px;
+  margin-bottom: 20px;
+}
+@media (max-width: 767px) {
+  .appie-traffic-title {
+    padding-right: 0;
+  }
+}
+.appie-traffic-title span {
+  font-size: 14px;
+  font-weight: 500;
+  color: #2b70fa;
+}
+.appie-traffic-title .title {
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+  font-size: 44px;
+  line-height: 54px;
+}
+.appie-traffic-title p {
+  font-size: 16px;
+  margin-top: 10px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-traffic-title .title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-traffic-title .title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-traffic-title .title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+
+.appie-traffic-service, .appie-traffic-service-two {
+  position: relative;
+}
+.appie-traffic-service {
+  padding-left: 40px;
+  /* padding-right: 70px; */
+}
+.appie-traffic-service-two {
+  padding-left: 40px;
+}
+
+.appie-traffic-service .icon, .appie-traffic-service-two .icon {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.appie-traffic-service .icon i, .appie-traffic-service-two .icon i {
+  height: 26px;
+  width: 26px;
+  text-align: center;
+  line-height: 26px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
+  color: #fff;
+  font-size: 14px;
+  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+}
+.appie-traffic-service .title, .appie-traffic-service-two title {
+  font-size: 20px;
+  font-weight: 700;
+  padding-bottom: 7px;
+  text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
+}
+.appie-traffic-service p, .appie-traffic-service-two p {
+  font-size: 16px;
+  margin-top: 10px;
+  /*margin-bottom: 2px;*/
+}
+.appie-traffic-service.item-2 .icon i {
+  background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);
+}
+.appie-traffic-service.item-3 .icon i {
+  background: linear-gradient(135deg, #a0eac2 0%, #31c369 100%);
+}
+.appie-traffic-service.item-4 .icon i {
+  background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
+}
+
+.appie-modern-design .icon i {
+  height: 26px;
+  width: 26px;
+  text-align: center;
+  line-height: 26px;
+  border-radius: 50%;
+  background: purple;
+  color: #fff;
+  font-size: 14px;
+  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+}
+
+/* .modern_ui_section{
+  margin-top: 100px;
+} */
+.modern_ui_section .section_sub_title, .title .section_sub_title{
+  font-size: 30px;
+  color: purple;
+}
+.modern_ui_section .ui_images{
+  border-radius: 100%;
+  background-color: #f9f4fe;
+  width: auto;
+  height: auto;
+  padding: 30px 10px;
+}
+.modern_ui_section .right_img{
+  left: -60px;
+  top: -20px;
+}
+.modern_ui_section .left_img{
+  width: 60%;
+}
+
+.modern_ui_section .left_img img{
+  border-radius: 10px;
+}
+.modern_ui_section .right_img{
+  width: 40%;
+}
+.modern_ui_section .right_img img {
+  position: relative;
+  z-index: 2;
+}
+.modern_ui_section .right_img .right_img_one{
+  width: 120px;
+  height: auto;
+}
+.modern_ui_section .right_img .right_img_three{
+  left: -20px;
+}
+@media only screen and (min-width: 0px) and (max-width: 500px) {
+  .modern_ui_section .right_img{
+    left: -30px;
+    top: -20px;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .traffic-btn {
+    margin-top: 30px;
+  }
+}
+@media (max-width: 767px) {
+  .traffic-btn {
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .traffic-btn {
+    text-align: left;
+  }
+}
+.traffic-btn a.main-btn {
+  background: transparent;
+  color: #0e1133;
+  border: 2px solid #e7eaef;
+}
+.traffic-btn a.main-btn i {
+  padding-left: 6px;
+}
+/* .traffic-btn a.main-btn:hover {
+  background: #2b70fa;
+  color: #fff;
+} */
+
+/*===========================
+    6.APPIE TRAFFICE css 
+===========================*/
+.appie-testimonial-area {
+  background-image: url(../images/testimonial-bg.png);
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.appie-testimonial-slider-rtl .appie-testimonial-item .author-info,
+.appie-testimonial-slider .appie-testimonial-item .author-info {
+  margin-bottom: 15px;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .author-info img,
+.appie-testimonial-slider .appie-testimonial-item .author-info img {
+  display: inline-block;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .author-info .title,
+.appie-testimonial-slider .appie-testimonial-item .author-info .title {
+  font-weight: 500;
+  font-size: 16px;
+  color: #fff;
+  padding-top: 10px;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .author-info span,
+.appie-testimonial-slider .appie-testimonial-item .author-info span {
+  font-size: 14px;
+  color: #fff;
+  opacity: 0.5;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .text p,
+.appie-testimonial-slider .appie-testimonial-item .text p {
+  font-size: 20px;
+  line-height: 30px;
+  color: #fff;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .text ul,
+.appie-testimonial-slider .appie-testimonial-item .text ul {
+  margin: 10px 0 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .text ul li,
+.appie-testimonial-slider .appie-testimonial-item .text ul li {
+  display: inline-block;
+  margin: 0 2px;
+}
+.appie-testimonial-slider-rtl .appie-testimonial-item .text ul li i,
+.appie-testimonial-slider .appie-testimonial-item .text ul li i {
+  color: #ffb848;
+}
+.appie-testimonial-slider-rtl .slick-arrow,
+.appie-testimonial-slider .slick-arrow {
+  position: absolute;
+  top: 62%;
+  transform: translateY(-50%);
+  font-size: 30px;
+  color: #fff;
+  z-index: 11;
+  cursor: pointer;
+  opacity: 0.5;
+}
+.appie-testimonial-slider-rtl .slick-arrow.prev,
+.appie-testimonial-slider .slick-arrow.prev {
+  left: -80px;
+}
+.appie-testimonial-slider-rtl .slick-arrow.next,
+.appie-testimonial-slider .slick-arrow.next {
+  right: -80px;
+}
+.appie-testimonial-slider-rtl .slick-dots,
+.appie-testimonial-slider .slick-dots {
+  position: absolute;
+  left: 50%;
+  bottom: -65px;
+  transform: translateX(-50%);
+}
+.appie-testimonial-slider-rtl .slick-dots li,
+.appie-testimonial-slider .slick-dots li {
+  display: inline-block;
+}
+.appie-testimonial-slider-rtl .slick-dots li button,
+.appie-testimonial-slider .slick-dots li button {
+  border: 0;
+  background: #fff;
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  font-size: 0;
+  opacity: 0.5;
+  margin: 0 4px;
+}
+.appie-testimonial-slider-rtl .slick-dots li.slick-active button,
+.appie-testimonial-slider .slick-dots li.slick-active button {
+  opacity: 1;
+}
+
+.appie-testimonial-2-box {
+  background-image: url(../images/testimonial-bg-2.jpg);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  padding: 120px 140px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-testimonial-2-box {
+    padding: 50px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-testimonial-2-box {
+    padding: 50px 30px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-testimonial-2-box {
+    padding: 50px 30px;
+  }
+}
+
+.appie-testimonial-slider-2 .slick-arrow {
+  position: absolute;
+  right: 0;
+  bottom: 0px;
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  line-height: 50px;
+  border: 2px solid rgba(255, 255, 255, 0.2);
+  color: #fff;
+  border-radius: 50%;
+  z-index: 9;
+  cursor: pointer;
+}
+.appie-testimonial-slider-2 .slick-arrow:hover {
+  background: #ff3e66;
+  color: #fff;
+  border-color: #ff3e66;
+}
+.appie-testimonial-slider-2 .slick-arrow.prev {
+  right: 60px;
+}
+.appie-testimonial-slider-2 .slick-arrow.next {
+  right: 0;
+}
+
+.appie-testimonial-slider-2-item .item {
+  display: flex;
+  padding-right: 30px;
+  padding-left: 30px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-testimonial-slider-2-item .item {
+    display: block;
+  }
+}
+@media (max-width: 767px) {
+  .appie-testimonial-slider-2-item .item {
+    display: block;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.appie-testimonial-slider-2-item .thumb {
+  text-align: center;
+  min-width: 140px;
+  margin-right: 60px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-testimonial-slider-2-item .thumb {
+    margin-bottom: 30px;
+    margin-right: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-testimonial-slider-2-item .thumb {
+    margin-bottom: 30px;
+    margin-right: 0;
+  }
+}
+.appie-testimonial-slider-2-item .thumb img {
+  display: inline-block;
+  border-radius: 50%;
+  box-shadow: 0px 20px 30px 0px rgba(0, 16, 49, 0.1);
+  margin-bottom: 13px;
+}
+.appie-testimonial-slider-2-item .thumb ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-testimonial-slider-2-item .thumb ul li {
+  display: inline-block;
+}
+.appie-testimonial-slider-2-item .thumb ul li i {
+  font-size: 14px;
+  color: #ffb848;
+}
+.appie-testimonial-slider-2-item .thumb span {
+  font-size: 13px;
+  font-weight: 500;
+  color: #fff;
+  opacity: 0.7;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-testimonial-slider-2-item .content {
+    text-align: center;
+  }
+}
+@media (max-width: 767px) {
+  .appie-testimonial-slider-2-item .content {
+    text-align: center;
+  }
+}
+.appie-testimonial-slider-2-item .content p {
+  color: #fff;
+  font-size: 20px;
+  line-height: 30px;
+}
+@media (max-width: 767px) {
+  .appie-testimonial-slider-2-item .content p {
+    font-size: 16px;
+  }
+}
+.appie-testimonial-slider-2-item .content .author-info {
+  margin-top: 27px;
+}
+.appie-testimonial-slider-2-item .content .author-info .title {
+  color: #fff;
+  font-size: 20px;
+  font-weight: 700;
+}
+.appie-testimonial-slider-2-item .content .author-info span {
+  font-size: 14px;
+  color: #fff;
+  opacity: 0.7;
+}
+
+.appie-testimonial-about-area {
+  background-image: url(../images/map-bg.png);
+  background-size: auto;
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+}
+.appie-testimonial-about-area .appie-section-title {
+  margin-bottom: 30px;
+}
+.appie-testimonial-about-area .appie-section-title .appie-title {
+  padding: 0 30px;
+}
+
+.testimonial-about-slider-active .testimonial-box {
+  padding: 60px 100px 80px;
+  box-shadow: 0px 40px 60px 0px rgba(14, 17, 51, 0.1);
+  text-align: center;
+  background: #fff;
+  margin-left: 100px;
+  margin-right: 100px;
+  margin-bottom: 80px;
+  position: relative;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .testimonial-about-slider-active .testimonial-box {
+    padding: 60px 50px 80px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .testimonial-about-slider-active .testimonial-box {
+    margin-left: 50px;
+    margin-right: 50px;
+    padding: 30px 30px 50px;
+  }
+}
+@media (max-width: 767px) {
+  .testimonial-about-slider-active .testimonial-box {
+    margin-left: 0px;
+    margin-right: 0px;
+    padding: 30px 30px 50px;
+  }
+}
+.testimonial-about-slider-active .testimonial-box::before {
+  position: absolute;
+  content: "";
+  left: 50%;
+  top: 100%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 0;
+  border-left: 20px solid transparent;
+  border-right: 20px solid transparent;
+  border-top: 20px solid #fff;
+}
+.testimonial-about-slider-active .testimonial-box .icon i {
+  font-size: 32px;
+  color: #4985ff;
+}
+.testimonial-about-slider-active .testimonial-box .ratings-icon {
+  padding-top: 25px;
+  padding-bottom: 20px;
+}
+.testimonial-about-slider-active .testimonial-box .ratings-icon ul li {
+  display: inline-block;
+}
+.testimonial-about-slider-active .testimonial-box .ratings-icon ul li i {
+  color: #faa116;
+  font-size: 14px;
+}
+.testimonial-about-slider-active .testimonial-box p {
+  font-size: 20px;
+  color: #0e1133;
+  line-height: 30px;
+}
+@media (max-width: 767px) {
+  .testimonial-about-slider-active .testimonial-box p {
+    font-size: 16px;
+    line-height: 26px;
+  }
+}
+.testimonial-about-slider-active .slick-arrow {
+  position: absolute;
+  top: 43%;
+  transform: translateY(-50%);
+  z-index: 9;
+  cursor: pointer;
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  line-height: 36px;
+  border: 2px solid #db0f30;
+  color: #db0f30;
+  border-radius: 50%;
+  transition: all linear 0.3s;
+  background: #fff;
+}
+.testimonial-about-slider-active .slick-arrow:hover {
+  background: #db0f30;
+  color: #fff;
+}
+.testimonial-about-slider-active .slick-arrow.prev {
+  left: 80px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .testimonial-about-slider-active .slick-arrow.prev {
+    left: 0;
+  }
+}
+@media (max-width: 767px) {
+  .testimonial-about-slider-active .slick-arrow.prev {
+    left: -10px;
+  }
+}
+.testimonial-about-slider-active .slick-arrow.next {
+  right: 80px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .testimonial-about-slider-active .slick-arrow.next {
+    right: 0;
+  }
+}
+@media (max-width: 767px) {
+  .testimonial-about-slider-active .slick-arrow.next {
+    right: -10px;
+  }
+}
+
+.testimonial-box-about-slider-small-active {
+  margin-top: -40px;
+}
+.testimonial-box-about-slider-small-active .item {
+  padding-top: 20px;
+  padding-bottom: 50px;
+}
+.testimonial-box-about-slider-small-active .item .thumb {
+  max-width: 70px;
+  text-align: center;
+}
+.testimonial-box-about-slider-small-active .item .thumb img {
+  display: inline-block;
+  width: 70px;
+}
+.testimonial-box-about-slider-small-active .item .content {
+  display: none;
+  text-align: center;
+}
+.testimonial-box-about-slider-small-active .item .content .title {
+  font-size: 16px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+.testimonial-box-about-slider-small-active .item .content span {
+  font-size: 13px;
+  font-weight: 500;
+  color: #888890;
+  white-space: nowrap;
+}
+.testimonial-box-about-slider-small-active .item.slick-center {
+  margin-top: -20px;
+}
+/* =========================vue custom css======================== */
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .testimonial-box-about-slider-small-active .slick-center .item {
+    margin-top: -10px;
+  }
+}
+.testimonial-box-about-slider-small-active
+  .slick-center.slick-current
+  .item
+  .thumb {
+  max-width: 70px;
+}
+.testimonial-box-about-slider-small-active
+  .slick-center.slick-current
+  .item
+  .thumb
+  img {
+  width: 70px;
+}
+.testimonial-box-about-slider-small-active
+  .slick-center.slick-current
+  .item
+  .content {
+  display: inline-block;
+  margin: 10px 0 0 -24px;
+}
+/* =========================vue custom css======================== */
+
+/*===========================
+    7.APPIE TEAM css 
+===========================*/
+.appie-team-item .thumb {
+  position: relative;
+  z-index: 10;
+  overflow: hidden;
+}
+.appie-team-item .thumb img {
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+  width: 100%;
+}
+.appie-team-item .thumb::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  background: #000;
+  opacity: 0.5;
+  z-index: 9;
+  opacity: 0;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.appie-team-item .thumb ul {
+  position: absolute;
+  left: 50%;
+  bottom: 30px;
+  transform: translateX(-50%);
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  z-index: 11;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+.appie-team-item .thumb ul li {
+  display: inline-block;
+  margin: 0 3px;
+}
+.appie-team-item .thumb ul li a {
+  display: inline-block;
+  height: 36px;
+  width: 36px;
+  border: 2px solid rgba(255, 255, 255, 0.5);
+  text-align: center;
+  line-height: 36px;
+  border-radius: 50px;
+  color: #fff;
+}
+.appie-team-item .thumb ul li a:hover {
+  background: #fff;
+  color: #2b70fa;
+  border-color: #fff;
+}
+.appie-team-item .content {
+  padding-top: 27px;
+}
+.appie-team-item .content .title {
+  font-size: 18px;
+  font-weight: 700;
+  padding-bottom: 8px;
+}
+.appie-team-item .content span {
+  font-size: 14px;
+  color: #81818d;
+}
+.appie-team-item:hover .thumb::before {
+  opacity: 0.5;
+}
+.appie-team-item:hover .thumb ul {
+  opacity: 1;
+  visibility: visible;
+}
+.appie-team-item:hover .thumb img {
+  transform: scale(1.1);
+}
+.appie-team-item.appie-team-item-about .thumb {
+  border-radius: 6px;
+  overflow: hidden;
+}
+.appie-team-item.appie-team-item-about .thumb::before {
+  background-color: #2b70fa;
+}
+.appie-team-item.appie-team-item-about .thumb ul {
+  left: 30px;
+  transform: translateX(0);
+}
+.appie-team-item.appie-team-item-about .thumb ul li a {
+  border-radius: 6px;
+}
+.appie-team-item.appie-team-item-about:hover .thumb::before {
+  opacity: 0.9;
+}
+.appie-team-item.appie-team-item-about.appie-team-item-8 .thumb::before {
+  background: #db0f30;
+}
+.appie-team-item.appie-team-item-about.appie-team-item-8 .thumb ul li a:hover {
+  color: #db0f30;
+}
+
+.team-btn a {
+  background: transparent;
+  color: #0e1133;
+  border: 2px solid #e7eaef;
+}
+.team-btn a i {
+  padding-left: 6px;
+}
+.team-btn a:hover {
+  background: #2b70fa;
+  color: #fff;
+}
+
+.appie-team-about-area .team-btn a {
+  border-color: #2b70fa;
+  color: #2b70fa;
+}
+.appie-team-about-area .team-btn a:hover {
+  color: #fff;
+}
+.appie-team-about-area.appie-team-8-area .team-btn a {
+  border-color: #db0f30;
+  color: #db0f30;
+}
+.appie-team-about-area.appie-team-8-area .team-btn a:hover {
+  background: #db0f30;
+  color: #fff;
+}
+
+/*===========================
+    8.APPIE PRICING css 
+===========================*/
+.appie-pricing-area {
+  background: #eef1f6;
+}
+
+.appie-pricing-area {
+  position: relative;
+  z-index: 10;
+}
+.appie-pricing-area .section-title {
+  padding-bottom: 48px;
+}
+
+.appie-pricing-area .switch {
+  position: relative;
+  display: inline-block;
+  width: 60px;
+  height: 34px;
+  vertical-align: middle;
+  margin: 0;
+}
+
+.appie-pricing-area .switch input {
+  display: none;
+}
+
+.appie-pricing-area .slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+  background: #fff;
+}
+
+.appie-pricing-area .slider:before {
+  position: absolute;
+  content: "";
+  height: 26px;
+  width: 26px;
+  left: 4px;
+  bottom: 4px;
+  -webkit-transform: translateX(0px);
+  transform: translateX(0px);
+  background-color: #2b70fa;
+  -webkit-transition: 0.4s;
+  transition: 0.4s;
+}
+
+.appie-pricing-area .switch.off .slider:before {
+  -webkit-transform: translateX(26px);
+  transform: translateX(26px);
+}
+
+.appie-pricing-area .slider.round {
+  border-radius: 34px;
+}
+
+.appie-pricing-area .slider.round:before {
+  border-radius: 50%;
+}
+
+.appie-pricing-area ul.switch-toggler-list {
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  justify-content: center;
+  margin-bottom: 40px;
+}
+
+.appie-pricing-area ul.switch-toggler-list li a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #505056;
+  padding-left: 20px;
+  padding-right: 20px;
+  display: block;
+}
+
+.appie-pricing-area ul.switch-toggler-list li.active a {
+  color: #0e1133;
+}
+
+.pricing-one__single {
+  background: #fff;
+  padding: 40px;
+  border-radius: 6px;
+  position: relative;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .pricing-one__single {
+    margin-bottom: 30px;
+  }
+}
+@media (max-width: 767px) {
+  .pricing-one__single {
+    margin-bottom: 30px;
+  }
+}
+.pricing-one__single .pricig-heading {
+  border-bottom: 1px solid #e1e4ea;
+  padding-bottom: 25px;
+}
+.pricing-one__single .pricig-heading h6 {
+  font-size: 20px;
+  font-weight: 500;
+  margin-bottom: 17px;
+}
+.pricing-one__single .pricig-heading .price-range {
+  font-size: 24px;
+  font-weight: 400;
+  color: #0e1133;
+}
+.pricing-one__single .pricig-heading .price-range sup {
+  font-size: 24px;
+}
+.pricing-one__single .pricig-heading .price-range span {
+  font-size: 44px;
+  font-weight: 900;
+}
+.pricing-one__single .pricig-heading .price-range p {
+  display: inline-block;
+  font-size: 14px;
+}
+.pricing-one__single .pricig-heading > p {
+  font-size: 14px;
+}
+.pricing-one__single .pricig-body {
+  padding-top: 25px;
+}
+.pricing-one__single .pricig-body ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.pricing-one__single .pricig-body ul li {
+  font-size: 15px;
+  font-weight: 500;
+  color: #0e1133;
+  margin-bottom: 10px;
+}
+.pricing-one__single .pricig-body ul li i {
+  height: 26px;
+  width: 26px;
+  font-size: 14px;
+  text-align: center;
+  line-height: 26px;
+  border-radius: 50%;
+  background: #effaf3;
+  color: #31c369;
+}
+.pricing-one__single .pricig-body .pricing-btn a {
+  background: transparent;
+  color: #0e1133;
+  border: 2px solid #e7eaef;
+}
+.pricing-one__single .pricig-body .pricing-btn a:hover {
+  background: #f8452d;
+  color: #fff;
+  border-color: #f8452d;
+}
+.pricing-one__single .pricing-rebon {
+  position: absolute;
+  right: 30px;
+  top: -14px;
+}
+.pricing-one__single .pricing-rebon span {
+  font-size: 14px;
+  font-weight: 500;
+  color: #fff;
+  background: #f8452d;
+  line-height: 28px;
+  padding: 0 18px;
+  border-radius: 30px;
+  box-shadow: 0px 10px 20px 0px rgba(183, 30, 10, 0.3);
+}
+.pricing-one__single.center {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+}
+.pricing-one__single.center .pricig-body ul li i {
+  color: #f8452d;
+}
+.pricing-one__single.center .pricig-body .pricing-btn a {
+  background: #f8452d;
+  border-color: #f8452d;
+  color: #fff;
+}
+.pricing-one__single:hover {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+}
+.pricing-one__single.pricing-one__single_2 {
+  border: 1px solid #eef0f4;
+}
+.pricing-one__single.pricing-one__single_2 .pricig-body ul li i {
+  background: #eef4fe;
+  color: #3172f5;
+}
+.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-btn a {
+  border-radius: 30px;
+}
+.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-btn a:hover {
+  background: #ff3e66;
+  border-color: #ff3e66;
+}
+.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-rebon {
+  right: 0;
+  top: 20px;
+}
+.pricing-one__single.pricing-one__single_2 .pricig-body .pricing-rebon span {
+  border-radius: 30px 0 0 30px;
+  background: #2a6df5;
+  box-shadow: none;
+}
+.pricing-one__single.pricing-one__single_2.active {
+  border-top: 3px solid #ff3e66;
+  box-shadow: 0px -3px 0px 0px rgba(255, 62, 102, 0.004),
+    0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+}
+.pricing-one__single.pricing-one__single_2.active .pricig-body .pricing-btn a {
+  background: #ff3e66;
+  border-color: #ff3e66;
+  color: #fff;
+}
+.pricing-one__single.pricing-one__single_2.item-2 .pricig-body ul li i {
+  background: #effaf3;
+  color: #31c369;
+}
+.pricing-one__single.pricing-one__single_2:hover {
+  border-color: #fff;
+  border-top: 3px solid #ff3e66;
+  transform: translateY(-10px);
+}
+
+.appie-pricing-2-area .appie-section-title .nav {
+  display: inline-block !important;
+  border: 2px solid #e7eaef;
+  padding: 3px;
+  border-radius: 40px;
+  margin-top: 55px;
+}
+.appie-pricing-2-area .appie-section-title .nav li {
+  display: inline-block;
+}
+.appie-pricing-2-area .appie-section-title .nav li a {
+  border-radius: 30px;
+  font-weight: 500;
+  font-size: 14px;
+  color: #505056;
+  padding: 5px 20px;
+}
+.appie-pricing-2-area .appie-section-title .nav li a.active {
+  color: #fff;
+  background: #ff3e66;
+}
+
+.appie-pricing-6-area .pricing-one__single .pricing-rebon span {
+  background: #9b2cfa;
+  box-shadow: none;
+}
+.appie-pricing-6-area .pricing-one__single.center .pricig-body .pricing-btn a {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+}
+
+/*===========================
+    9.APPIE FAQ css 
+===========================*/
+.appie-faq-area {
+  background: #eef1f6;
+  position: relative;
+  background-image: url(../images/shape/faq-shape.png);
+  background-position: 94% 100%;
+  background-size: auto;
+  background-repeat: no-repeat;
+}
+
+.faq-accrodion {
+  margin-top: 8px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .faq-accrodion {
+    margin-top: 30px;
+  }
+}
+@media (max-width: 767px) {
+  .faq-accrodion {
+    margin-top: 30px;
+  }
+}
+.faq-accrodion .accrodion {
+  position: relative;
+  -webkit-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+  background-color: #fff;
+  border-radius: 6px;
+  overflow: hidden;
+}
+.faq-accrodion .accrodion::before {
+  content: "";
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: 0px;
+  right: 0px;
+  border-radius: 0px;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  background-image: -webkit-gradient(
+    linear,
+    left top,
+    right top,
+    from(var(--thm-primary)),
+    to(var(--thm-base))
+  );
+  background-image: linear-gradient(
+    90deg,
+    var(--thm-primary) 0%,
+    var(--thm-base) 100%
+  );
+  -webkit-transition: -webkit-transform 0.4s ease;
+  transition: -webkit-transform 0.4s ease;
+  border-radius: 5px;
+  transition: transform 0.4s ease;
+  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
+}
+.faq-accrodion .accrodion + .accrodion {
+  margin-top: 30px;
+}
+.faq-accrodion .accrodion.active {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+}
+.faq-accrodion .accrodion.active .accrodion-inner {
+  margin: 0 1px;
+  background-color: transparent;
+  border-color: #fff;
+}
+.faq-accrodion .accrodion.active::before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+.faq-accrodion .accrodion.active .accrodion-title {
+  padding-bottom: 0;
+}
+.faq-accrodion .accrodion.active .accrodion-title::before {
+  opacity: 0;
+}
+.faq-accrodion .accrodion.active .accrodion-title::after {
+  opacity: 1;
+  color: #fff;
+}
+.faq-accrodion .accrodion .accrodion-inner {
+  background-color: #fff;
+  padding: 18px 0;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #f2f4f8;
+  border-radius: 0px;
+  position: relative;
+  -webkit-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+  overflow: hidden;
+}
+.faq-accrodion .accrodion .accrodion-title {
+  padding: 0px 38px;
+  cursor: pointer;
+  position: relative;
+  -webkit-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+}
+@media (max-width: 767px) {
+  .faq-accrodion .accrodion .accrodion-title {
+    padding: 0 38px 0 20px;
+  }
+}
+.faq-accrodion .accrodion .accrodion-title::before {
+  content: "\f107";
+  font-family: "Font Awesome 5 Pro";
+  font-weight: 400;
+  font-size: 14px;
+  color: #2b70fa;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  position: absolute;
+  top: 50%;
+  right: 30px;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  opacity: 1;
+  -webkit-transition: all 500ms ease;
+  transition: all 500ms ease;
+  height: 40px;
+  width: 40px;
+  background: #eef4fe;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 50%;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .faq-accrodion .accrodion .accrodion-title::before {
+    right: 5px;
+  }
+}
+@media (max-width: 767px) {
+  .faq-accrodion .accrodion .accrodion-title::before {
+    right: 20px;
+  }
+}
+.faq-accrodion .accrodion .accrodion-title::after {
+  content: "\f106";
+  font-weight: 400;
+  font-family: "Font Awesome 5 Pro";
+  font-size: 14px;
+  color: #fff;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  position: absolute;
+  top: 50%;
+  right: 30px;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  opacity: 0;
+  -webkit-transition: all 500ms ease;
+  transition: all 500ms ease;
+  background: #2b70fa;
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 50%;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .faq-accrodion .accrodion .accrodion-title::after {
+    right: 5px;
+  }
+}
+@media (max-width: 767px) {
+  .faq-accrodion .accrodion .accrodion-title::after {
+    right: 20px;
+  }
+}
+.faq-accrodion .accrodion .accrodion-title h4 {
+  margin: 0;
+  color: #0e1133;
+  font-size: 18px;
+  font-weight: 700;
+}
+.faq-accrodion .accrodion .accrodion-content .inner {
+  padding: 0 38px;
+  padding-right: 35px;
+  padding-top: 22px;
+  padding-bottom: 0px;
+}
+@media (max-width: 767px) {
+  .faq-accrodion .accrodion .accrodion-content .inner {
+    padding: 0 38px 0 20px;
+  }
+}
+.faq-accrodion .accrodion .accrodion-content p {
+  margin: 0;
+  color: #505056;
+  font-size: 14px;
+  line-height: 26px;
+  font-weight: 400;
+}
+
+.appie-faq-8-area {
+  background: #eef1f6;
+  position: relative;
+}
+.appie-faq-8-area
+  .faq-accordion
+  .accrodion
+  .accrodion-inner
+  .accrodion-title::before {
+  background: #fcecef;
+  color: #db0f30;
+}
+.appie-faq-8-area
+  .faq-accordion
+  .accrodion
+  .accrodion-inner
+  .accrodion-title::after {
+  background: #db0f30;
+  color: #fff;
+}
+.appie-faq-8-area .faq-play-box {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  width: 50%;
+  background-image: url(../images/faq-play-bg.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.mission-side-box {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 750px;
+  width: 50%;
+  background-image: url(../images/mission-bg.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  box-shadow: 0 0 15px 25px #eef1f6 inset;
+}
+@media only screen and (max-width: 991px) {
+  .mission-side-box {
+    position: relative;
+    height: 500px;
+    width: 100%;
+    margin: 20px auto 0 auto;
+  }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-faq-8-area .faq-play-box {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-faq-8-area .faq-play-box {
+    display: none;
+  }
+}
+.appie-faq-8-area .faq-play-box .play-btn {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.appie-faq-8-area .faq-play-box .play-btn a {
+  height: 80px;
+  width: 80px;
+  text-align: center;
+  line-height: 80px;
+  background: #fff;
+  border-radius: 50%;
+  color: #2b70fa;
+  position: relative;
+}
+.appie-faq-8-area .faq-play-box .play-btn a::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  animation: linear infinite popup 1.5s;
+}
+.appie-faq-8-area .faq-play-box .faq-play-counter {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  display: flex;
+}
+.appie-faq-8-area .faq-play-box .faq-play-counter .box-1 {
+  background: rgba(42, 109, 245, 0.9);
+  padding: 50px 60px;
+}
+.appie-faq-8-area .faq-play-box .faq-play-counter .box-1 .title {
+  font-size: 30px;
+  color: #fff;
+}
+.appie-faq-8-area .faq-play-box .faq-play-counter .box-1 span {
+  font-size: 14px;
+  color: #d1dbfb;
+}
+.appie-faq-8-area .faq-play-box .faq-play-counter .box-1.box-2 {
+  background: rgba(14, 17, 51, 0.9);
+}
+
+/*===========================
+    10.APPIE BLOG css 
+===========================*/
+.appie-blog-item .thumb {
+  overflow: hidden;
+  border-radius: 6px;
+}
+.appie-blog-item .thumb img {
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+  width: 100%;
+}
+.appie-blog-item .content {
+  padding-top: 20px;
+}
+.appie-blog-item .content .blog-meta ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-blog-item .content .blog-meta ul li {
+  display: inline-block;
+  font-size: 14px;
+  padding-right: 22px;
+  position: relative;
+}
+.appie-blog-item .content .blog-meta ul li a {
+  font-weight: 400;
+  color: #505056;
+}
+.appie-blog-item .content .blog-meta ul li:nth-child(1)::before {
+  position: absolute;
+  content: "";
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 5px;
+  width: 5px;
+  background: #2b70fa;
+  border-radius: 50%;
+}
+.appie-blog-item .content .title {
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 34px;
+  margin-top: 2px;
+}
+.appie-blog-item .content .title a {
+  color: #0e1133;
+}
+.appie-blog-item .content .title a:hover {
+  color: #2b70fa;
+}
+.appie-blog-item .content > a {
+  font-size: 15px;
+  font-weight: 500;
+  color: #0e1133;
+  margin-top: 14px;
+}
+.appie-blog-item .content > a i {
+  padding-left: 6px;
+}
+.appie-blog-item .content > a:hover {
+  color: #2b70fa;
+}
+.appie-blog-item:hover .thumb img {
+  transform: scale(1.1);
+}
+
+.appie-blog-3-area .blog-btn a {
+  background: transparent;
+  color: #0e1133;
+  border: 2px solid #e7eaef;
+}
+.appie-blog-3-area .blog-btn a:hover {
+  background: #ff6b58;
+  border-color: #ff6b58;
+  color: #fff;
+}
+.appie-blog-3-area.appie-blog-6-area .blog-btn a:hover {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+}
+.appie-blog-3-area.appie-blog-8-area {
+  background: #eef1f6;
+  position: relative;
+  z-index: 10;
+}
+.appie-blog-3-area.appie-blog-8-area .appie-blog-8-shape-1 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: -1;
+}
+.appie-blog-3-area.appie-blog-8-area .appie-blog-8-shape-2 {
+  position: absolute;
+  right: 0;
+  bottom: 340px;
+  z-index: -1;
+}
+.appie-blog-3-area.appie-blog-8-area .blog-btn a {
+  border-color: #db0f30;
+  color: #db0f30;
+}
+.appie-blog-3-area.appie-blog-8-area .blog-btn a:hover {
+  background: #db0f30;
+  color: #fff;
+}
+
+.appie-blog-item-3 {
+  box-shadow: 0px 15px 50px 0px rgba(14, 17, 51, 0.1);
+  border-radius: 10px;
+  padding: 35px;
+  display: flex;
+  align-items: center;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-blog-item-3 {
+    padding: 15px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-blog-item-3 {
+    padding: 15px;
+    display: block;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-blog-item-3 {
+    display: flex;
+  }
+}
+.appie-blog-item-3 .thumb {
+  max-width: 120px;
+  min-width: 120px;
+  border-radius: 6px;
+  overflow: hidden;
+  margin-right: 30px;
+}
+@media (max-width: 767px) {
+  .appie-blog-item-3 .thumb {
+    max-width: 100%;
+    min-width: 100%;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-blog-item-3 .thumb {
+    max-width: 120px;
+    min-width: 120px;
+  }
+}
+.appie-blog-item-3 .thumb img {
+  width: 100%;
+  transition: all linear 0.3s;
+}
+.appie-blog-item-3 .content {
+  padding-right: 50px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-blog-item-3 .content {
+    padding-right: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-blog-item-3 .content {
+    padding-right: 0;
+    margin-top: 20px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-blog-item-3 .content {
+    padding-right: 50px;
+    margin-top: 0;
+  }
+}
+.appie-blog-item-3 .content .title {
+  font-size: 22px;
+  line-height: 32px;
+  margin-bottom: 8px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-blog-item-3 .content .title {
+    font-size: 18px;
+    line-height: 28px;
+  }
+}
+.appie-blog-item-3 .content .title a {
+  color: #0e1133;
+}
+.appie-blog-item-3 .content .title a:hover {
+  color: #ff6b58;
+}
+.appie-blog-item-3 .content ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-blog-item-3 .content ul li {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 400;
+  color: #505056;
+  margin-right: 22px;
+}
+.appie-blog-item-3 .content ul li i {
+  padding-right: 6px;
+}
+.appie-blog-item-3 .content ul li a {
+  color: #505056;
+  font-size: 14px;
+  font-weight: 400;
+}
+.appie-blog-item-3:hover .thumb img {
+  transform: scale(1.1);
+}
+.appie-blog-item-3.appie-blog-item-6 .content .title a:hover {
+  color: #9b2cfa;
+}
+.appie-blog-item-3.appie-blog-item-8 {
+  background: #fff;
+}
+.appie-blog-item-3.appie-blog-item-8 .content .title a:hover {
+  color: #db0f30;
+}
+
+/*--------------------------------------------------------
+/ 7. Blog Page
+/---------------------------------------------------------*/
+.blogpage-section {
+  position: relative;
+  padding: 100px 0;
+}
+
+.bisylms-pagination {
+  position: relative;
+  z-index: 3;
+  margin: 10px 0 0;
+}
+
+.bisylms-pagination a,
+.bisylms-pagination span {
+  font-size: 14px;
+  color: #2b70fa;
+  font-weight: 600;
+  line-height: 40px;
+  background: rgba(88, 56, 252, 0.1);
+  width: 40px;
+  height: 40px;
+  border-radius: 3px;
+  text-align: center;
+  display: inline-block;
+  padding: 0 0;
+  margin: 0 5px 0 0;
+  -webkit-transition: all 0.4s ease;
+  -o-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+}
+
+.bisylms-pagination a:hover,
+.bisylms-pagination .current {
+  color: #fff;
+  background: #2b70fa;
+  -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+  -moz-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+  box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+}
+
+.bisylms-pagination a.next,
+.bisylms-pagination a.prev {
+  width: auto;
+  padding: 0 15px;
+  text-transform: capitalize;
+}
+
+.bisylms-pagination a.next i {
+  font-size: 18px;
+  position: relative;
+  top: 4px;
+  margin-left: 9px;
+}
+
+.bisylms-pagination a.prev i {
+  font-size: 18px;
+  position: relative;
+  top: 4px;
+  margin-right: 9px;
+}
+
+/*--- Sidebar ---*/
+.blog-sidebar {
+  position: relative;
+  margin-left: 30px;
+}
+
+.blog-sidebar .widget {
+  position: relative;
+  border: 1px solid #ebecf1;
+  border-radius: 10px;
+  margin: 0 0 30px;
+  padding: 32px 30px 37px;
+}
+
+.blog-sidebar .widget .widget-title {
+  color: #2c234d;
+  font-size: 18px;
+  line-height: 24px;
+  text-transform: capitalize;
+  border-bottom: 1px solid #cfd2de;
+  display: inline-block;
+  position: relative;
+  padding-bottom: 15px;
+  margin: 0 0 17px;
+}
+
+.blog-sidebar .widget.widget-search {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+
+.blog-sidebar .widget.widget-search .widget-title {
+  display: none;
+}
+
+.search-form {
+  position: relative;
+}
+
+.search-form input[type="search"] {
+  width: 100%;
+  height: 50px;
+  font-size: 14px;
+  line-height: 50px;
+  border-radius: 3px;
+  font-weight: 500;
+  border: none;
+  background: #f1f0f5;
+  color: #8f8d98;
+  outline: none;
+  padding: 0 25px;
+}
+
+.search-form input[type="search"]::-moz-placeholder {
+  color: #8f8d98;
+  opacity: 1;
+}
+
+.search-form input[type="search"]::-ms-input-placeholder {
+  color: #8f8d98;
+  opacity: 1;
+}
+
+.search-form input[type="search"]::-webkit-input-placeholder {
+  color: #8f8d98;
+  opacity: 1;
+}
+
+.search-form button {
+  font-size: 16px;
+  line-height: 52px;
+  color: #2c234d;
+  background: transparent;
+  border: none;
+  outline: none;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: 17px;
+  top: 0;
+  z-index: 2;
+  -webkit-transition: all 0.4s ease;
+  -o-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+}
+
+.search-form button:hover {
+  color: #2b70fa;
+}
+
+.blog-sidebar .widget ul {
+  margin: 0;
+  padding: 0;
+}
+
+.blog-sidebar .widget ul li {
+  list-style: none;
+  display: block;
+  font-size: 14px;
+  line-height: 40px;
+  font-weight: 600;
+  color: #5d5a67;
+  position: relative;
+  padding-left: 25px;
+}
+
+.blog-sidebar .widget ul li:before {
+  position: absolute;
+  left: 0;
+  top: 0;
+  content: "\f105";
+  font-family: "Font Awesome 5 Pro";
+  font-size: 20px;
+  line-height: 40px;
+  font-weight: 300;
+  color: #b2b0bc;
+}
+
+.blog-sidebar .widget ul li a {
+  color: inherit;
+  display: inline-block;
+}
+
+.blog-sidebar .widget ul li a:hover {
+  color: #2b70fa;
+}
+
+.blog-sidebar .widget ul li span {
+  color: #b2b0bc;
+  margin-left: 9px;
+}
+
+.popular-post {
+  position: relative;
+  min-height: 70px;
+  padding-left: 90px;
+  margin: 9px 0 24px;
+}
+
+.popular-post:last-child {
+  margin-bottom: 0;
+}
+
+.popular-post img {
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  border-radius: 3px;
+  left: 0;
+  top: 4px;
+  object-fit: cover;
+}
+
+.popular-post h5 {
+  font-size: 15px;
+  line-height: 20px;
+  color: #2c234d;
+  margin: 0 0 12px;
+  font-weight: 700;
+}
+
+.popular-post h5 a {
+  color: inherit;
+}
+
+.popular-post h5 a:hover {
+  color: #2b70fa;
+}
+
+.popular-post span {
+  display: block;
+  font-size: 13px;
+  line-height: 0.8;
+  color: #7e7c87;
+  font-weight: 600;
+}
+
+.tags {
+  position: relative;
+}
+
+.service-item{
+  background: transparent;
+  border-radius: 6px;
+  padding: 30px 10px;
+}
+
+.service-item .icon {
+  display: inline-block;
+  text-align: center;
+
+  border-radius: 20px;
+  height: 80px;
+  line-height: 70px;
+  margin-bottom: 10px;
+  position: relative;
+  width: 80px;
+}
+
+.service-item h4 {
+  font-size: 20px;
+}
+
+.tags a {
+  display: inline-block;
+  height: 34px;
+  background: #f8f8f8;
+  border-radius: 3px;
+  text-align: center;
+  font-size: 13px;
+  color: #797781;
+  line-height: 34px;
+  padding: 0 15px;
+  font-weight: 600;
+  margin: 10px 6px 0 0;
+}
+
+.tags a:hover {
+  background: #2b70fa;
+  color: #fff;
+}
+
+/*--------------------------------------------------------
+/ 8. Single Blog Page
+/---------------------------------------------------------*/
+.single-p-banner {
+  padding-top: 158px;
+  background-position: top center;
+}
+
+.post-cate {
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  color: #fff;
+  line-height: 0.8;
+  text-transform: uppercase;
+  font-size: 12px;
+  text-transform: uppercase;
+  margin: 0 0 20px;
+}
+
+.post-cate:hover {
+  color: #fff;
+}
+
+.single-p-banner .banner-title {
+  line-height: 60px;
+  margin-bottom: 16px;
+}
+
+.single-p-banner .bp-meta {
+  position: relative;
+  z-index: 2;
+  margin: 0;
+  padding: 0;
+}
+
+.single-p-banner .bp-meta a i,
+.single-p-banner .bp-meta a {
+  color: #fff;
+}
+
+.single-post-area {
+  position: relative;
+}
+
+.single-post-area p {
+  line-height: 30px;
+  margin: 0 0 30px;
+}
+
+.post-thumb {
+  position: relative;
+  margin: 42px 0 35px;
+}
+
+.post-thumb img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  border-radius: 10px;
+}
+
+.article-title {
+  font-size: 30px;
+  line-height: 34px;
+  color: #2c234d;
+  margin: 0 0 15px;
+}
+
+blockquote {
+  position: relative;
+  margin: 41px 0;
+  padding: 67px 50px 40px;
+  background: #f8f8f8;
+  border-radius: 10px;
+  -webkit-box-shadow: -4px 0px 0px 0px #5838fc;
+  -moz-box-shadow: -4px 0px 0px 0px #5838fc;
+  box-shadow: -4px 0px 0px 0px #5838fc;
+}
+
+blockquote:before {
+  position: absolute;
+  left: 50px;
+  top: 68px;
+  content: ",,";
+  font-family: "Open Sans", sans-serif;
+  font-size: 100px;
+  line-height: 25px;
+  color: #2b70fa;
+  letter-spacing: -5px;
+  -moz-transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+blockquote:after {
+  position: absolute;
+  right: 44px;
+  bottom: 122px;
+  content: ",,";
+  font-family: "Open Sans", sans-serif;
+  font-size: 200px;
+  line-height: 25px;
+  color: #f0f0f0;
+  letter-spacing: -10px;
+}
+
+blockquote p {
+  font-size: 20px;
+  line-height: 32px;
+  color: #2c234d;
+  font-weight: 600;
+  margin: 0 0 18px;
+}
+
+blockquote cite {
+  display: block;
+  font-size: 14px;
+  line-height: 0.8;
+  color: #797781;
+  font-style: normal;
+}
+
+.single-post-area blockquote p {
+  line-height: 32px;
+  margin: 0 0 18px;
+}
+
+.post-tags {
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.post-tags h5 {
+  font-size: 14px;
+  color: #2c234d;
+  font-weight: 600;
+  margin: 7px 20px 0 0;
+}
+
+.post-tags a {
+  display: inline-block;
+  height: 30px;
+  background: #f8f8f8;
+  border-radius: 3px;
+  text-align: center;
+  font-size: 13px;
+  color: #797781;
+  line-height: 30px;
+  padding: 0 18px;
+  font-weight: 600;
+  margin: 0 10px 0 0;
+}
+
+.post-tags a:hover {
+  background: #2b70fa;
+  color: #fff;
+}
+
+.post-share {
+  position: relative;
+  border-top: 1px solid #ebecf2;
+  padding: 30px 0 0;
+  margin: 20px 0 0;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.post-share h5 {
+  font-size: 14px;
+  color: #2c234d;
+  font-weight: 600;
+  margin: 13px 20px 0 0;
+}
+
+.post-share a {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  background: #446bb9;
+  color: #fff;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 42px;
+  font-size: 14px;
+  margin-right: 6px;
+}
+
+.post-share a.fac {
+  background: #446bb9;
+}
+
+.post-share a.twi {
+  background: #00aced;
+}
+
+.post-share a.goo {
+  background: #ea4335;
+}
+
+.post-share a:hover {
+  -webkit-box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
+  -moz-box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
+  box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
+}
+
+.post-admin {
+  position: relative;
+  margin: 84px 0;
+  padding: 44px 40px 55px 150px;
+  background: transparent;
+  border-radius: 10px;
+  -webkit-box-shadow: -4px 0px 0px 0px #5838fc;
+  -moz-box-shadow: -4px 0px 0px 0px #5838fc;
+  box-shadow: -4px 0px 0px 0px #5838fc;
+}
+
+.post-admin img {
+  position: absolute;
+  left: 40px;
+  top: 40px;
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+}
+
+.post-admin a {
+  display: inline-block;
+  font-size: 18px;
+  line-height: 22px;
+  color: #2c234d;
+  font-weight: 700;
+  margin: 0 0 7px;
+}
+
+.post-admin span {
+  display: block;
+  font-size: 14px;
+  color: #797781;
+  font-weight: 400;
+  line-height: 0.8;
+  margin-bottom: 27px;
+}
+
+.post-admin p {
+  font-size: 16px;
+  line-height: 26px;
+  color: #5d5a67;
+  margin: 0;
+}
+
+.comment-area {
+  position: relative;
+  margin: 80px 0 66px;
+}
+
+.comment-area h3 {
+  font-size: 20px;
+  line-height: 0.8;
+  color: #2c234d;
+  margin: 0 0 30px;
+}
+
+.comment-list {
+  margin: 0;
+  padding: 0;
+}
+
+.comment-list li {
+  list-style: none;
+  display: block;
+  margin: 0 0 0;
+}
+
+.comment-list .children {
+  margin: 0 0 0;
+  padding-left: 100px;
+}
+
+.single-comment {
+  position: relative;
+  padding-left: 100px;
+  padding-top: 7px;
+  padding-bottom: 30px;
+}
+
+.c-border {
+  border-bottom: 1px solid #ebecf2;
+  margin-top: 24px;
+}
+
+.single-comment img {
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.children .single-comment img {
+  width: 50px;
+  height: 50px;
+}
+
+.children .single-comment {
+  padding-left: 80px;
+}
+
+.single-comment h5 {
+  font-size: 16px;
+  line-height: 22px;
+  margin-bottom: 7px;
+}
+
+.single-comment h5 a {
+  color: inherit;
+}
+
+.single-comment h5 a:hover {
+  color: #2b70fa;
+}
+
+.single-comment span {
+  display: block;
+  font-size: 13px;
+  line-height: 0.8;
+  font-weight: 600;
+  color: #797781;
+  margin: 0 0 24px;
+}
+
+.comment {
+  position: relative;
+  margin: 0 0 14px;
+}
+
+.comment p {
+  font-size: 14px;
+  line-height: 24px;
+  color: #686875;
+  margin: 0;
+}
+
+.single-comment .comment-reply-link {
+  display: inline-block;
+  font-size: 12px;
+  line-height: 0.8;
+  color: #2b70fa;
+  font-weight: 600;
+}
+
+.single-comment .comment-reply-link i {
+  font-size: 16px;
+  margin-right: 11px;
+  font-weight: 600;
+  position: relative;
+  top: 2px;
+}
+
+.single-comment .comment-reply-link:hover {
+  color: #2c234d;
+}
+
+.comment-form-area {
+  position: relative;
+}
+
+.comment-form-area h3 {
+  color: #2c234d;
+  font-size: 20px;
+  line-height: 24px;
+  margin-bottom: 9px;
+}
+
+.comment-form-area p {
+  font-size: 14px;
+  line-height: 24px;
+  color: #686875;
+  margin: 0 0 43px;
+}
+
+.comment-form {
+  position: relative;
+}
+
+.comment-form input[type="text"],
+.comment-form input[type="number"],
+.comment-form input[type="url"],
+.comment-form textarea,
+.comment-form input[type="email"] {
+  width: 100%;
+  height: 56px;
+  font-size: 14px;
+  line-height: 56px;
+  font-weight: 400;
+  border-radius: 3px;
+  border: none;
+  background: #f5f5f7;
+  color: #7e7c87;
+  outline: none;
+  border: 1px solid transparent;
+  padding: 0 20px;
+  margin-bottom: 20px;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.comment-form textarea {
+  height: 180px;
+  resize: none;
+  line-height: 30px;
+  padding-top: 14px;
+}
+
+.comment-form textarea::-moz-placeholder,
+.comment-form input[type="text"]::-moz-placeholder,
+.comment-form input[type="url"]::-moz-placeholder,
+.comment-form input[type="number"]::-moz-placeholder,
+.comment-form input[type="email"]::-moz-placeholder {
+  color: #7e7c87;
+  opacity: 1;
+}
+
+.comment-form textarea::-ms-input-placeholder,
+.comment-form input[type="text"]::-ms-input-placeholder,
+.comment-form input[type="url"]::-ms-input-placeholder,
+.comment-form input[type="number"]::-ms-input-placeholder,
+.comment-form input[type="email"]::-ms-input-placeholder {
+  color: #7e7c87;
+  opacity: 1;
+}
+
+.comment-form textarea::-webkit-input-placeholder,
+.comment-form input[type="text"]::-webkit-input-placeholder,
+.comment-form input[type="url"]::-webkit-input-placeholder,
+.comment-form input[type="number"]::-webkit-input-placeholder,
+.comment-form input[type="email"]::-webkit-input-placeholder {
+  color: #7e7c87;
+  opacity: 1;
+}
+
+.comment-form textarea:focus,
+.comment-form input[type="url"]:focus,
+.comment-form input[type="text"]:focus,
+.comment-form input[type="number"]:focus,
+.comment-form input[type="email"]:focus {
+  background: transparent;
+  border-color: #ece9f9;
+  -webkit-box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
+  -moz-box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
+  box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
+}
+
+.comment-form button,
+.comment-form input[type="submit"] {
+  height: 50px;
+  border-radius: 3px;
+  background: #2b70fa;
+  color: #fff;
+  text-align: center;
+  border: none;
+  outline: none;
+  padding: 0 36px;
+  font-size: 13px;
+  line-height: 50px;
+  font-weight: 600;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.comment-form button:hover,
+.contact-form input[type="submit"]:hover {
+  -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+  -moz-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+  box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+}
+
+.save-comment {
+  position: relative;
+  margin: 5px 0 25px;
+}
+
+.save-comment input[type="checkbox"] {
+  display: none;
+}
+
+.save-comment label {
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: 0;
+  font-weight: 400;
+  padding-left: 31px;
+  position: relative;
+  cursor: pointer;
+  color: #686875;
+  margin: 0 0 0;
+}
+
+.save-comment label:before {
+  background: transparent;
+  content: "";
+  height: 16px;
+  left: 0;
+  position: absolute;
+  border-radius: 3px;
+  top: 3px;
+  width: 16px;
+  border: 2px solid #ababb1;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.save-comment input:checked + label::after {
+  background: transparent;
+  bottom: 0;
+  font-family: "ElegantIcons";
+  content: "\4e";
+  color: #2b70fa;
+  font-size: 10px;
+  left: 2px;
+  position: absolute;
+  top: -1px;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.post-item-1 {
+  position: relative;
+  background: #fff;
+  border-radius: 10px;
+  margin-bottom: 30px;
+  -webkit-transition: all 0.4s ease;
+  -o-transition: all 0.4s ease;
+  transition: all 0.4s ease;
+  -webkit-box-shadow: 0px 2px 4px 0px rgba(21, 14, 56, 0.08);
+  -moz-box-shadow: 0px 2px 4px 0px rgba(21, 14, 56, 0.08);
+  box-shadow: 0px 2px 4px 0px rgba(21, 14, 56, 0.08);
+}
+
+.post-item-1 img {
+  width: 100%;
+  height: auto;
+  border-radius: 10px 10px 0 0;
+}
+
+.b-post-details {
+  position: relative;
+  padding: 30px 35px 37px;
+}
+
+.bp-meta {
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  margin: 0 0 15px;
+}
+
+.bp-meta a {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 0.8;
+  color: #505056;
+  font-weight: 600;
+  margin-right: 30px;
+}
+
+.bp-meta a i {
+  color: #2b70fa;
+  margin-right: 9px;
+  position: relative;
+  top: 1px;
+}
+
+.bp-meta a:last-child {
+  margin-right: 0;
+}
+
+.bp-meta a:hover {
+  color: #2b70fa;
+}
+
+.b-post-details h3 {
+  font-size: 20px;
+  line-height: 30px;
+  margin-bottom: 16px;
+  padding-top: 10px;
+  font-weight: 700;
+}
+
+.b-post-details h3 a {
+  color: inherit;
+}
+
+.b-post-details h3 a:hover {
+  color: #2b70fa;
+}
+
+.post-item-1:hover {
+  -webkit-box-shadow: 0px 30px 50px 0px rgba(11, 2, 55, 0.1);
+  -moz-box-shadow: 0px 30px 50px 0px rgba(11, 2, 55, 0.1);
+  box-shadow: 0px 30px 50px 0px rgba(11, 2, 55, 0.1);
+}
+
+.b-post-details a.read-more {
+  font-size: 14px;
+  font-weight: 700;
+  color: #505056;
+}
+.b-post-details a.read-more i {
+  padding-left: 8px;
+}
+.b-post-details a.read-more:hover {
+  color: #2b70fa;
+}
+
+/*===========================
+    10.APPIE PROJECT css 
+===========================*/
+.appie-project-area .appie-project-box {
+  background-image: url(../images/project-bg.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding-left: 70px;
+  padding-top: 75px;
+  padding-bottom: 85px;
+  position: relative;
+  overflow: hidden;
+  border-radius: 10px;
+}
+@media (max-width: 767px) {
+  .appie-project-area .appie-project-box {
+    padding-left: 30px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-project-area .appie-project-box {
+    padding-left: 70px;
+  }
+}
+.appie-project-area .appie-project-box .appie-project-thumb {
+  position: absolute;
+  right: 70px;
+  bottom: 0;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-project-area .appie-project-box .appie-project-thumb {
+    right: 30px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-project-area .appie-project-box .appie-project-thumb {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-project-area .appie-project-box .appie-project-thumb {
+    display: none;
+  }
+}
+
+.appie-project-content {
+  padding-right: 50px;
+}
+.appie-project-content .title {
+  color: #fff;
+  font-size: 50px;
+  line-height: 60px;
+  padding-bottom: 10px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-project-content .title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-project-content .title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-project-content .title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+.appie-project-content p {
+  color: #fff;
+  opacity: 0.8;
+}
+.appie-project-content .input-box {
+  display: flex;
+}
+@media (max-width: 767px) {
+  .appie-project-content .input-box {
+    display: block;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-project-content .input-box {
+    display: flex;
+  }
+}
+.appie-project-content .input-box input {
+  width: 100%;
+  height: 50px;
+  padding-left: 30px;
+  border-radius: 6px;
+  border: 0;
+}
+.appie-project-content .input-box button {
+  margin-left: 10px;
+  padding: 0 30px;
+  border-radius: 6px;
+  padding: 0 25px;
+  background: #0e1133;
+  border: 0;
+  color: #fff;
+  line-height: 50px;
+}
+@media (max-width: 767px) {
+  .appie-project-content .input-box button {
+    margin-top: 20px;
+    margin-left: 0;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-project-content .input-box button {
+    margin-top: 0px;
+    margin-left: 10px;
+  }
+}
+
+.appie-project-3-area.appie-project-5-area {
+  background: #eef1f6;
+}
+
+.appie-project-3-box {
+  background-image: url(../images/project-bg-2.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  border-radius: 10px;
+  padding: 55px 70px;
+  box-shadow: 0px 40px 50px 0px rgba(138, 16, 0, 0.3);
+  margin-bottom: -110px;
+  position: relative;
+  overflow: hidden;
+  z-index: 10;
+}
+@media (max-width: 767px) {
+  .appie-project-3-box {
+    text-align: center;
+  }
+}
+.appie-project-3-box .title {
+  color: #fff;
+  font-size: 46px;
+  line-height: 56px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-project-3-box .title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-project-3-box .title {
+    font-size: 35px;
+    line-height: 46px;
+    margin-bottom: 30px;
+  }
+}
+.appie-project-3-box a {
+  background: #fff;
+  color: #0e1133;
+  border-color: #fff;
+  line-height: 55px;
+  padding: 0 40px;
+}
+
+/*===========================
+    10.APPIE FOOTER css 
+===========================*/
+.appie-footer-area {
+  background: #eef1f6;
+  padding-top: 45px;
+  padding-bottom: 50px;
+}
+.appie-footer-area.appie-footer-3-area {
+  padding-top: 180px;
+}
+.appie-footer-area.appie-footer-3-area.appie-footer-5-area {
+  background: #fff;
+}
+.appie-footer-area.appie-footer-about-area {
+  padding-top: 50px;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area {
+  background: #fff;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-about-widget
+  .social
+  ul
+  li
+  a {
+  border: 2px solid #e6e7ea;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-about-widget
+  .social
+  ul
+  li
+  a:hover {
+  background: #db0f30;
+  border-color: #db0f30;
+  color: #fff;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-navigation
+  ul
+  li
+  a:hover {
+  color: #4687ba;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-widget-info
+  ul
+  li
+  a
+  i {
+  color: #db0f30;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-copyright
+  .apps-download-btn
+  ul
+  li
+  a {
+  background: #0e1133;
+  color: #fff;
+  border-color: #0e1133;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-copyright
+  .apps-download-btn
+  ul
+  li
+  a:hover {
+  background: #fff;
+  color: #0e1133;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-copyright
+  .apps-download-btn
+  ul
+  li
+  a.item-2 {
+  background: #fff;
+  color: #0e1133;
+}
+.appie-footer-area.appie-footer-about-area.appie-footer-8-area
+  .footer-copyright
+  .apps-download-btn
+  ul
+  li
+  a.item-2:hover {
+  background: #0e1133;
+  color: #fff;
+  border-color: #0e1133;
+}
+
+.footer-about-widget {
+  padding-right: 70px;
+  margin-top: 30px;
+  .logo {
+    position: relative;
+    top: -12px;
+  }
+}
+@media (max-width: 767px) {
+  .footer-about-widget {
+    text-align: center;
+    padding-right: 0;
+  }
+}
+.footer-about-widget p {
+  padding-top: 1px;
+}
+.footer-about-widget > a {
+  font-size: 15px;
+  font-weight: 500;
+  color: #0e1133;
+  margin-top: 15px;
+}
+.footer-about-widget > a i {
+  padding-left: 6px;
+}
+.footer-about-widget .social ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.footer-about-widget .social ul li {
+  display: inline-block;
+}
+.footer-about-widget .social ul li a {
+  height: 36px;
+  width: 36px;
+  text-align: center;
+  background: #fff;
+  color: #0e1133;
+  border-radius: 6px;
+  line-height: 36px;
+  margin-right: 5px;
+}
+.footer-about-widget .social ul li a:hover {
+  background: #2b70fa;
+  color: #fff;
+}
+.footer-about-widget.footer-about-widget-2 ul li a:hover {
+  background: #ff3e66;
+}
+.footer-about-widget.footer-about-widget-3 ul li a:hover {
+  background: #ff6b58;
+}
+.footer-about-widget.footer-about-widget-6 ul li a:hover {
+  background: #9b2cfa;
+}
+.footer-about-widget.footer-about-widget-5 ul li a:hover {
+  background: #801f82;
+}
+
+.footer-navigation {
+  margin-top: 30px;
+}
+@media (max-width: 767px) {
+  .footer-navigation {
+    text-align: center;
+  }
+}
+.footer-navigation .title {
+  font-size: 25px;
+  font-weight: 700;
+  margin-bottom: 18px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+}
+.footer-navigation ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.footer-navigation ul li a {
+  color: #505056;
+  font-size: 15px;
+  font-weight: 500;
+  margin-bottom: 6px;
+}
+.footer-navigation ul li a:hover {
+  color: #4687ba;
+}
+.footer-navigation.footer-navigation-2 ul li a:hover {
+  color: #ff3e66;
+}
+.footer-navigation.footer-navigation-3 ul li a:hover {
+  color: #ff6b58;
+}
+.footer-navigation.footer-navigation-6 ul li a:hover {
+  color: #9b2cfa;
+}
+.footer-navigation.footer-navigation-5 ul li a:hover {
+  color: #801f82;
+}
+
+.footer-widget-info {
+  margin-top: 30px;
+}
+@media (max-width: 767px) {
+  .footer-widget-info {
+    text-align: center;
+  }
+}
+.footer-widget-info .title {
+  font-size: 25px;
+  font-weight: 700;
+  margin-bottom: 18px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+}
+.footer-widget-info ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.footer-widget-info ul li a {
+  color: #505056;
+  font-size: 16px;
+  font-weight: 400;
+  margin-bottom: 10px;
+  padding-left: 30px;
+  position: relative;
+}
+.footer-widget-info ul li a i {
+  position: absolute;
+  left: 0;
+  top: 0;
+  color: #2b70fa;
+}
+
+.footer-copyright {
+  /* padding-top: 35px; */
+  /* border-top: 1px solid #e1e5ec; */
+  margin-top: 10px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .footer-copyright {
+    display: block !important;
+    text-align: center;
+  }
+}
+@media (max-width: 767px) {
+  .footer-copyright {
+    display: block !important;
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .footer-copyright .apps-download-btn {
+    margin-bottom: 20px;
+  }
+}
+@media (max-width: 767px) {
+  .footer-copyright .apps-download-btn {
+    margin-bottom: 20px;
+  }
+}
+.footer-copyright .apps-download-btn ul {
+  padding: 0;
+  list-style-type: none;
+}
+.footer-copyright .apps-download-btn ul li {
+  display: inline-block;
+  margin-right: 8px;
+}
+@media (max-width: 767px) {
+  .footer-copyright .apps-download-btn ul li {
+    margin-bottom: 20px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .footer-copyright .apps-download-btn ul li {
+    margin-bottom: 0px;
+  }
+}
+.footer-copyright .apps-download-btn ul li a {
+  background: #fff;
+  color: #0e1133;
+  line-height: 40px;
+  padding: 0 23px;
+  border-radius: 6px;
+  border: 2px solid #fff;
+}
+.footer-copyright .apps-download-btn ul li a i {
+  padding-right: 6px;
+}
+.footer-copyright .apps-download-btn ul li a:hover {
+  background: transparent;
+  color: #0e1133;
+  border-color: #e7eaef;
+}
+.footer-copyright .apps-download-btn ul li a.item-2 {
+  background: transparent;
+  color: #0e1133;
+  border-color: #e7eaef;
+}
+.footer-copyright .apps-download-btn ul li a.item-2:hover {
+  background: #fff;
+  color: #0e1133;
+}
+
+.appie-error-area {
+  padding-top: 250px;
+  width: 100%;
+  min-height: 100vh;
+  background: url("../images//wrench-page-notfound.jpg") center/cover;
+  position: relative;
+  /* z-index: 1; */
+}
+
+.appie-error-area::before{
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #cdcdcd;
+  opacity: 0.8;
+}
+
+.appie-error-content span {
+  display: block;
+  font-size: 50px;
+  color: #db0f30;
+  font-weight: 800;
+  padding-top: 40px;
+}
+.appie-error-content .title {
+  font-size: 50px;
+  font-weight: 800;
+  color: #0e1133;
+  padding-bottom: 11px;
+}
+.appie-error-content p {
+  line-height: 26px;
+  color: #27272a;
+  font-size: 16px;
+  padding: 0 50px;
+}
+.appie-error-content a {
+  border: 2px solid #2b70fa;
+  line-height: 45px;
+  padding: 0 35px;
+  border-radius: 6px;
+  margin-top: 30px;
+}
+
+.appie-signup-area.appie-signup-8-area {
+  background: #eef1f6;
+}
+.appie-signup-area.appie-signup-8-area
+  .appie-signup-box
+  form
+  .input-box
+  button {
+  background: #db0f30;
+}
+
+.appie-signup-box {
+  background-image: url(../images/signup-bg.jpg);
+  padding: 63px 100px 60px;
+  border-radius: 10px;
+  box-shadow: 0px 40px 50px 0px rgba(0, 24, 72, 0.3);
+  overflow: hidden;
+  position: relative;
+  margin-bottom: -160px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-signup-box {
+    padding: 30px 50px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-signup-box {
+    padding: 30px;
+  }
+}
+.appie-signup-box .thumb {
+  position: absolute;
+  right: 70px;
+  bottom: 30px;
+  width: 160px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-signup-box .thumb {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-signup-box .thumb {
+    display: none;
+  }
+}
+.appie-signup-box span {
+  color: #fff;
+  font-weight: 500;
+}
+.appie-signup-box .title {
+  font-size: 46px;
+  color: #fff;
+  padding-bottom: 20px;
+}
+@media (max-width: 767px) {
+  .appie-signup-box .title {
+    font-size: 30px;
+  }
+}
+.appie-signup-box form {
+  display: flex;
+  flex-wrap: wrap;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-signup-box form {
+    flex-direction: column;
+  }
+}
+@media (max-width: 767px) {
+  .appie-signup-box form {
+    flex-direction: column;
+  }
+}
+.appie-signup-box form .input-box {
+  margin-right: 10px;
+  margin-top: 10px;
+}
+.appie-signup-box form .input-box input {
+  width: 300px;
+  background: #fff;
+  line-height: 55px;
+  border-radius: 6px;
+  padding-left: 30px;
+  border: 0;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-signup-box form .input-box input {
+    width: 100%;
+  }
+}
+@media (max-width: 767px) {
+  .appie-signup-box form .input-box input {
+    width: 100%;
+  }
+}
+.appie-signup-box form .input-box button {
+  background: #2b70fa;
+  line-height: 55px;
+  border: 0;
+  color: #fff;
+  border-radius: 6px;
+  padding: 0 45px;
+  font-weight: 500;
+}
+
+.appie_checkbox_common {
+  margin-top: 15px;
+}
+
+.appie_checkbox_common label {
+  color: #fff;
+  font-size: 14px;
+  margin-bottom: 12px;
+  cursor: pointer;
+  font-weight: 400;
+}
+
+.appie_checkbox_common label a {
+  text-decoration: underline;
+  color: #b3b6bc;
+}
+
+.appie_checkbox_common input[type="checkbox"] {
+  display: none;
+}
+
+.appie_checkbox_common input[type="checkbox"] + label span {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  margin: -1px 15px 0 0;
+  vertical-align: middle;
+  cursor: pointer;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  position: relative;
+}
+
+.appie_checkbox_common input[type="checkbox"] + label span:before {
+  color: #fff;
+  content: "\f00c";
+  font-family: "Font Awesome 5 Pro";
+  font-size: 11px;
+  position: absolute;
+  text-align: center;
+  left: 3px;
+  top: -1px;
+  -webkit-transform: scale(0);
+  -moz-transform: scale(0);
+  -ms-transform: scale(0);
+  -o-transform: scale(0);
+  transform: scale(0);
+  -webkit-transition: 0.2s;
+  -moz-transition: 0.2s;
+  -ms-transition: 0.2s;
+  -o-transition: 0.2s;
+  transition: 0.2s;
+}
+
+.appie_checkbox_common input[type="checkbox"]:checked + label span {
+  background: #2079ff;
+  border-color: #2079ff;
+}
+
+.appie_checkbox_common input[type="checkbox"]:checked + label span:before {
+  -webkit-transform: scale(1);
+  -moz-transform: scale(1);
+  -ms-transform: scale(1);
+  -o-transform: scale(1);
+  transform: scale(1);
+}
+
+.appie_checkbox_common input[type="checkbox"] + label span,
+.appie_checkbox_common input[type="checkbox"]:checked + label span {
+  -webkit-transition: background-color 0.2s linear;
+  -o-transition: background-color 0.2s linear;
+  -moz-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
+}
+
+.appie_checkbox_common.checkbox_style2 input[type="checkbox"] + label span {
+  border-radius: 3px;
+}
+
+/*===========================
+    11.APPIE ABOUT css 
+===========================*/
+.appie-about-box {
+  background: #f0f1f7;
+  padding: 70px;
+  overflow: hidden;
+  position: relative;
+}
+@media (max-width: 767px) {
+  .appie-about-box {
+    padding: 30px;
+    text-align: center;
+  }
+}
+.appie-about-box .about-thumb {
+  position: absolute;
+  left: 0;
+  top: -65px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-about-box .about-thumb {
+    position: static;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-box .about-thumb {
+    display: none;
+  }
+}
+
+.appie-about-content {
+  padding-right: 50px;
+}
+@media (max-width: 767px) {
+  .appie-about-content {
+    padding-right: 0;
+  }
+}
+.appie-about-content span {
+  font-size: 14px;
+  font-weight: 500;
+  color: #ff3e66;
+}
+.appie-about-content .title {
+  font-size: 44px;
+  line-height: 54px;
+  margin-top: 8px;
+  margin-bottom: 12px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-content .title {
+    font-size: 32px;
+    line-height: 42px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-content .title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+
+.appie-about-service {
+  position: relative;
+  padding-left: 40px;
+}
+@media (max-width: 767px) {
+  .appie-about-service {
+    text-align: left;
+  }
+}
+.appie-about-service .icon {
+  position: absolute;
+  left: 0;
+  top: 5px;
+}
+.appie-about-service .icon i {
+  height: 26px;
+  width: 26px;
+  text-align: center;
+  line-height: 26px;
+  border-radius: 50%;
+  color: #fff;
+  background: #31c369;
+}
+.appie-about-service .title {
+  font-size: 20px;
+  font-weight: 700;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-service .title {
+    font-size: 16px;
+  }
+}
+.appie-about-service p {
+  font-size: 15px;
+  margin-top: 8px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-service p {
+    font-size: 14px;
+  }
+}
+
+.appie-about-3-area .appie-traffic-title {
+  padding-right: 100px;
+}
+@media (max-width: 767px) {
+  .appie-about-3-area .appie-traffic-title {
+    text-align: center;
+    padding-right: 0;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-about-3-area .appie-traffic-title {
+    text-align: left;
+    padding-right: 50px;
+  }
+}
+.appie-about-3-area .appie-traffic-title .title {
+  margin-bottom: 15px;
+}
+.appie-about-3-area .appie-traffic-service {
+  padding-left: 0;
+  padding-right: 50px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-3-area .appie-traffic-service {
+    padding-right: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-3-area .appie-traffic-service {
+    text-align: center;
+    padding-right: 30px;
+    padding-left: 30px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-about-3-area .appie-traffic-service {
+    text-align: left;
+    padding-right: 50px;
+    padding-left: 0;
+  }
+}
+.appie-about-3-area .appie-traffic-service .icon {
+  position: static;
+  background-image: -moz-linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
+  background-image: -webkit-linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
+  background-image: -ms-linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
+  background-image: linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
+  display: inline-block;
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  border-radius: 50%;
+  line-height: 50px;
+  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+  margin-bottom: 23px;
+}
+.appie-about-3-area .appie-traffic-service.item-2 .icon {
+  background-image: -moz-linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
+  background-image: -webkit-linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
+  background-image: -ms-linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
+  background-image: linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
+}
+.appie-about-3-area .appie-traffic-service.item-3 .icon {
+  background-image: -moz-linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
+  background-image: -webkit-linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
+  background-image: -ms-linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
+  background-image: linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
+}
+.appie-about-3-area .appie-traffic-service.item-4 .icon {
+  background-image: -moz-linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
+  background-image: -webkit-linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
+  background-image: -ms-linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
+  background-image: linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-about-thumb-3 {
+    margin-bottom: 40px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-thumb-3 {
+    margin-bottom: 40px;
+  }
+}
+.appie-about-thumb-3 img {
+  width: 100%;
+}
+
+.appie-about-top-title-area {
+  padding-top: 227px;
+}
+
+.appie-about-top-title {
+  padding-right: 65px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-top-title {
+    padding-right: 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-top-title {
+    padding-right: 0;
+  }
+}
+.appie-about-top-title .title {
+  font-size: 60px;
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
+  position: relative;
+  z-index: 10;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-top-title .title {
+    font-size: 52px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-about-top-title .title {
+    font-size: 44px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-top-title .title {
+    font-size: 32px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-about-top-title .title {
+    font-size: 40px;
+  }
+}
+.appie-about-top-title .title::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  bottom: 8px;
+  width: 100%;
+  height: 20px;
+  background: #ff6e85;
+  z-index: -1;
+}
+.appie-about-top-title p {
+  font-size: 20px;
+  color: #0e1133;
+  padding-top: 18px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-top-title p {
+    font-size: 16px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-about-top-title p {
+    font-size: 16px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-top-title p {
+    font-size: 16px;
+  }
+}
+
+.appie-about-page-area {
+  padding-top: 462px;
+  padding-bottom: 100px;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  margin-top: 345px;
+  background-color: #4687ba;
+}
+@media (max-width: 767px) {
+  .appie-about-page-area {
+    margin-top: 80px;
+    padding-top: 80px;
+  }
+}
+
+.appie-about-page-content {
+  position: relative;
+}
+.appie-about-page-content .title {
+  font-size: 36px;
+  font-weight: 700;
+  color: #fff;
+}
+.appie-about-page-content p {
+  color: #fff;
+  padding-top: 18px;
+  line-height: 28px;
+  opacity: 2.9;
+}
+.appie-about-page-content a {
+  color: red;
+  border: 2px solid #fff;
+  border-radius: 10px;
+  padding: 0px 10px;
+  font-weight: 500;
+  /* line-height: 40px;
+  padding: 0 30px;
+  font-size: 14px;
+  margin-top: 43px; */
+}
+.appie-about-page-content a:hover {
+  background: #fff;
+  color: #2b70fa;
+}
+.appie-about-page-content::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: -710px;
+  height: 645px;
+  width: 80vw;
+  background-image: url(../images/about-us-main.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-page-content::before {
+    width: 94vw;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-about-page-content::before {
+    width: 100%;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-page-content::before {
+    display: none;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-about-page-content::before {
+    width: 100%;
+    height: 400px;
+    display: block;
+  }
+}
+
+.appie-how-it-work-content > .title {
+  font-size: 44px;
+}
+.appie-how-it-work-content p {
+  font-size: 18px;
+  padding-top: 9px;
+}
+.appie-how-it-work-content .how-it-work-box {
+  position: relative;
+  padding-left: 70px;
+  margin-top: 45px;
+}
+.appie-how-it-work-content .how-it-work-box span {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  line-height: 50px;
+  border-radius: 50%;
+  background: #eef4ff;
+  color: #2b70fa;
+  font-size: 22px;
+  font-weight: 500;
+}
+.appie-how-it-work-content .how-it-work-box .title {
+  font-size: 18px;
+  font-weight: 500;
+}
+.appie-how-it-work-content .how-it-work-box:hover span {
+  background: #2b70fa;
+  box-shadow: 0px 14px 20px 0px rgba(0, 43, 130, 0.3);
+  color: #fff;
+}
+
+.appie-about-8-area {
+  background-image: url(../images/background-bg.jpg);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.appie-about-container {
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.appie-about-8-box {
+  padding: 50px 50px 0px 50px;
+  z-index: 10;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-about-8-box {
+    padding: 50px 25px 0px 25px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-about-container {
+    margin-bottom: 30px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-about-container{
+    margin-bottom: 30px;
+  }
+  .appie-about-8-box {
+    padding: 50px 20px 0px 20px;
+  }
+}
+.appie-about-8-box .thumb {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+}
+.appie-about-8-box .title {
+  font-size: 30px;
+  line-height: 40px;
+  font-weight: 500;
+  margin-bottom: 14px;
+}
+@media (max-width: 767px) {
+  .appie-about-8-box .title {
+    font-size: 24px;
+    line-height: 34px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-about-8-box .title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+.appie-about-container a {
+  border: 2px solid #db0f30;
+  color: #db0f30;
+  background: #fff;
+  margin-top: 30px;
+}
+.appie-about-container a:hover {
+  color: #fff;
+  background: #db0f30;
+  border-color: #db0f30;
+}
+
+/*===========================
+    12.APPIE COUNTER css 
+===========================*/
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-counter-area {
+    padding-bottom: 100px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-counter-area {
+    padding-bottom: 100px;
+  }
+}
+.appie-counter-area.appie-counter-5-area {
+  background: #eef1f6;
+}
+
+.appie-single-counter {
+  padding: 30px;
+  position: relative;
+  background: #fff;
+  height: 160px;
+  background-image: -moz-linear-gradient(140deg, #ddf4fd 0%, #eaf9ff 100%);
+  background-image: -webkit-linear-gradient(140deg, #ddf4fd 0%, #eaf9ff 100%);
+  background-image: -ms-linear-gradient(140deg, #ddf4fd 0%, #eaf9ff 100%);
+  background-image: linear-gradient(140deg, #ddf4fd 0%, #eaf9ff 100%);
+  border-radius: 10px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-single-counter {
+    padding: 20px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-single-counter {
+    margin-bottom: 90px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-single-counter {
+    margin-bottom: 90px;
+  }
+}
+.appie-single-counter .counter-content {
+  background: #fff;
+  text-align: center;
+  border-radius: 6px;
+  box-shadow: 0px 30px 40px 0px rgba(0, 41, 57, 0.1);
+  padding-top: 37px;
+  padding-bottom: 40px;
+}
+.appie-single-counter .counter-content .title {
+  font-size: 40px;
+  font-weight: 400;
+  margin-top: 5px;
+}
+.appie-single-counter .counter-content .title span {
+  font-weight: 700;
+}
+.appie-single-counter .counter-content p {
+  font-size: 14px;
+  font-weight: 500;
+}
+.appie-single-counter.item-2 {
+  background-image: -moz-linear-gradient(140deg, #fdead3 0%, #fff7ee 100%);
+  background-image: -webkit-linear-gradient(140deg, #fdead3 0%, #fff7ee 100%);
+  background-image: -ms-linear-gradient(140deg, #fdead3 0%, #fff7ee 100%);
+  background-image: linear-gradient(140deg, #fdead3 0%, #fff7ee 100%);
+}
+.appie-single-counter.item-2 .counter-content {
+  box-shadow: 0px 30px 40px 0px rgba(56, 31, 0, 0.1);
+}
+.appie-single-counter.item-3 {
+  background-image: -moz-linear-gradient(140deg, #dafedb 0%, #f0fcf0 100%);
+  background-image: -webkit-linear-gradient(140deg, #dafedb 0%, #f0fcf0 100%);
+  background-image: -ms-linear-gradient(140deg, #dafedb 0%, #f0fcf0 100%);
+  background-image: linear-gradient(140deg, #dafedb 0%, #f0fcf0 100%);
+}
+.appie-single-counter.item-3 .counter-content {
+  box-shadow: 0px 30px 40px 0px rgba(0, 74, 1, 0.1);
+}
+.appie-single-counter.item-4 {
+  background-image: -moz-linear-gradient(140deg, #fedaf4 0%, #fceff7 100%);
+  background-image: -webkit-linear-gradient(140deg, #fedaf4 0%, #fceff7 100%);
+  background-image: -ms-linear-gradient(140deg, #fedaf4 0%, #fceff7 100%);
+  background-image: linear-gradient(140deg, #fedaf4 0%, #fceff7 100%);
+}
+.appie-single-counter.item-4 .counter-content {
+  box-shadow: 0px 30px 40px 0px rgba(74, 0, 54, 0.1);
+}
+
+/*===========================
+    13.APPIE VIDEO PLAYER css 
+===========================*/
+.appie-video-player-slider .slick-arrow {
+  position: absolute;
+  right: 0;
+  bottom: -90px;
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  line-height: 50px;
+  border: 2px solid #e3e5e8;
+  color: #0e1133;
+  border-radius: 50%;
+  z-index: 9;
+  cursor: pointer;
+}
+.appie-video-player-slider .slick-arrow:hover {
+  background: #ff3e66;
+  color: #fff;
+  border-color: #ff3e66;
+}
+.appie-video-player-slider .slick-arrow.prev {
+  right: 60px;
+}
+.appie-video-player-slider .slick-arrow.next {
+  right: 0;
+}
+.appie-video-player-slider .item img {
+  width: 100%;
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-video-player-item {
+    margin-bottom: 50px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-video-player-item {
+    margin-bottom: 50px;
+  }
+}
+.appie-video-player-item .thumb {
+  position: relative;
+  overflow: hidden;
+}
+.appie-video-player-item .thumb img {
+  width: 100%;
+}
+.appie-video-player-item .thumb .video-popup {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.appie-video-player-item .thumb .video-popup a {
+  height: 90px;
+  width: 90px;
+  background: #fff;
+  text-align: center;
+  line-height: 90px;
+  color: #ff3e66;
+  border-radius: 50%;
+  font-size: 20px;
+  position: relative;
+}
+.appie-video-player-item .thumb .video-popup a::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  animation: linear infinite popup 1.5s;
+}
+.appie-video-player-item .content {
+  padding-left: 100px;
+  padding-top: 35px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-video-player-item .content {
+    padding-left: 30px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-video-player-item .content {
+    padding-left: 0px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-video-player-item .content {
+    padding-left: 0px;
+  }
+}
+.appie-video-player-item .content .title {
+  font-size: 30px;
+  margin-bottom: 12px;
+}
+@media (max-width: 767px) {
+  .appie-video-player-item .content .title {
+    font-size: 26px;
+  }
+}
+.appie-video-player-item .content a {
+  border-radius: 30px;
+  border: 2px solid #e7eaef;
+  background: #fff;
+  color: #0e1133;
+  margin-top: 33px;
+}
+.appie-video-player-item .content a:hover {
+  background: #ff3e66;
+  border-color: #fff;
+  color: #fff;
+}
+
+@keyframes popup {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  25% {
+    transform: scale(1.1);
+    opacity: 0.8;
+  }
+  50% {
+    transform: scale(1.2);
+    opacity: 0.6;
+  }
+  75% {
+    transform: scale(1.3);
+    opacity: 0.4;
+  }
+  100% {
+    transform: scale(1.4);
+    opacity: 0;
+  }
+}
+.appie-video-player-6-area .appie-video-player-item .content a:hover {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+}
+.appie-video-player-6-area .appie-video-player-slider .slick-arrow:hover {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+}
+
+/*===========================
+    14.APPIE DOWNLOAD css 
+===========================*/
+.appie-download-area {
+  background-image: url(../images/download-bg.png);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  overflow: hidden;
+  position: relative;
+  z-index: 10;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-download-area {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+}
+.appie-download-area::before {
+  position: absolute;
+  content: "";
+  right: 170px;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 100%;
+  width: 860px;
+  background-image: url(../images/download-thumb.png);
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  z-index: -1;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-download-area::before {
+    right: 0;
+    width: 550px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-download-area::before {
+    display: none;
+  }
+}
+@media (max-width: 767px) {
+  .appie-download-area::before {
+    display: none;
+  }
+}
+.appie-download-area .download-shape-1 {
+  position: absolute;
+  left: 95px;
+  top: 95px;
+  z-index: -1;
+  animation: linear 20s animationFramesFour infinite;
+}
+.appie-download-area .download-shape-2 {
+  position: absolute;
+  left: 150px;
+  bottom: 100px;
+  z-index: -1;
+  animation: linear 20s animationFramesTwo infinite;
+}
+.appie-download-area .download-shape-3 {
+  position: absolute;
+  top: 140px;
+  right: 250px;
+  z-index: -1;
+  animation: linear 20s animationFramesFive infinite;
+}
+
+.appie-download-content > span {
+  font-size: 14px;
+  font-weight: 500;
+  color: #ff3e66;
+}
+.appie-download-content .title {
+  font-size: 44px;
+  line-height: 54px;
+  margin-top: 9px;
+  margin-bottom: 13px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-download-content .title {
+    font-size: 36px;
+    line-height: 46px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-download-content .title {
+    font-size: 30px;
+    line-height: 40px;
+  }
+}
+.appie-download-content ul {
+  margin: 30px 0 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-download-content ul li {
+  display: inline-block;
+}
+.appie-download-content ul li a {
+  background: #0e1133;
+  color: #fff;
+  padding-left: 22px;
+  padding-right: 40px;
+  padding-top: 14px;
+  padding-bottom: 14px;
+  display: flex;
+  align-items: center;
+  border-radius: 16px;
+  margin-right: 8px;
+  border: 2px solid #0e1133;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-download-content ul li a {
+    padding-right: 20px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-download-content ul li a {
+    margin-bottom: 20px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-download-content ul li a {
+    margin-bottom: 0px;
+  }
+}
+.appie-download-content ul li a i {
+  font-size: 36px;
+  padding-right: 11px;
+}
+.appie-download-content ul li a span {
+  font-size: 14px;
+  font-weight: 500;
+}
+.appie-download-content ul li a span span {
+  font-size: 24px;
+  display: block;
+  line-height: 18px;
+}
+.appie-download-content ul li a:hover {
+  background: #fff;
+  color: #0e1133;
+}
+.appie-download-content ul li a.item-2 {
+  background: #fff;
+  color: #0e1133;
+}
+.appie-download-content ul li a.item-2:hover {
+  background: #0e1133;
+  color: #fff;
+}
+
+.appie-sponser-area {
+  position: relative;
+  z-index: 10;
+}
+.appie-sponser-area .sponser-shape {
+  position: absolute;
+  left: 50%;
+  top: 60%;
+  transform: translate(-50%, -50%);
+  z-index: -1;
+}
+
+@media (max-width: 767px) {
+  .appie-sponser-box {
+    flex-wrap: wrap;
+  }
+}
+.appie-sponser-box .sponser-item {
+  background: #fff;
+  height: 100px;
+  width: 100px;
+  text-align: center;
+  line-height: 100px;
+  border-radius: 6px;
+  box-shadow: 0px 40px 60px 0px rgba(14, 17, 51, 0.14);
+  margin: 30px 16px 0;
+}
+.appie-sponser-box.item-2 .sponser-item {
+  margin: 30px 28px 0;
+}
+@media (max-width: 767px) {
+  .appie-sponser-box.item-2 .sponser-item {
+    margin: 30px 16px 0;
+  }
+}
+
+.appie-download-3-box {
+  border-radius: 20px;
+  background: #ebf2fc;
+  overflow: hidden;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-download-3-box {
+    margin: 30px 0 0;
+  }
+}
+@media (max-width: 767px) {
+  .appie-download-3-box {
+    margin: 30px 0 0;
+  }
+}
+.appie-download-3-box .content {
+  padding: 50px;
+}
+@media (max-width: 767px) {
+  .appie-download-3-box .content {
+    padding: 20px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-download-3-box .content {
+    padding: 50px;
+  }
+}
+.appie-download-3-box .content .title {
+  font-size: 34px;
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+/* .appie-download-3-box .content a.main-btn {
+  background: #fff;
+  color: #0e1133;
+  border-color: #fff;
+  margin-top: 33px;
+} */
+/* .appie-download-3-box .content a.main-btn:hover {
+  background: #ff6b58;
+  border-color: #ff6b58;
+  color: #fff;
+} */
+.appie-download-3-box .content a.main-btn i {
+  padding-right: 6px;
+}
+.appie-download-3-box .content a.main-btn.main-btn-2 {
+  background: #ff6b58;
+  border-color: #ff6b58;
+  color: #fff;
+}
+.appie-download-3-box .content a.main-btn.main-btn-2:hover {
+  background: #fff;
+  color: #0e1133;
+  border-color: #fff;
+}
+/* .appie-download-3-box.appie-download-6-box a.main-btn:hover {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+} */
+.appie-download-3-box.appie-download-6-box a.main-btn.main-btn-2 {
+  background: #9b2cfa;
+  border-color: #9b2cfa;
+}
+/* .appie-download-3-box.appie-download-5-box a.main-btn:hover {
+  background: #801f82;
+  border-color: #801f82;
+} */
+.appie-download-3-box.appie-download-5-box a.main-btn.main-btn-2 {
+  background: #801f82;
+  border-color: #801f82;
+}
+
+/*===========================
+    15.APPIE FUN FACT css 
+===========================*/
+.appie-fun-fact-box {
+  background-image: url(../images/fun-fact-bg.jpg);
+  padding: 90px 70px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 10px;
+}
+@media (max-width: 767px) {
+  .appie-fun-fact-box {
+    padding: 30px;
+  }
+}
+.appie-fun-fact-box .appie-fun-fact-content > .title {
+  font-size: 44px;
+  line-height: 54px;
+  color: #fff;
+  padding-right: 80px;
+  padding-bottom: 15px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .appie-fun-fact-box .appie-fun-fact-content > .title {
+    font-size: 40px;
+    line-height: 50px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-content > .title {
+    font-size: 28px;
+    line-height: 38px;
+    padding-right: 0;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-content > .title {
+    font-size: 36px;
+    line-height: 46px;
+    padding-right: 0;
+  }
+}
+.appie-fun-fact-box .appie-fun-fact-content p {
+  color: #fff;
+  opacity: 0.8;
+}
+.appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item {
+  margin-top: 36px;
+}
+@media (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item {
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item {
+    text-align: left;
+  }
+}
+.appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item .title {
+  font-size: 30px;
+  color: #fff;
+}
+.appie-fun-fact-box .appie-fun-fact-content .appie-fun-fact-item span {
+  font-size: 14px;
+  color: #a4a4b9;
+}
+.appie-fun-fact-box .appie-fun-fact-play {
+  position: relative;
+  z-index: 10;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-fun-fact-box .appie-fun-fact-play {
+    margin-top: 50px;
+  }
+}
+@media (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-play {
+    margin-top: 50px;
+    margin-bottom: 20px;
+    text-align: center;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-play {
+    text-align: left;
+  }
+}
+.appie-fun-fact-box .appie-fun-fact-play img {
+  position: absolute;
+  right: -40px;
+  top: 0;
+  z-index: 2;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-fun-fact-box .appie-fun-fact-play img {
+    position: static;
+  }
+}
+@media (max-width: 767px) {
+  .appie-fun-fact-box .appie-fun-fact-play img {
+    display: none;
+  }
+}
+.appie-fun-fact-box .appie-fun-fact-play a {
+  height: 70px;
+  width: 70px;
+  text-align: center;
+  line-height: 70px;
+  background: #fff;
+  border-radius: 50%;
+  color: #ff6b58;
+  position: relative;
+  z-index: 5;
+}
+.appie-fun-fact-box .appie-fun-fact-play a::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  animation: popup 1.5s linear infinite;
+}
+
+/*===========================
+    15.APPIE SHOWCASE css 
+===========================*/
+.appie-showcase-area {
+  background: #eef1f6;
+  padding-top: 90px;
+  padding-bottom: 120px;
+  position: relative;
+  overflow: hidden;
+  z-index: 10;
+}
+.appie-showcase-area .showcase-shape-1 {
+  position: absolute;
+  left: 90px;
+  top: 185px;
+  z-index: -1;
+  animation: linear 25s animationFramesFive infinite;
+}
+.appie-showcase-area .showcase-shape-2 {
+  position: absolute;
+  left: 170px;
+  bottom: 95px;
+  z-index: -1;
+  animation: linear 20s animationFramesOne infinite;
+}
+.appie-showcase-area .showcase-shape-3 {
+  position: absolute;
+  top: 200px;
+  right: 0;
+  z-index: -1;
+  animation: linear 25s animationFramesThree infinite;
+}
+.appie-showcase-area .showcase-shape-4 {
+  position: absolute;
+  bottom: 250px;
+  right: 195px;
+  z-index: -1;
+  animation: linear 25s animationFramesFour infinite;
+}
+
+.appie-showcase-item {
+  box-shadow: 0px 2px 3px 0px rgba(14, 17, 51, 0.1);
+  border-radius: 10px;
+  overflow: hidden;
+  -webkit-transition: all 0.3s ease-out 0s;
+  -moz-transition: all 0.3s ease-out 0s;
+  -ms-transition: all 0.3s ease-out 0s;
+  -o-transition: all 0.3s ease-out 0s;
+  transition: all 0.3s ease-out 0s;
+  margin-top: 30px;
+  margin-bottom: 50px;
+}
+.appie-showcase-item:hover {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+  transform: translateY(-10px);
+}
+.appie-showcase-item a {
+  display: block;
+}
+.appie-showcase-item img {
+  width: 100%;
+}
+
+.appie-showcase-slider .slick-dots {
+  position: absolute;
+  left: 50%;
+  bottom: -20px;
+  transform: translateX(-50%);
+}
+.appie-showcase-slider .slick-dots li {
+  display: inline-block;
+}
+.appie-showcase-slider .slick-dots li button {
+  font-size: 0;
+  border: 0;
+  background: #ccced9;
+  height: 10px;
+  width: 10px;
+  border-radius: 50%;
+  margin: 0 3px;
+}
+.appie-showcase-slider .slick-dots li.slick-active button {
+  background: #ff6b58;
+}
+
+/*===========================
+    16.APPIE CONTACT css 
+===========================*/
+.contact-section {
+  position: relative;
+  background: #f7f6fa;
+  padding: 120px 0;
+}
+
+.contact--info-area {
+  position: relative;
+  margin-right: 40px;
+}
+
+.contact--info-area h3 {
+  font-size: 30px;
+  color: #2c234d;
+  font-weight: 800;
+  line-height: 0.8;
+  margin-bottom: 16px;
+}
+
+.contact--info-area > p {
+  color: #686875;
+  line-height: 24px;
+  border-bottom: 1px solid #e5e4ed;
+  margin-bottom: 33px;
+  padding-bottom: 25px;
+}
+
+.single-info {
+  position: relative;
+  margin-bottom: 37px;
+}
+
+.single-info h5 {
+  font-size: 16px;
+  line-height: 26px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  color: #2c234d;
+}
+
+.single-info p {
+  position: relative;
+  font-size: 14px;
+  line-height: 22px;
+  color: #686875;
+  margin: 0;
+  padding-left: 32px;
+}
+
+.single-info p i {
+  font-size: 16px;
+  line-height: 22px;
+  color: #2b70fa;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.ab-social h5 {
+  font-size: 16px;
+  line-height: 26px;
+  font-weight: 600;
+  margin-bottom: 24px;
+  color: #2c234d;
+}
+
+.bisylms-map {
+  position: relative;
+  line-height: 0.8;
+  overflow: hidden;
+}
+
+.bisylms-map iframe {
+  width: 100%;
+  height: 480px;
+  border: none;
+}
+
+.contact-form {
+  position: relative;
+  background: #fff;
+  border-radius: 10px;
+  padding: 43px 50px 65px;
+  -webkit-box-shadow: 0px 1px 3px 0px rgba(11, 2, 55, 0.06);
+  -moz-box-shadow: 0px 1px 3px 0px rgba(11, 2, 55, 0.06);
+  box-shadow: 0px 1px 3px 0px rgba(11, 2, 55, 0.06);
+}
+
+.contact-form h4 {
+  font-size: 24px;
+  color: #2c234d;
+  line-height: 30px;
+  margin-bottom: 8px;
+}
+
+.contact-form p {
+  font-size: 16px;
+  color: #686875;
+  line-height: 26px;
+  position: relative;
+  z-index: 3;
+  margin: 0 0 41px;
+}
+
+.contact-form input[type="text"],
+.contact-form input[type="number"],
+.contact-form textarea,
+.contact-form input[type="email"] {
+  width: 100%;
+  height: 56px;
+  font-size: 14px;
+  line-height: 56px;
+  font-weight: 400;
+  border-radius: 3px;
+  border: none;
+  background: #f5f5f7;
+  color: #7e7c87;
+  outline: none;
+  border: 1px solid transparent;
+  padding: 0 30px;
+  margin-bottom: 20px;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.contact-form textarea {
+  height: 220px;
+  resize: none;
+  line-height: 30px;
+  padding-top: 14px;
+}
+
+.contact-form textarea::-moz-placeholder,
+.contact-form input[type="text"]::-moz-placeholder,
+.contact-form input[type="number"]::-moz-placeholder,
+.contact-form input[type="email"]::-moz-placeholder {
+  color: #7e7c87;
+  opacity: 1;
+}
+
+.contact-form textarea::-ms-input-placeholder,
+.contact-form input[type="text"]::-ms-input-placeholder,
+.contact-form input[type="number"]::-ms-input-placeholder,
+.contact-form input[type="email"]::-ms-input-placeholder {
+  color: #7e7c87;
+  opacity: 1;
+}
+
+.contact-form textarea::-webkit-input-placeholder,
+.contact-form input[type="text"]::-webkit-input-placeholder,
+.contact-form input[type="number"]::-webkit-input-placeholder,
+.contact-form input[type="email"]::-webkit-input-placeholder {
+  color: #7e7c87;
+  opacity: 1;
+}
+
+.contact-form textarea:focus,
+.contact-form input[type="text"]:focus,
+.contact-form input[type="number"]:focus,
+.contact-form input[type="email"]:focus {
+  background: transparent;
+  border-color: #ece9f9;
+  -webkit-box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
+  -moz-box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
+  box-shadow: 0px 14px 16px 0px rgba(11, 2, 55, 0.1);
+}
+
+.contact-form input[type="submit"] {
+  height: 50px;
+  border-radius: 3px;
+  background: #4687ba;
+  color: #fff;
+  text-align: center;
+  border: none;
+  outline: none;
+  padding: 0 36px;
+  font-size: 13px;
+  line-height: 50px;
+  font-weight: 600;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.contact-form input[type="submit"]:hover {
+  -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+  -moz-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+  box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
+}
+
+.condition-check {
+  position: relative;
+  margin: 10px 0 0;
+}
+
+.condition-check input[type="checkbox"] {
+  display: none;
+}
+
+.condition-check label {
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: 0;
+  font-weight: 400;
+  padding-left: 31px;
+  position: relative;
+  cursor: pointer;
+  color: #686875;
+  margin: 0 0 0;
+}
+
+.condition-check label a {
+  color: #2b70fa;
+}
+
+.condition-check label a:hover {
+  color: #686875;
+}
+
+.condition-check label:before {
+  background: transparent;
+  content: "";
+  height: 16px;
+  left: 0;
+  position: absolute;
+  border-radius: 3px;
+  top: 3px;
+  width: 16px;
+  border: 2px solid #ababb1;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.condition-check input:checked + label::after {
+  background: transparent;
+  bottom: 0;
+  font-family: "Font Awesome 5 Pro";
+  content: "\f00c";
+  color: #2b70fa;
+  font-size: 10px;
+  left: 3px;
+  position: absolute;
+  top: -1px;
+  -webkit-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.ab-social {
+  position: relative;
+}
+
+.ab-social a {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  background: #446bb9;
+  color: #fff;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 42px;
+  font-size: 14px;
+  margin-right: 2px;
+}
+
+.ab-social a.fac {
+  background: #446bb9;
+}
+
+.ab-social a.twi {
+  background: #00aced;
+}
+
+.ab-social a.you {
+  background: #f73434;
+}
+
+.ab-social a.lin {
+  background: #007bb6;
+}
+
+.ab-social a:hover {
+  -webkit-box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
+  -moz-box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
+  box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.3);
+}
+
+/*===========================
+    17.APPIE CONTACT css 
+===========================*/
+.appie-shop-grid-area .bisylms-pagination {
+  margin-top: 50px;
+  margin-bottom: 50px;
+}
+.appie-shop-grid-area .bisylms-pagination .current,
+.appie-shop-grid-area .bisylms-pagination:hover {
+  box-shadow: none;
+  border-radius: 5px;
+}
+.appie-shop-grid-area .bisylms-pagination a {
+  border: 2px solid #e7eaef;
+  background: #fff;
+  color: #0e1133;
+  font-size: 14px;
+  font-weight: 500;
+  border-radius: 5px;
+}
+.appie-shop-grid-area .bisylms-pagination a i {
+  font-size: 14px;
+  padding-left: 6px;
+}
+.appie-shop-grid-area .bisylms-pagination a:hover {
+  box-shadow: none;
+  background: #2b70fa;
+  border-color: #2b70fa;
+  color: #fff;
+}
+.appie-shop-grid-area .bisylms-pagination span {
+  border: 2px solid #e7eaef;
+}
+
+.appie-shop-sidebar .shop-price-filter {
+  border-bottom: 1px solid #e7eaef;
+  padding-bottom: 33px;
+}
+.appie-shop-sidebar .shop-price-filter .title {
+  font-size: 16px;
+  font-weight: 700;
+}
+.appie-shop-sidebar .shop-price-filter .price-range {
+  width: 100%;
+  height: 3px;
+  background: #e7eaef;
+  margin-top: 33px;
+  margin-bottom: 24px;
+  position: relative;
+}
+.appie-shop-sidebar .shop-price-filter .price-range::before {
+  position: absolute;
+  content: "";
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 60%;
+  background: #2b70fa;
+  transform: translateX(-50%);
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-shop-sidebar .shop-price-filter .price-range::before {
+    width: 100%;
+  }
+}
+.appie-shop-sidebar .shop-price-filter .price-range .box-1 {
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  position: absolute;
+  left: 50px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: #2b70fa;
+  box-shadow: 0px 4px 10px 0px rgba(0, 14, 58, 0.2);
+  cursor: pointer;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-shop-sidebar .shop-price-filter .price-range .box-1 {
+    left: 0;
+  }
+}
+.appie-shop-sidebar .shop-price-filter .price-range .box-2 {
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  position: absolute;
+  right: 50px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: #2b70fa;
+  box-shadow: 0px 4px 10px 0px rgba(0, 14, 58, 0.2);
+  cursor: pointer;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .appie-shop-sidebar .shop-price-filter .price-range .box-2 {
+    right: 0;
+  }
+}
+.appie-shop-sidebar .shop-price-filter .main-filter-price span {
+  font-size: 14px;
+  color: #63636a;
+}
+.appie-shop-sidebar .shop-price-filter .main-filter-price a {
+  font-size: 14px;
+  color: #0e1133;
+}
+.appie-shop-sidebar .shop-category-widget {
+  margin-top: 37px;
+  border-bottom: 1px solid #e7eaef;
+  padding-bottom: 33px;
+}
+.appie-shop-sidebar .shop-category-widget .title {
+  font-size: 16px;
+  font-weight: 700;
+  margin-bottom: 25px;
+}
+.appie-shop-sidebar .shop-category-widget ul li {
+  margin-top: 10px;
+}
+.appie-shop-sidebar .shop-category-widget ul li a {
+  font-size: 15px;
+  color: #63636a;
+}
+.appie-shop-sidebar .shop-category-widget ul li a:hover {
+  color: #2b70fa;
+}
+.appie-shop-sidebar .shop-best-product-widget {
+  margin-top: 37px;
+  border-bottom: 1px solid #e7eaef;
+  padding-bottom: 40px;
+}
+.appie-shop-sidebar .shop-best-product-widget .title {
+  padding-bottom: 10px;
+  font-size: 16px;
+  font-weight: 700;
+}
+.appie-shop-sidebar .shop-best-product-widget .shop-product {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+.appie-shop-sidebar .shop-best-product-widget .shop-product .thumb {
+  max-width: 60px;
+  margin-right: 20px;
+}
+.appie-shop-sidebar .shop-best-product-widget .shop-product .content a {
+  display: block;
+  font-size: 14px;
+  font-weight: 500;
+  color: #2b70fa;
+  color: #0e1133;
+}
+.appie-shop-sidebar .shop-best-product-widget .shop-product .content span {
+  font-size: 14px;
+  font-weight: 400;
+  color: #63636a;
+}
+.appie-shop-sidebar .shop-tags-bar {
+  margin-top: 37px;
+}
+.appie-shop-sidebar .shop-tags-bar .title {
+  padding-bottom: 10px;
+  font-size: 16px;
+  font-weight: 700;
+}
+.appie-shop-sidebar .shop-tags-bar ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.appie-shop-sidebar .shop-tags-bar ul li {
+  display: inline-block;
+}
+.appie-shop-sidebar .shop-tags-bar ul li a {
+  border: 2px solid #e7eaef;
+  line-height: 30px;
+  padding: 0 13px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #0e1133;
+  margin-bottom: 10px;
+  margin-right: 7px;
+  border-radius: 3px;
+}
+
+.shop-grid-topbar {
+  padding-bottom: 10px;
+}
+@media (max-width: 767px) {
+  .shop-grid-topbar {
+    display: block !important;
+  }
+}
+.shop-grid-topbar > span {
+  color: #63636a;
+  font-size: 14px;
+  font-weight: 500;
+}
+@media (max-width: 767px) {
+  .shop-grid-topbar > span {
+    margin-bottom: 15px;
+    display: block;
+  }
+}
+.shop-grid-topbar > span span {
+  color: #0e1133;
+}
+.shop-grid-topbar select {
+  height: 30px;
+  width: 170px;
+  background: #eef1f6;
+  border: 0;
+  border-radius: 4px;
+}
+
+.single-shop-box {
+  border: 1px solid #e7eaef;
+  border-radius: 6px;
+  padding: 20px;
+  margin-top: 30px;
+}
+.single-shop-box .thumb {
+  position: relative;
+}
+.single-shop-box .thumb img {
+  transition: all linear 0.5s;
+}
+.single-shop-box .thumb .reborn {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.single-shop-box .thumb .reborn span {
+  background: #2b70fa;
+  font-size: 13px;
+  font-weight: 500;
+  color: #fff;
+  line-height: 18px;
+  padding: 0 12px;
+  border-radius: 4px;
+}
+.single-shop-box .thumb .cart-list-icon {
+  position: absolute;
+  top: -20px;
+  right: 0;
+  visibility: hidden;
+  opacity: 0;
+  transition: all linear 0.5s;
+}
+.single-shop-box .thumb .cart-list-icon ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.single-shop-box .thumb .cart-list-icon ul li a {
+  height: 36px;
+  width: 36px;
+  text-align: center;
+  line-height: 36px;
+  background: #eef1f6;
+  color: #0e1133;
+  margin-bottom: 6px;
+  border-radius: 5px;
+}
+.single-shop-box .thumb .cart-list-icon ul li a:hover {
+  background: #2b70fa;
+  color: #fff;
+}
+.single-shop-box .content {
+  padding-bottom: 10px;
+}
+.single-shop-box .content ul li {
+  display: inline-block;
+}
+.single-shop-box .content ul li i {
+  color: #ff9a2d;
+  font-size: 12px;
+}
+.single-shop-box .content a {
+  font-size: 14px;
+  font-weight: 500;
+  color: #0e1133;
+  margin-bottom: 5px;
+}
+.single-shop-box .content .pricing {
+  display: flex;
+  font-size: 18px;
+  font-weight: 700;
+  color: #0e1133;
+}
+.single-shop-box .content .pricing .regular-price {
+  color: #63636a;
+  font-weight: 400;
+  text-decoration: line-through;
+  margin-left: 10px;
+}
+.single-shop-box:hover .thumb img {
+  transform: scale(1.1);
+}
+.single-shop-box:hover .thumb .cart-list-icon {
+  top: 0;
+  opacity: 1;
+  visibility: visible;
+}
+
+.shop-details-thumb .shop-details-thumb-slider-active .item {
+  border-radius: 6px;
+  overflow: hidden;
+}
+.shop-details-thumb .shop-details-thumb-slider-active .item img {
+  width: 100%;
+}
+
+.shop-small-slider-active {
+  max-width: 310px;
+}
+.shop-small-slider-active .item {
+  border-radius: 5px;
+  margin-right: 10px;
+}
+
+.shop-buttons .product-quantity {
+  border: 2px solid #e7eaef;
+  display: inline-block;
+  border-radius: 6px;
+}
+.shop-buttons .product-quantity button {
+  width: 40px;
+  height: 45px;
+  padding: 0;
+  background-color: #fff;
+  font-size: 24px;
+  color: #838b97;
+  border: 0;
+  border-radius: 6px;
+}
+.shop-buttons .product-quantity button:hover,
+.shop-buttons .product-quantity button:focus {
+  color: #2b70fa;
+}
+@media (max-width: 767px) {
+  .shop-buttons .product-quantity button {
+    width: 40px;
+    height: 40px;
+  }
+}
+.shop-buttons .product-quantity input {
+  width: 40px;
+  height: 45px;
+  border: 0;
+  padding: 0 10px;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 700;
+  margin: 0 0;
+  color: #0e1133;
+}
+@media (max-width: 767px) {
+  .shop-buttons .product-quantity input {
+    height: 40px;
+  }
+}
+@media (max-width: 767px) {
+  .shop-buttons a {
+    margin-left: 0;
+    margin-top: 15px;
+    padding: 0 40px;
+  }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .shop-product-details-content {
+    padding-left: 0;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .shop-product-details-content {
+    padding-left: 0;
+  }
+}
+@media (max-width: 767px) {
+  .shop-product-details-content {
+    padding-left: 0;
+  }
+}
+.shop-product-details-content > span {
+  background: #eef1f6;
+  line-height: 26px;
+  padding: 0 15px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #0e1133;
+  border-radius: 6px;
+}
+.shop-product-details-content .title {
+  font-size: 40px;
+  font-weight: 700;
+  margin-top: 15px;
+}
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+  .shop-product-details-content .title {
+    font-size: 32px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .shop-product-details-content .title {
+    font-size: 32px;
+  }
+}
+@media (max-width: 767px) {
+  .shop-product-details-content .title {
+    font-size: 28px;
+  }
+}
+.shop-product-details-content .pricing {
+  font-size: 20px;
+  font-weight: 500;
+  color: #0e1133;
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+}
+.shop-product-details-content .pricing .regular-price {
+  font-size: 16px;
+  color: #63636a;
+  font-weight: 400;
+  text-decoration: line-through;
+}
+.shop-product-details-content .review {
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+  margin-bottom: 17px;
+}
+.shop-product-details-content .review ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.shop-product-details-content .review ul li {
+  display: inline-block;
+}
+.shop-product-details-content .review ul li i {
+  color: #ff9a2d;
+  font-size: 14px;
+}
+.shop-product-details-content .review span {
+  font-size: 15px;
+  color: #63636a;
+  margin-left: 5px;
+}
+.shop-product-details-content p {
+  font-size: 14px;
+  line-height: 24px;
+  margin-bottom: 30px;
+}
+.shop-product-details-content .details-info {
+  border-top: 1px solid #e7eaef;
+  margin-top: 35px;
+  padding-top: 25px;
+}
+.shop-product-details-content .details-info ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.shop-product-details-content .details-info ul li {
+  font-size: 15px;
+  color: #63636a;
+  padding-bottom: 3px;
+}
+.shop-product-details-content .details-info ul li span {
+  font-weight: 500;
+  color: #0e1133;
+}
+
+.shop-details-info-area {
+  background: #eef1f6;
+}
+
+.shop-details-box .nav {
+  border-bottom: 1px solid #d8dce3;
+}
+.shop-details-box .nav .nav-item .nav-link {
+  margin: 0;
+  padding: 0 10px;
+  line-height: 45px;
+  margin-right: 10px;
+  color: #0e1133;
+  font-size: 14px;
+  font-weight: 700;
+  border-radius: 0;
+}
+.shop-details-box .nav .nav-item .nav-link.active {
+  background: #eef1f6;
+  color: #2b70fa;
+  border-bottom: 2px solid #2b70fa;
+}
+
+.shop-description p {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  font-size: 14px;
+  line-height: 24px;
+}
+.shop-description .title {
+  margin-top: 40px;
+  margin-bottom: 10px;
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.review-rating-box .top-rating-result .title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 25px;
+}
+.review-rating-box .top-rating-result .rating-result-box {
+  background: #fff;
+  padding: 30px;
+  margin-top: 16px;
+  display: flex;
+  border-radius: 6px;
+}
+@media (max-width: 767px) {
+  .review-rating-box .top-rating-result .rating-result-box {
+    display: block;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .review-rating-box .top-rating-result .rating-result-box {
+    display: flex;
+  }
+}
+.review-rating-box .top-rating-result .rating-result-box .thumb {
+  max-width: 50px;
+  margin-right: 20px;
+}
+@media (max-width: 767px) {
+  .review-rating-box .top-rating-result .rating-result-box .thumb {
+    margin-bottom: 15px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .review-rating-box .top-rating-result .rating-result-box .thumb {
+    margin-bottom: 0px;
+  }
+}
+.review-rating-box .top-rating-result .rating-result-box .content ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.review-rating-box .top-rating-result .rating-result-box .content ul li {
+  display: inline-block;
+}
+.review-rating-box .top-rating-result .rating-result-box .content ul li i {
+  font-size: 14px;
+  color: #ff9a2d;
+}
+.review-rating-box .top-rating-result .rating-result-box .content .shop-meta {
+  display: flex;
+  align-items: center;
+  padding-bottom: 8px;
+}
+@media (max-width: 767px) {
+  .review-rating-box .top-rating-result .rating-result-box .content .shop-meta {
+    display: block;
+  }
+}
+.review-rating-box
+  .top-rating-result
+  .rating-result-box
+  .content
+  .shop-meta
+  .author-user-name
+  a {
+  font-size: 14px;
+  font-weight: 700;
+  color: #0e1133;
+  margin-right: 15px;
+}
+.review-rating-box
+  .top-rating-result
+  .rating-result-box
+  .content
+  .shop-meta
+  .date {
+  font-size: 14px;
+  color: #63636a;
+}
+.review-rating-box .top-rating-result .rating-result-box .content p {
+  font-size: 14px;
+  line-height: 24px;
+}
+
+.review-box .review-title {
+  margin-top: 75px;
+  margin-bottom: 20px;
+}
+.review-box .review-title .title {
+  font-size: 20px;
+  font-weight: 700;
+}
+.review-box .review-title p {
+  font-size: 14px;
+  padding-top: 3px;
+}
+.review-box .add-review-star span {
+  color: #0e1133;
+  font-weight: 500;
+  padding-bottom: 4px;
+}
+.review-box .add-review-star ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.review-box .add-review-star ul li {
+  display: inline-block;
+}
+.review-box .add-review-star ul li i {
+  color: #9c9ea4;
+}
+.review-box .add-review-star ul li:nth-child(1) i,
+.review-box .add-review-star ul li:nth-child(2) i {
+  color: #ff9a2d;
+}
+
+.rating-form-box .input-box {
+  margin-top: 15px;
+}
+.rating-form-box .input-box label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #0e1133;
+}
+.rating-form-box .input-box > input {
+  width: 100%;
+  height: 60px;
+  padding-left: 25px;
+  border: 2px solid #fff;
+  background: #fff;
+  border-radius: 6px;
+}
+.rating-form-box .input-box > input:focus {
+  border-color: #2b70fa;
+}
+.rating-form-box .input-box textarea {
+  width: 100%;
+  height: 120px;
+  padding-left: 25px;
+  border: 2px solid #fff;
+  background: #fff;
+  border-radius: 6px;
+  resize: none;
+  padding-top: 10px;
+}
+.rating-form-box .input-box textarea:focus {
+  border-color: #2b70fa;
+}
+.rating-form-box .input-box .condition-check label {
+  font-size: 14px;
+  color: #63636a;
+  font-weight: 400;
+}
+
+.shop-related-product-slider-active .slick-dots {
+  position: absolute;
+  left: 50%;
+  bottom: -70px;
+  transform: translateX(-50%);
+}
+.shop-related-product-slider-active .slick-dots li {
+  display: inline-block;
+}
+.shop-related-product-slider-active .slick-dots li button {
+  height: 10px;
+  width: 10px;
+  border-radius: 50%;
+  margin: 0 5px;
+  font-size: 0;
+  border: 0;
+}
+.shop-related-product-slider-active .slick-dots li.slick-active button {
+  background: #2b70fa;
+}
+
+/*# sourceMappingURL=style.css.map */
+
+/* CSS FOR FAQ ACCORDION DISPLAY */
+.accordion-con{
+  background-color: #f5f6f7;
+}
+
+.accordion-item{
+  position: relative;
+  overflow: hidden;
+  /* z-index: 1; */
+  border-radius: 5px;
+  box-shadow: 0px 0px 15px #ddd;
+  padding: 10px;
+  background-color: #fff;
+}
+.accordion-title-bar{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
+}
+.accordion-title p {
+  font-weight: 600;
+}
+
+.accordion-title-icon{
+  position: absolute;
+  right: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.accordion-title-icon img{
+  width: 20px;
+  height: 20px;
+  margin-top: 2px;
+}
+.horizontal{
+  transition: all .5s;
+  display: flex;
+  align-items: center;
+  background-color: skyblue;
+  color: #fff;
+  border-radius: 999px;
+  padding: 2px 3px;
+}
+.vertical{
+  transform: rotate(180deg);
+  background-color: #4687ba;
+}
+
+.accordion-body-hide{
+  position: relative;
+  height: 0;
+  visibility: hidden;
+  transition: all .5s;
+}
+.accordion-body-show{
+  position: relative;
+  /* height: 100px; */
+  visibility: visible;
+  transition: all .5s;
+  /* animation-name: slidedown;
+  animation-timing-function: linear;
+  animation-duration: .5s;
+  animation-fill-mode: forwards; */
+}
+
+
+
+/*
+LND PAGE STYLE STARTS HERE
+*/
+
+/* 1.0 BANNER SECTION */
+.banner_section{
+  background: linear-gradient(to left top, #0e1133, #15233d);
+}
+.banner_shape1{
+  left: 0;
+  top: 50%;
+  transform: rotate(45deg);
+}
+.banner_shape2{
+  top: 40%;
+  left: 90%;
+  transform: rotate(180deg);
+}
+.banner_shape3{
+  bottom: 0;
+  right: 0;
+  transform: rotate(40deg);
+}
+.banner_text h1{
+  font-size: 50px;
+  line-height: normal;
+}
+.banner_text p{
+  font-size: 16px;
+}
+.yt_video .play-button{
+  cursor: pointer;
+}
+.yt_video .play_btn{
+  width: 50px;
+  height: 50px;
+  background-color: rgba(255,255,255,0.1);
+}
+.yt_video .play_btn img{
+  background-color: rgba(255,255,255,0.3);
+}
+
+@media (max-width: 767px) {
+  .banner_text h1{
+    font-size: 20px;
+  }
+  .banner_images img{
+    width: 80%;
+  }
+}
+@media (min-width: 768px) and (max-width: 992px) {
+  .banner_text h1{
+    font-size: 30px;
+  }
+}
+
+
+/* -----------Interface_Section-Css-Start----------------- */
+
+/* interface wraper */
+.interface_section .screen_slider {
+  margin-top: 35px;
+  /* min-height: 520px; */
+  display: flex;
+  align-items: center;
+}
+
+/* interface images */
+.interface_section .owl-item .screen_frame_img img {
+  transform: scale(.9);
+  /* border: 2px solid #000; */
+  border-radius: 20px;
+  transition: 1s all;
+  margin: 0 auto;
+  height: 520px;
+  width: auto;
+}
+
+.interface_section .owl-item.center .screen_frame_img img {
+  transform: scale(1);
+  /* border: 3px solid #000; */
+  /* padding: 5px; */
+}
\ No newline at end of file
diff --git a/app/assets/css/skeleton-loader.css b/app/assets/css/skeleton-loader.css
new file mode 100644
index 0000000..063bdcb
--- /dev/null
+++ b/app/assets/css/skeleton-loader.css
@@ -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;
+    }
+}   
\ No newline at end of file
diff --git a/app/assets/css/style.css b/app/assets/css/style.css
new file mode 100644
index 0000000..6d940e3
--- /dev/null
+++ b/app/assets/css/style.css
@@ -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;
+}
diff --git a/app/assets/fonts/fa-brands-400.eot b/app/assets/fonts/fa-brands-400.eot
new file mode 100644
index 0000000..5563d70
Binary files /dev/null and b/app/assets/fonts/fa-brands-400.eot differ
diff --git a/app/assets/fonts/fa-brands-400.ttf b/app/assets/fonts/fa-brands-400.ttf
new file mode 100644
index 0000000..8545a55
Binary files /dev/null and b/app/assets/fonts/fa-brands-400.ttf differ
diff --git a/app/assets/fonts/fa-brands-400.woff b/app/assets/fonts/fa-brands-400.woff
new file mode 100644
index 0000000..435c3fe
Binary files /dev/null and b/app/assets/fonts/fa-brands-400.woff differ
diff --git a/app/assets/fonts/fa-brands-400.woff2 b/app/assets/fonts/fa-brands-400.woff2
new file mode 100644
index 0000000..84c3de3
Binary files /dev/null and b/app/assets/fonts/fa-brands-400.woff2 differ
diff --git a/app/assets/fonts/fa-light-300.eot b/app/assets/fonts/fa-light-300.eot
new file mode 100644
index 0000000..8836dfc
Binary files /dev/null and b/app/assets/fonts/fa-light-300.eot differ
diff --git a/app/assets/fonts/fa-light-300.ttf b/app/assets/fonts/fa-light-300.ttf
new file mode 100644
index 0000000..92abaf0
Binary files /dev/null and b/app/assets/fonts/fa-light-300.ttf differ
diff --git a/app/assets/fonts/fa-light-300.woff b/app/assets/fonts/fa-light-300.woff
new file mode 100644
index 0000000..0eaaf25
Binary files /dev/null and b/app/assets/fonts/fa-light-300.woff differ
diff --git a/app/assets/fonts/fa-light-300.woff2 b/app/assets/fonts/fa-light-300.woff2
new file mode 100644
index 0000000..21d4380
Binary files /dev/null and b/app/assets/fonts/fa-light-300.woff2 differ
diff --git a/app/assets/fonts/fa-regular-400.eot b/app/assets/fonts/fa-regular-400.eot
new file mode 100644
index 0000000..66f2fbc
Binary files /dev/null and b/app/assets/fonts/fa-regular-400.eot differ
diff --git a/app/assets/fonts/fa-regular-400.ttf b/app/assets/fonts/fa-regular-400.ttf
new file mode 100644
index 0000000..3594ad1
Binary files /dev/null and b/app/assets/fonts/fa-regular-400.ttf differ
diff --git a/app/assets/fonts/fa-regular-400.woff b/app/assets/fonts/fa-regular-400.woff
new file mode 100644
index 0000000..c5ba61a
Binary files /dev/null and b/app/assets/fonts/fa-regular-400.woff differ
diff --git a/app/assets/fonts/fa-regular-400.woff2 b/app/assets/fonts/fa-regular-400.woff2
new file mode 100644
index 0000000..497d52c
Binary files /dev/null and b/app/assets/fonts/fa-regular-400.woff2 differ
diff --git a/app/assets/fonts/fa-solid-900.eot b/app/assets/fonts/fa-solid-900.eot
new file mode 100644
index 0000000..99c267f
Binary files /dev/null and b/app/assets/fonts/fa-solid-900.eot differ
diff --git a/app/assets/fonts/fa-solid-900.ttf b/app/assets/fonts/fa-solid-900.ttf
new file mode 100644
index 0000000..c6274c6
Binary files /dev/null and b/app/assets/fonts/fa-solid-900.ttf differ
diff --git a/app/assets/fonts/fa-solid-900.woff b/app/assets/fonts/fa-solid-900.woff
new file mode 100644
index 0000000..7f6bfaa
Binary files /dev/null and b/app/assets/fonts/fa-solid-900.woff differ
diff --git a/app/assets/fonts/fa-solid-900.woff2 b/app/assets/fonts/fa-solid-900.woff2
new file mode 100644
index 0000000..dc2450d
Binary files /dev/null and b/app/assets/fonts/fa-solid-900.woff2 differ
diff --git a/app/assets/images/ACC.jpg b/app/assets/images/ACC.jpg
new file mode 100644
index 0000000..b0247d3
Binary files /dev/null and b/app/assets/images/ACC.jpg differ
diff --git a/app/assets/images/Actualize.jpg b/app/assets/images/Actualize.jpg
new file mode 100644
index 0000000..e3c74ff
Binary files /dev/null and b/app/assets/images/Actualize.jpg differ
diff --git a/app/assets/images/CompletTaskit.png b/app/assets/images/CompletTaskit.png
new file mode 100644
index 0000000..7cc4fda
Binary files /dev/null and b/app/assets/images/CompletTaskit.png differ
diff --git a/app/assets/images/CompleteTask.jpg b/app/assets/images/CompleteTask.jpg
new file mode 100644
index 0000000..063bba0
Binary files /dev/null and b/app/assets/images/CompleteTask.jpg differ
diff --git a/app/assets/images/CompleteTask002.jpg b/app/assets/images/CompleteTask002.jpg
new file mode 100644
index 0000000..192732f
Binary files /dev/null and b/app/assets/images/CompleteTask002.jpg differ
diff --git a/app/assets/images/CreateAccount.png b/app/assets/images/CreateAccount.png
new file mode 100644
index 0000000..c121bdc
Binary files /dev/null and b/app/assets/images/CreateAccount.png differ
diff --git a/app/assets/images/HowItWorks.jpg b/app/assets/images/HowItWorks.jpg
new file mode 100644
index 0000000..cb7918c
Binary files /dev/null and b/app/assets/images/HowItWorks.jpg differ
diff --git a/app/assets/images/MarketPlace.jpg b/app/assets/images/MarketPlace.jpg
new file mode 100644
index 0000000..5a0846f
Binary files /dev/null and b/app/assets/images/MarketPlace.jpg differ
diff --git a/app/assets/images/MarketPlace001.png b/app/assets/images/MarketPlace001.png
new file mode 100644
index 0000000..dd5147c
Binary files /dev/null and b/app/assets/images/MarketPlace001.png differ
diff --git a/app/assets/images/MarketPlace004.jpg b/app/assets/images/MarketPlace004.jpg
new file mode 100644
index 0000000..1e19c4f
Binary files /dev/null and b/app/assets/images/MarketPlace004.jpg differ
diff --git a/app/assets/images/MoneyBitPay.jpg b/app/assets/images/MoneyBitPay.jpg
new file mode 100644
index 0000000..7e0ae52
Binary files /dev/null and b/app/assets/images/MoneyBitPay.jpg differ
diff --git a/app/assets/images/MoneyBitPay001 - Copy.png b/app/assets/images/MoneyBitPay001 - Copy.png
new file mode 100644
index 0000000..3a2de4d
Binary files /dev/null and b/app/assets/images/MoneyBitPay001 - Copy.png differ
diff --git a/app/assets/images/MoneyBitPay001.png b/app/assets/images/MoneyBitPay001.png
new file mode 100644
index 0000000..3a2de4d
Binary files /dev/null and b/app/assets/images/MoneyBitPay001.png differ
diff --git a/app/assets/images/MoneyBitPay005.png b/app/assets/images/MoneyBitPay005.png
new file mode 100644
index 0000000..bc507c6
Binary files /dev/null and b/app/assets/images/MoneyBitPay005.png differ
diff --git a/app/assets/images/MoneyPay.jpg b/app/assets/images/MoneyPay.jpg
new file mode 100644
index 0000000..275d313
Binary files /dev/null and b/app/assets/images/MoneyPay.jpg differ
diff --git a/app/assets/images/Olu-Amey-001.jpg b/app/assets/images/Olu-Amey-001.jpg
new file mode 100644
index 0000000..5a14423
Binary files /dev/null and b/app/assets/images/Olu-Amey-001.jpg differ
diff --git a/app/assets/images/PerformingTask.jpg b/app/assets/images/PerformingTask.jpg
new file mode 100644
index 0000000..6c8f943
Binary files /dev/null and b/app/assets/images/PerformingTask.jpg differ
diff --git a/app/assets/images/PerformingTask2.jpg b/app/assets/images/PerformingTask2.jpg
new file mode 100644
index 0000000..8ce5e12
Binary files /dev/null and b/app/assets/images/PerformingTask2.jpg differ
diff --git a/app/assets/images/PerformingTaskNew.png b/app/assets/images/PerformingTaskNew.png
new file mode 100644
index 0000000..26fa387
Binary files /dev/null and b/app/assets/images/PerformingTaskNew.png differ
diff --git a/app/assets/images/Toks-Law.jpg b/app/assets/images/Toks-Law.jpg
new file mode 100644
index 0000000..fc446a3
Binary files /dev/null and b/app/assets/images/Toks-Law.jpg differ
diff --git a/app/assets/images/Untitled-5.png b/app/assets/images/Untitled-5.png
new file mode 100644
index 0000000..2f9f84a
Binary files /dev/null and b/app/assets/images/Untitled-5.png differ
diff --git a/app/assets/images/Untitledxyz.png b/app/assets/images/Untitledxyz.png
new file mode 100644
index 0000000..e82ddd6
Binary files /dev/null and b/app/assets/images/Untitledxyz.png differ
diff --git a/app/assets/images/_PerformingTask2.jpg b/app/assets/images/_PerformingTask2.jpg
new file mode 100644
index 0000000..38d2c7f
Binary files /dev/null and b/app/assets/images/_PerformingTask2.jpg differ
diff --git a/app/assets/images/_app-thumb-2.png b/app/assets/images/_app-thumb-2.png
new file mode 100644
index 0000000..8ed989f
Binary files /dev/null and b/app/assets/images/_app-thumb-2.png differ
diff --git a/app/assets/images/about-frame.png b/app/assets/images/about-frame.png
new file mode 100644
index 0000000..c55b813
Binary files /dev/null and b/app/assets/images/about-frame.png differ
diff --git a/app/assets/images/about-page-bg.jpg b/app/assets/images/about-page-bg.jpg
new file mode 100644
index 0000000..198b48d
Binary files /dev/null and b/app/assets/images/about-page-bg.jpg differ
diff --git a/app/assets/images/about-page-thumb.jpg b/app/assets/images/about-page-thumb.jpg
new file mode 100644
index 0000000..c86c69a
Binary files /dev/null and b/app/assets/images/about-page-thumb.jpg differ
diff --git a/app/assets/images/about-screen.png b/app/assets/images/about-screen.png
new file mode 100644
index 0000000..5d90c53
Binary files /dev/null and b/app/assets/images/about-screen.png differ
diff --git a/app/assets/images/about-thumb-2.png b/app/assets/images/about-thumb-2.png
new file mode 100644
index 0000000..dbfa911
Binary files /dev/null and b/app/assets/images/about-thumb-2.png differ
diff --git a/app/assets/images/about-thumb-3.png b/app/assets/images/about-thumb-3.png
new file mode 100644
index 0000000..dbfa911
Binary files /dev/null and b/app/assets/images/about-thumb-3.png differ
diff --git a/app/assets/images/about-thumb-4.png b/app/assets/images/about-thumb-4.png
new file mode 100644
index 0000000..c7d3d4c
Binary files /dev/null and b/app/assets/images/about-thumb-4.png differ
diff --git a/app/assets/images/about-thumb-5.png b/app/assets/images/about-thumb-5.png
new file mode 100644
index 0000000..5a85992
Binary files /dev/null and b/app/assets/images/about-thumb-5.png differ
diff --git a/app/assets/images/about-thumb.png b/app/assets/images/about-thumb.png
new file mode 100644
index 0000000..ba88a68
Binary files /dev/null and b/app/assets/images/about-thumb.png differ
diff --git a/app/assets/images/about-us-main-old.jpg b/app/assets/images/about-us-main-old.jpg
new file mode 100644
index 0000000..1de4c11
Binary files /dev/null and b/app/assets/images/about-us-main-old.jpg differ
diff --git a/app/assets/images/about-us-main.jpg b/app/assets/images/about-us-main.jpg
new file mode 100644
index 0000000..c138cac
Binary files /dev/null and b/app/assets/images/about-us-main.jpg differ
diff --git a/app/assets/images/about_main.png b/app/assets/images/about_main.png
new file mode 100644
index 0000000..1a52093
Binary files /dev/null and b/app/assets/images/about_main.png differ
diff --git a/app/assets/images/abt_01.png b/app/assets/images/abt_01.png
new file mode 100644
index 0000000..423b0de
Binary files /dev/null and b/app/assets/images/abt_01.png differ
diff --git a/app/assets/images/abt_02.png b/app/assets/images/abt_02.png
new file mode 100644
index 0000000..c559ef6
Binary files /dev/null and b/app/assets/images/abt_02.png differ
diff --git a/app/assets/images/abt_03.png b/app/assets/images/abt_03.png
new file mode 100644
index 0000000..35ef43a
Binary files /dev/null and b/app/assets/images/abt_03.png differ
diff --git a/app/assets/images/abt_functional.png b/app/assets/images/abt_functional.png
new file mode 100644
index 0000000..108b8c5
Binary files /dev/null and b/app/assets/images/abt_functional.png differ
diff --git a/app/assets/images/abt_support.png b/app/assets/images/abt_support.png
new file mode 100644
index 0000000..0e7515a
Binary files /dev/null and b/app/assets/images/abt_support.png differ
diff --git a/app/assets/images/account-dash-Recovered.psd b/app/assets/images/account-dash-Recovered.psd
new file mode 100644
index 0000000..2304160
Binary files /dev/null and b/app/assets/images/account-dash-Recovered.psd differ
diff --git a/app/assets/images/account-thumb.png b/app/assets/images/account-thumb.png
new file mode 100644
index 0000000..d2d1215
Binary files /dev/null and b/app/assets/images/account-thumb.png differ
diff --git a/app/assets/images/anim_line.png b/app/assets/images/anim_line.png
new file mode 100644
index 0000000..ced1536
Binary files /dev/null and b/app/assets/images/anim_line.png differ
diff --git a/app/assets/images/app-pic.png b/app/assets/images/app-pic.png
new file mode 100644
index 0000000..d20afc7
Binary files /dev/null and b/app/assets/images/app-pic.png differ
diff --git a/app/assets/images/app-thumb-1.png b/app/assets/images/app-thumb-1.png
new file mode 100644
index 0000000..3a47dd2
Binary files /dev/null and b/app/assets/images/app-thumb-1.png differ
diff --git a/app/assets/images/app-thumb-2.png b/app/assets/images/app-thumb-2.png
new file mode 100644
index 0000000..a1b504c
Binary files /dev/null and b/app/assets/images/app-thumb-2.png differ
diff --git a/app/assets/images/approach.png b/app/assets/images/approach.png
new file mode 100644
index 0000000..fac0f05
Binary files /dev/null and b/app/assets/images/approach.png differ
diff --git a/app/assets/images/appstore_blue.png b/app/assets/images/appstore_blue.png
new file mode 100644
index 0000000..78766ff
Binary files /dev/null and b/app/assets/images/appstore_blue.png differ
diff --git a/app/assets/images/appstore_white.png b/app/assets/images/appstore_white.png
new file mode 100644
index 0000000..78db0a9
Binary files /dev/null and b/app/assets/images/appstore_white.png differ
diff --git a/app/assets/images/arrow-down.png b/app/assets/images/arrow-down.png
new file mode 100644
index 0000000..7d4a159
Binary files /dev/null and b/app/assets/images/arrow-down.png differ
diff --git a/app/assets/images/avtar_testimonial.png b/app/assets/images/avtar_testimonial.png
new file mode 100644
index 0000000..b119a71
Binary files /dev/null and b/app/assets/images/avtar_testimonial.png differ
diff --git a/app/assets/images/background-bg.jpg b/app/assets/images/background-bg.jpg
new file mode 100644
index 0000000..db2ca27
Binary files /dev/null and b/app/assets/images/background-bg.jpg differ
diff --git a/app/assets/images/banner-image.png b/app/assets/images/banner-image.png
new file mode 100644
index 0000000..4d40793
Binary files /dev/null and b/app/assets/images/banner-image.png differ
diff --git a/app/assets/images/banner-job-due.jpg b/app/assets/images/banner-job-due.jpg
new file mode 100644
index 0000000..f49ed11
Binary files /dev/null and b/app/assets/images/banner-job-due.jpg differ
diff --git a/app/assets/images/banner-shape-one.svg b/app/assets/images/banner-shape-one.svg
new file mode 100644
index 0000000..ec26e5d
--- /dev/null
+++ b/app/assets/images/banner-shape-one.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 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>
diff --git a/app/assets/images/banner-shape-one1.png b/app/assets/images/banner-shape-one1.png
new file mode 100644
index 0000000..24b6adb
Binary files /dev/null and b/app/assets/images/banner-shape-one1.png differ
diff --git a/app/assets/images/banner-shape-two.svg b/app/assets/images/banner-shape-two.svg
new file mode 100644
index 0000000..b7681b5
--- /dev/null
+++ b/app/assets/images/banner-shape-two.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>
diff --git a/app/assets/images/banner-shape-video.svg b/app/assets/images/banner-shape-video.svg
new file mode 100644
index 0000000..b7681b5
--- /dev/null
+++ b/app/assets/images/banner-shape-video.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>
diff --git a/app/assets/images/banner-shape.svg b/app/assets/images/banner-shape.svg
new file mode 100644
index 0000000..efb2df7
--- /dev/null
+++ b/app/assets/images/banner-shape.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>
diff --git a/app/assets/images/banner-shape1.png b/app/assets/images/banner-shape1.png
new file mode 100644
index 0000000..a16e982
Binary files /dev/null and b/app/assets/images/banner-shape1.png differ
diff --git a/app/assets/images/banner-shape2.png b/app/assets/images/banner-shape2.png
new file mode 100644
index 0000000..3e9ea7a
Binary files /dev/null and b/app/assets/images/banner-shape2.png differ
diff --git a/app/assets/images/banner-shape2two.png b/app/assets/images/banner-shape2two.png
new file mode 100644
index 0000000..f8f4e30
Binary files /dev/null and b/app/assets/images/banner-shape2two.png differ
diff --git a/app/assets/images/banner-shape3.png b/app/assets/images/banner-shape3.png
new file mode 100644
index 0000000..cfdadbe
Binary files /dev/null and b/app/assets/images/banner-shape3.png differ
diff --git a/app/assets/images/banner-shapethree3.png b/app/assets/images/banner-shapethree3.png
new file mode 100644
index 0000000..27565eb
Binary files /dev/null and b/app/assets/images/banner-shapethree3.png differ
diff --git a/app/assets/images/banner-shapev.png b/app/assets/images/banner-shapev.png
new file mode 100644
index 0000000..d904eea
Binary files /dev/null and b/app/assets/images/banner-shapev.png differ
diff --git a/app/assets/images/banner-shapev2.png b/app/assets/images/banner-shapev2.png
new file mode 100644
index 0000000..3f9a2ff
Binary files /dev/null and b/app/assets/images/banner-shapev2.png differ
diff --git a/app/assets/images/banner-shapev3.png b/app/assets/images/banner-shapev3.png
new file mode 100644
index 0000000..15c0152
Binary files /dev/null and b/app/assets/images/banner-shapev3.png differ
diff --git a/app/assets/images/bannerimage1.png b/app/assets/images/bannerimage1.png
new file mode 100644
index 0000000..6a2e045
Binary files /dev/null and b/app/assets/images/bannerimage1.png differ
diff --git a/app/assets/images/bannerimage2.png b/app/assets/images/bannerimage2.png
new file mode 100644
index 0000000..5d8b0a0
Binary files /dev/null and b/app/assets/images/bannerimage2.png differ
diff --git a/app/assets/images/bannerimage3.png b/app/assets/images/bannerimage3.png
new file mode 100644
index 0000000..7161fab
Binary files /dev/null and b/app/assets/images/bannerimage3.png differ
diff --git a/app/assets/images/bannerimage4.png b/app/assets/images/bannerimage4.png
new file mode 100644
index 0000000..1b6d04d
Binary files /dev/null and b/app/assets/images/bannerimage4.png differ
diff --git a/app/assets/images/blod-detail.png b/app/assets/images/blod-detail.png
new file mode 100644
index 0000000..15fc5d0
Binary files /dev/null and b/app/assets/images/blod-detail.png differ
diff --git a/app/assets/images/blog-1.jpg b/app/assets/images/blog-1.jpg
new file mode 100644
index 0000000..d378ee4
Binary files /dev/null and b/app/assets/images/blog-1.jpg differ
diff --git a/app/assets/images/blog-2.jpg b/app/assets/images/blog-2.jpg
new file mode 100644
index 0000000..d378ee4
Binary files /dev/null and b/app/assets/images/blog-2.jpg differ
diff --git a/app/assets/images/blog-3.jpg b/app/assets/images/blog-3.jpg
new file mode 100644
index 0000000..d378ee4
Binary files /dev/null and b/app/assets/images/blog-3.jpg differ
diff --git a/app/assets/images/blog-4.jpg b/app/assets/images/blog-4.jpg
new file mode 100644
index 0000000..a1d9256
Binary files /dev/null and b/app/assets/images/blog-4.jpg differ
diff --git a/app/assets/images/blog-5.jpg b/app/assets/images/blog-5.jpg
new file mode 100644
index 0000000..a1d9256
Binary files /dev/null and b/app/assets/images/blog-5.jpg differ
diff --git a/app/assets/images/blog-6.jpg b/app/assets/images/blog-6.jpg
new file mode 100644
index 0000000..a1d9256
Binary files /dev/null and b/app/assets/images/blog-6.jpg differ
diff --git a/app/assets/images/blog-7.jpg b/app/assets/images/blog-7.jpg
new file mode 100644
index 0000000..a1d9256
Binary files /dev/null and b/app/assets/images/blog-7.jpg differ
diff --git a/app/assets/images/blog/1.jpg b/app/assets/images/blog/1.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/1.jpg differ
diff --git a/app/assets/images/blog/2.jpg b/app/assets/images/blog/2.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/2.jpg differ
diff --git a/app/assets/images/blog/3.jpg b/app/assets/images/blog/3.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/3.jpg differ
diff --git a/app/assets/images/blog/4.jpg b/app/assets/images/blog/4.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/4.jpg differ
diff --git a/app/assets/images/blog/5.jpg b/app/assets/images/blog/5.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/5.jpg differ
diff --git a/app/assets/images/blog/6.jpg b/app/assets/images/blog/6.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/6.jpg differ
diff --git a/app/assets/images/blog/7.jpg b/app/assets/images/blog/7.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/7.jpg differ
diff --git a/app/assets/images/blog/8.jpg b/app/assets/images/blog/8.jpg
new file mode 100644
index 0000000..3d51613
Binary files /dev/null and b/app/assets/images/blog/8.jpg differ
diff --git a/app/assets/images/blog/p1.jpg b/app/assets/images/blog/p1.jpg
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/blog/p1.jpg differ
diff --git a/app/assets/images/blog/p2.jpg b/app/assets/images/blog/p2.jpg
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/blog/p2.jpg differ
diff --git a/app/assets/images/blog/p3.jpg b/app/assets/images/blog/p3.jpg
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/blog/p3.jpg differ
diff --git a/app/assets/images/blog/p4.jpg b/app/assets/images/blog/p4.jpg
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/blog/p4.jpg differ
diff --git a/app/assets/images/blog_d01.png b/app/assets/images/blog_d01.png
new file mode 100644
index 0000000..6a1d027
Binary files /dev/null and b/app/assets/images/blog_d01.png differ
diff --git a/app/assets/images/blog_d02.png b/app/assets/images/blog_d02.png
new file mode 100644
index 0000000..617d10b
Binary files /dev/null and b/app/assets/images/blog_d02.png differ
diff --git a/app/assets/images/blog_d03.png b/app/assets/images/blog_d03.png
new file mode 100644
index 0000000..9306fb4
Binary files /dev/null and b/app/assets/images/blog_d03.png differ
diff --git a/app/assets/images/blog_detail_main.png b/app/assets/images/blog_detail_main.png
new file mode 100644
index 0000000..8e7933b
Binary files /dev/null and b/app/assets/images/blog_detail_main.png differ
diff --git a/app/assets/images/blog_sub_01.png b/app/assets/images/blog_sub_01.png
new file mode 100644
index 0000000..d6c8ef4
Binary files /dev/null and b/app/assets/images/blog_sub_01.png differ
diff --git a/app/assets/images/blog_sub_02.png b/app/assets/images/blog_sub_02.png
new file mode 100644
index 0000000..0bb87b0
Binary files /dev/null and b/app/assets/images/blog_sub_02.png differ
diff --git a/app/assets/images/bread_crumb_bg.png b/app/assets/images/bread_crumb_bg.png
new file mode 100644
index 0000000..9a59ecd
Binary files /dev/null and b/app/assets/images/bread_crumb_bg.png differ
diff --git a/app/assets/images/bread_crumb_bg_one.png b/app/assets/images/bread_crumb_bg_one.png
new file mode 100644
index 0000000..fac1405
Binary files /dev/null and b/app/assets/images/bread_crumb_bg_one.png differ
diff --git a/app/assets/images/bread_crumb_bg_two.png b/app/assets/images/bread_crumb_bg_two.png
new file mode 100644
index 0000000..d42df3a
Binary files /dev/null and b/app/assets/images/bread_crumb_bg_two.png differ
diff --git a/app/assets/images/bredcrumb_overlay.png b/app/assets/images/bredcrumb_overlay.png
new file mode 100644
index 0000000..93bb57c
Binary files /dev/null and b/app/assets/images/bredcrumb_overlay.png differ
diff --git a/app/assets/images/businesspeople-doing-checkmark-on-task-list.png b/app/assets/images/businesspeople-doing-checkmark-on-task-list.png
new file mode 100644
index 0000000..71552fd
Binary files /dev/null and b/app/assets/images/businesspeople-doing-checkmark-on-task-list.png differ
diff --git a/app/assets/images/call_icon.png b/app/assets/images/call_icon.png
new file mode 100644
index 0000000..3006695
Binary files /dev/null and b/app/assets/images/call_icon.png differ
diff --git a/app/assets/images/cart-1.jpg b/app/assets/images/cart-1.jpg
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/cart-1.jpg differ
diff --git a/app/assets/images/cart-2.jpg b/app/assets/images/cart-2.jpg
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/cart-2.jpg differ
diff --git a/app/assets/images/close.png b/app/assets/images/close.png
new file mode 100644
index 0000000..635082a
Binary files /dev/null and b/app/assets/images/close.png differ
diff --git a/app/assets/images/communication.png b/app/assets/images/communication.png
new file mode 100644
index 0000000..9140294
Binary files /dev/null and b/app/assets/images/communication.png differ
diff --git a/app/assets/images/contact_message_icon.png b/app/assets/images/contact_message_icon.png
new file mode 100644
index 0000000..06f3d51
Binary files /dev/null and b/app/assets/images/contact_message_icon.png differ
diff --git a/app/assets/images/countries-dark.png b/app/assets/images/countries-dark.png
new file mode 100644
index 0000000..830197b
Binary files /dev/null and b/app/assets/images/countries-dark.png differ
diff --git a/app/assets/images/countries-one.png b/app/assets/images/countries-one.png
new file mode 100644
index 0000000..7bc5127
Binary files /dev/null and b/app/assets/images/countries-one.png differ
diff --git a/app/assets/images/countries.png b/app/assets/images/countries.png
new file mode 100644
index 0000000..54c64bd
Binary files /dev/null and b/app/assets/images/countries.png differ
diff --git a/app/assets/images/create_account.jpg b/app/assets/images/create_account.jpg
new file mode 100644
index 0000000..bab8dd2
Binary files /dev/null and b/app/assets/images/create_account.jpg differ
diff --git a/app/assets/images/design.png b/app/assets/images/design.png
new file mode 100644
index 0000000..e7422fb
Binary files /dev/null and b/app/assets/images/design.png differ
diff --git a/app/assets/images/device-feature.png b/app/assets/images/device-feature.png
new file mode 100644
index 0000000..96a5106
Binary files /dev/null and b/app/assets/images/device-feature.png differ
diff --git a/app/assets/images/download-bg.png b/app/assets/images/download-bg.png
new file mode 100644
index 0000000..7a878fa
Binary files /dev/null and b/app/assets/images/download-bg.png differ
diff --git a/app/assets/images/download-dark.png b/app/assets/images/download-dark.png
new file mode 100644
index 0000000..e84ea20
Binary files /dev/null and b/app/assets/images/download-dark.png differ
diff --git a/app/assets/images/download-one.png b/app/assets/images/download-one.png
new file mode 100644
index 0000000..8920d33
Binary files /dev/null and b/app/assets/images/download-one.png differ
diff --git a/app/assets/images/download-screen01.png b/app/assets/images/download-screen01.png
new file mode 100644
index 0000000..8788db9
Binary files /dev/null and b/app/assets/images/download-screen01.png differ
diff --git a/app/assets/images/download-screen02.png b/app/assets/images/download-screen02.png
new file mode 100644
index 0000000..75156ba
Binary files /dev/null and b/app/assets/images/download-screen02.png differ
diff --git a/app/assets/images/download-thumb-1.png b/app/assets/images/download-thumb-1.png
new file mode 100644
index 0000000..e2f6728
Binary files /dev/null and b/app/assets/images/download-thumb-1.png differ
diff --git a/app/assets/images/download-thumb-2.png b/app/assets/images/download-thumb-2.png
new file mode 100644
index 0000000..5f4e5b8
Binary files /dev/null and b/app/assets/images/download-thumb-2.png differ
diff --git a/app/assets/images/download-thumb.png b/app/assets/images/download-thumb.png
new file mode 100644
index 0000000..955c0e0
Binary files /dev/null and b/app/assets/images/download-thumb.png differ
diff --git a/app/assets/images/download.png b/app/assets/images/download.png
new file mode 100644
index 0000000..1d9cd9d
Binary files /dev/null and b/app/assets/images/download.png differ
diff --git a/app/assets/images/download/andriod.jpg b/app/assets/images/download/andriod.jpg
new file mode 100644
index 0000000..0c05410
Binary files /dev/null and b/app/assets/images/download/andriod.jpg differ
diff --git a/app/assets/images/download/apple.jpg b/app/assets/images/download/apple.jpg
new file mode 100644
index 0000000..b0e1771
Binary files /dev/null and b/app/assets/images/download/apple.jpg differ
diff --git a/app/assets/images/download_app.jpg b/app/assets/images/download_app.jpg
new file mode 100644
index 0000000..0a49777
Binary files /dev/null and b/app/assets/images/download_app.jpg differ
diff --git a/app/assets/images/enjoy_app.jpg b/app/assets/images/enjoy_app.jpg
new file mode 100644
index 0000000..7e4a8c0
Binary files /dev/null and b/app/assets/images/enjoy_app.jpg differ
diff --git a/app/assets/images/enjoy_app.png b/app/assets/images/enjoy_app.png
new file mode 100644
index 0000000..84d04aa
Binary files /dev/null and b/app/assets/images/enjoy_app.png differ
diff --git a/app/assets/images/envato.png b/app/assets/images/envato.png
new file mode 100644
index 0000000..81c23e4
Binary files /dev/null and b/app/assets/images/envato.png differ
diff --git a/app/assets/images/error.png b/app/assets/images/error.png
new file mode 100644
index 0000000..178421c
Binary files /dev/null and b/app/assets/images/error.png differ
diff --git a/app/assets/images/experts_01.png b/app/assets/images/experts_01.png
new file mode 100644
index 0000000..dc53a35
Binary files /dev/null and b/app/assets/images/experts_01.png differ
diff --git a/app/assets/images/experts_02.png b/app/assets/images/experts_02.png
new file mode 100644
index 0000000..ca69fd4
Binary files /dev/null and b/app/assets/images/experts_02.png differ
diff --git a/app/assets/images/experts_03.png b/app/assets/images/experts_03.png
new file mode 100644
index 0000000..c377674
Binary files /dev/null and b/app/assets/images/experts_03.png differ
diff --git a/app/assets/images/experts_04.png b/app/assets/images/experts_04.png
new file mode 100644
index 0000000..7f6717c
Binary files /dev/null and b/app/assets/images/experts_04.png differ
diff --git a/app/assets/images/family-no-task-background.jpg b/app/assets/images/family-no-task-background.jpg
new file mode 100644
index 0000000..db53ad4
Binary files /dev/null and b/app/assets/images/family-no-task-background.jpg differ
diff --git a/app/assets/images/faq-play-bg.png b/app/assets/images/faq-play-bg.png
new file mode 100644
index 0000000..74547d0
Binary files /dev/null and b/app/assets/images/faq-play-bg.png differ
diff --git a/app/assets/images/favicon.ico b/app/assets/images/favicon.ico
new file mode 100644
index 0000000..cb11aa7
Binary files /dev/null and b/app/assets/images/favicon.ico differ
diff --git a/app/assets/images/favicon.png b/app/assets/images/favicon.png
new file mode 100644
index 0000000..753ba6e
Binary files /dev/null and b/app/assets/images/favicon.png differ
diff --git a/app/assets/images/features-thumb-1.png b/app/assets/images/features-thumb-1.png
new file mode 100644
index 0000000..036c39b
Binary files /dev/null and b/app/assets/images/features-thumb-1.png differ
diff --git a/app/assets/images/features-thumb-2.png b/app/assets/images/features-thumb-2.png
new file mode 100644
index 0000000..02dbca2
Binary files /dev/null and b/app/assets/images/features-thumb-2.png differ
diff --git a/app/assets/images/features1.png b/app/assets/images/features1.png
new file mode 100644
index 0000000..ea9058e
Binary files /dev/null and b/app/assets/images/features1.png differ
diff --git a/app/assets/images/features2.png b/app/assets/images/features2.png
new file mode 100644
index 0000000..111554e
Binary files /dev/null and b/app/assets/images/features2.png differ
diff --git a/app/assets/images/features3.png b/app/assets/images/features3.png
new file mode 100644
index 0000000..daa98a8
Binary files /dev/null and b/app/assets/images/features3.png differ
diff --git a/app/assets/images/features_frame.png b/app/assets/images/features_frame.png
new file mode 100644
index 0000000..108be64
Binary files /dev/null and b/app/assets/images/features_frame.png differ
diff --git a/app/assets/images/featurescreen.png b/app/assets/images/featurescreen.png
new file mode 100644
index 0000000..4ae1003
Binary files /dev/null and b/app/assets/images/featurescreen.png differ
diff --git a/app/assets/images/flying.png b/app/assets/images/flying.png
new file mode 100644
index 0000000..b0be96b
Binary files /dev/null and b/app/assets/images/flying.png differ
diff --git a/app/assets/images/followers-dark.png b/app/assets/images/followers-dark.png
new file mode 100644
index 0000000..643c8f3
Binary files /dev/null and b/app/assets/images/followers-dark.png differ
diff --git a/app/assets/images/followers-one.png b/app/assets/images/followers-one.png
new file mode 100644
index 0000000..f0a2213
Binary files /dev/null and b/app/assets/images/followers-one.png differ
diff --git a/app/assets/images/followers.png b/app/assets/images/followers.png
new file mode 100644
index 0000000..5158719
Binary files /dev/null and b/app/assets/images/followers.png differ
diff --git a/app/assets/images/footer_bg.png b/app/assets/images/footer_bg.png
new file mode 100644
index 0000000..d42df3a
Binary files /dev/null and b/app/assets/images/footer_bg.png differ
diff --git a/app/assets/images/footer_logo-one.png b/app/assets/images/footer_logo-one.png
new file mode 100644
index 0000000..8f54056
Binary files /dev/null and b/app/assets/images/footer_logo-one.png differ
diff --git a/app/assets/images/footer_logo.png b/app/assets/images/footer_logo.png
new file mode 100644
index 0000000..0578f44
Binary files /dev/null and b/app/assets/images/footer_logo.png differ
diff --git a/app/assets/images/free_account.png b/app/assets/images/free_account.png
new file mode 100644
index 0000000..1bbc828
Binary files /dev/null and b/app/assets/images/free_account.png differ
diff --git a/app/assets/images/fun-fact-bg.jpg b/app/assets/images/fun-fact-bg.jpg
new file mode 100644
index 0000000..091a99b
Binary files /dev/null and b/app/assets/images/fun-fact-bg.jpg differ
diff --git a/app/assets/images/fun-fact-thumb.png b/app/assets/images/fun-fact-thumb.png
new file mode 100644
index 0000000..67d27bb
Binary files /dev/null and b/app/assets/images/fun-fact-thumb.png differ
diff --git a/app/assets/images/functional.png b/app/assets/images/functional.png
new file mode 100644
index 0000000..e91f916
Binary files /dev/null and b/app/assets/images/functional.png differ
diff --git a/app/assets/images/get_paid.png b/app/assets/images/get_paid.png
new file mode 100644
index 0000000..24cfb09
Binary files /dev/null and b/app/assets/images/get_paid.png differ
diff --git a/app/assets/images/getpaid-thumb.png b/app/assets/images/getpaid-thumb.png
new file mode 100644
index 0000000..401d6c6
Binary files /dev/null and b/app/assets/images/getpaid-thumb.png differ
diff --git a/app/assets/images/go_top-one.png b/app/assets/images/go_top-one.png
new file mode 100644
index 0000000..7cfc12f
Binary files /dev/null and b/app/assets/images/go_top-one.png differ
diff --git a/app/assets/images/go_top.png b/app/assets/images/go_top.png
new file mode 100644
index 0000000..3186901
Binary files /dev/null and b/app/assets/images/go_top.png differ
diff --git a/app/assets/images/go_top2.png b/app/assets/images/go_top2.png
new file mode 100644
index 0000000..258951e
Binary files /dev/null and b/app/assets/images/go_top2.png differ
diff --git a/app/assets/images/google.png b/app/assets/images/google.png
new file mode 100644
index 0000000..aec284e
Binary files /dev/null and b/app/assets/images/google.png differ
diff --git a/app/assets/images/googleplay_blue.png b/app/assets/images/googleplay_blue.png
new file mode 100644
index 0000000..37ad9ea
Binary files /dev/null and b/app/assets/images/googleplay_blue.png differ
diff --git a/app/assets/images/googleplay_white.png b/app/assets/images/googleplay_white.png
new file mode 100644
index 0000000..a737edf
Binary files /dev/null and b/app/assets/images/googleplay_white.png differ
diff --git a/app/assets/images/hero-bg-2.jpg b/app/assets/images/hero-bg-2.jpg
new file mode 100644
index 0000000..a671271
Binary files /dev/null and b/app/assets/images/hero-bg-2.jpg differ
diff --git a/app/assets/images/hero-bg-2.png b/app/assets/images/hero-bg-2.png
new file mode 100644
index 0000000..28beae3
Binary files /dev/null and b/app/assets/images/hero-bg-2.png differ
diff --git a/app/assets/images/hero-bg-3.jpg b/app/assets/images/hero-bg-3.jpg
new file mode 100644
index 0000000..d53b1c3
Binary files /dev/null and b/app/assets/images/hero-bg-3.jpg differ
diff --git a/app/assets/images/hero-bg-4.png b/app/assets/images/hero-bg-4.png
new file mode 100644
index 0000000..9428650
Binary files /dev/null and b/app/assets/images/hero-bg-4.png differ
diff --git a/app/assets/images/hero-bg.jpg b/app/assets/images/hero-bg.jpg
new file mode 100644
index 0000000..065f9e0
Binary files /dev/null and b/app/assets/images/hero-bg.jpg differ
diff --git a/app/assets/images/hero-bg.png b/app/assets/images/hero-bg.png
new file mode 100644
index 0000000..bbf65e5
Binary files /dev/null and b/app/assets/images/hero-bg.png differ
diff --git a/app/assets/images/hero-dot.png b/app/assets/images/hero-dot.png
new file mode 100644
index 0000000..e8a7e77
Binary files /dev/null and b/app/assets/images/hero-dot.png differ
diff --git a/app/assets/images/hero-image-1.png b/app/assets/images/hero-image-1.png
new file mode 100644
index 0000000..634d818
Binary files /dev/null and b/app/assets/images/hero-image-1.png differ
diff --git a/app/assets/images/hero-image-2.png b/app/assets/images/hero-image-2.png
new file mode 100644
index 0000000..a2e2d85
Binary files /dev/null and b/app/assets/images/hero-image-2.png differ
diff --git a/app/assets/images/hero-image-3.png b/app/assets/images/hero-image-3.png
new file mode 100644
index 0000000..72dafdb
Binary files /dev/null and b/app/assets/images/hero-image-3.png differ
diff --git a/app/assets/images/hero-image-4.png b/app/assets/images/hero-image-4.png
new file mode 100644
index 0000000..b406c6d
Binary files /dev/null and b/app/assets/images/hero-image-4.png differ
diff --git a/app/assets/images/hero-image-5.png b/app/assets/images/hero-image-5.png
new file mode 100644
index 0000000..c107059
Binary files /dev/null and b/app/assets/images/hero-image-5.png differ
diff --git a/app/assets/images/hero-image-one.png b/app/assets/images/hero-image-one.png
new file mode 100644
index 0000000..7eeccd9
Binary files /dev/null and b/app/assets/images/hero-image-one.png differ
diff --git a/app/assets/images/hero-image.png b/app/assets/images/hero-image.png
new file mode 100644
index 0000000..5663aa5
Binary files /dev/null and b/app/assets/images/hero-image.png differ
diff --git a/app/assets/images/hero-line.png b/app/assets/images/hero-line.png
new file mode 100644
index 0000000..f44bc58
Binary files /dev/null and b/app/assets/images/hero-line.png differ
diff --git a/app/assets/images/hero-mans.png b/app/assets/images/hero-mans.png
new file mode 100644
index 0000000..e53783e
Binary files /dev/null and b/app/assets/images/hero-mans.png differ
diff --git a/app/assets/images/hero-shape-1.png b/app/assets/images/hero-shape-1.png
new file mode 100644
index 0000000..64a420c
Binary files /dev/null and b/app/assets/images/hero-shape-1.png differ
diff --git a/app/assets/images/hero-shape-2.png b/app/assets/images/hero-shape-2.png
new file mode 100644
index 0000000..4e7a8f8
Binary files /dev/null and b/app/assets/images/hero-shape-2.png differ
diff --git a/app/assets/images/hero-thumb-1.png b/app/assets/images/hero-thumb-1.png
new file mode 100644
index 0000000..4ffa082
Binary files /dev/null and b/app/assets/images/hero-thumb-1.png differ
diff --git a/app/assets/images/hero-thumb-2.png b/app/assets/images/hero-thumb-2.png
new file mode 100644
index 0000000..000cd45
Binary files /dev/null and b/app/assets/images/hero-thumb-2.png differ
diff --git a/app/assets/images/hero-thumb-3.png b/app/assets/images/hero-thumb-3.png
new file mode 100644
index 0000000..975f970
Binary files /dev/null and b/app/assets/images/hero-thumb-3.png differ
diff --git a/app/assets/images/hero-thumb-4.png b/app/assets/images/hero-thumb-4.png
new file mode 100644
index 0000000..f84b2a5
Binary files /dev/null and b/app/assets/images/hero-thumb-4.png differ
diff --git a/app/assets/images/hero-thumb-5.png b/app/assets/images/hero-thumb-5.png
new file mode 100644
index 0000000..3b51d5d
Binary files /dev/null and b/app/assets/images/hero-thumb-5.png differ
diff --git a/app/assets/images/hero-thumb-6.png b/app/assets/images/hero-thumb-6.png
new file mode 100644
index 0000000..d2a6fad
Binary files /dev/null and b/app/assets/images/hero-thumb-6.png differ
diff --git a/app/assets/images/hero-thumb-7.png b/app/assets/images/hero-thumb-7.png
new file mode 100644
index 0000000..f3d7119
Binary files /dev/null and b/app/assets/images/hero-thumb-7.png differ
diff --git a/app/assets/images/hero-thumb-8.png b/app/assets/images/hero-thumb-8.png
new file mode 100644
index 0000000..5f5d56e
Binary files /dev/null and b/app/assets/images/hero-thumb-8.png differ
diff --git a/app/assets/images/hero-thumb-9.png b/app/assets/images/hero-thumb-9.png
new file mode 100644
index 0000000..4c82eff
Binary files /dev/null and b/app/assets/images/hero-thumb-9.png differ
diff --git a/app/assets/images/herobg-footer.png b/app/assets/images/herobg-footer.png
new file mode 100644
index 0000000..38837fa
Binary files /dev/null and b/app/assets/images/herobg-footer.png differ
diff --git a/app/assets/images/herobg.png b/app/assets/images/herobg.png
new file mode 100644
index 0000000..38837fa
Binary files /dev/null and b/app/assets/images/herobg.png differ
diff --git a/app/assets/images/home-app-page.png b/app/assets/images/home-app-page.png
new file mode 100644
index 0000000..812a53d
Binary files /dev/null and b/app/assets/images/home-app-page.png differ
diff --git a/app/assets/images/home/app-slide-home-0.png b/app/assets/images/home/app-slide-home-0.png
new file mode 100644
index 0000000..97d5990
Binary files /dev/null and b/app/assets/images/home/app-slide-home-0.png differ
diff --git a/app/assets/images/home/app-slide-home-1.png b/app/assets/images/home/app-slide-home-1.png
new file mode 100644
index 0000000..57b734a
Binary files /dev/null and b/app/assets/images/home/app-slide-home-1.png differ
diff --git a/app/assets/images/home/app-slide-home-2.png b/app/assets/images/home/app-slide-home-2.png
new file mode 100644
index 0000000..ac1c02e
Binary files /dev/null and b/app/assets/images/home/app-slide-home-2.png differ
diff --git a/app/assets/images/home/assign-chores.jpg b/app/assets/images/home/assign-chores.jpg
new file mode 100644
index 0000000..db22fd7
Binary files /dev/null and b/app/assets/images/home/assign-chores.jpg differ
diff --git a/app/assets/images/home/box-chores.png b/app/assets/images/home/box-chores.png
new file mode 100644
index 0000000..0063b8c
Binary files /dev/null and b/app/assets/images/home/box-chores.png differ
diff --git a/app/assets/images/home/box-family.png b/app/assets/images/home/box-family.png
new file mode 100644
index 0000000..dcacd47
Binary files /dev/null and b/app/assets/images/home/box-family.png differ
diff --git a/app/assets/images/home/box-financial.png b/app/assets/images/home/box-financial.png
new file mode 100644
index 0000000..c219ea3
Binary files /dev/null and b/app/assets/images/home/box-financial.png differ
diff --git a/app/assets/images/home/box-reward.png b/app/assets/images/home/box-reward.png
new file mode 100644
index 0000000..142e2b3
Binary files /dev/null and b/app/assets/images/home/box-reward.png differ
diff --git a/app/assets/images/home/card-home-01.png b/app/assets/images/home/card-home-01.png
new file mode 100644
index 0000000..33b0504
Binary files /dev/null and b/app/assets/images/home/card-home-01.png differ
diff --git a/app/assets/images/home/family-connect.jpg b/app/assets/images/home/family-connect.jpg
new file mode 100644
index 0000000..883cb51
Binary files /dev/null and b/app/assets/images/home/family-connect.jpg differ
diff --git a/app/assets/images/home/financial-edu.jpg b/app/assets/images/home/financial-edu.jpg
new file mode 100644
index 0000000..c1268e2
Binary files /dev/null and b/app/assets/images/home/financial-edu.jpg differ
diff --git a/app/assets/images/home/reward-goals.jpg b/app/assets/images/home/reward-goals.jpg
new file mode 100644
index 0000000..1b12500
Binary files /dev/null and b/app/assets/images/home/reward-goals.jpg differ
diff --git a/app/assets/images/home/top_sliders/slide_1.png b/app/assets/images/home/top_sliders/slide_1.png
new file mode 100644
index 0000000..4edd3c0
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_1.png differ
diff --git a/app/assets/images/home/top_sliders/slide_2.png b/app/assets/images/home/top_sliders/slide_2.png
new file mode 100644
index 0000000..e47e1ad
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_2.png differ
diff --git a/app/assets/images/home/top_sliders/slide_3.png b/app/assets/images/home/top_sliders/slide_3.png
new file mode 100644
index 0000000..e10fb13
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_3.png differ
diff --git a/app/assets/images/home/top_sliders/slide_33.png b/app/assets/images/home/top_sliders/slide_33.png
new file mode 100644
index 0000000..33cac85
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_33.png differ
diff --git a/app/assets/images/home/top_sliders/slide_4.png b/app/assets/images/home/top_sliders/slide_4.png
new file mode 100644
index 0000000..68fe75d
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_4.png differ
diff --git a/app/assets/images/home/top_sliders/slide_5.png b/app/assets/images/home/top_sliders/slide_5.png
new file mode 100644
index 0000000..37aa9ea
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_5.png differ
diff --git a/app/assets/images/home/top_sliders/slide_6.png b/app/assets/images/home/top_sliders/slide_6.png
new file mode 100644
index 0000000..131eef9
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_6.png differ
diff --git a/app/assets/images/home/top_sliders/slide_7.png b/app/assets/images/home/top_sliders/slide_7.png
new file mode 100644
index 0000000..f156887
Binary files /dev/null and b/app/assets/images/home/top_sliders/slide_7.png differ
diff --git a/app/assets/images/home/wrench-side-logo-1.png b/app/assets/images/home/wrench-side-logo-1.png
new file mode 100644
index 0000000..b95fa6b
Binary files /dev/null and b/app/assets/images/home/wrench-side-logo-1.png differ
diff --git a/app/assets/images/home/wrenchboard_logo_3.png b/app/assets/images/home/wrenchboard_logo_3.png
new file mode 100644
index 0000000..c11dffc
Binary files /dev/null and b/app/assets/images/home/wrenchboard_logo_3.png differ
diff --git a/app/assets/images/home/wrenchboard_logo_4.png b/app/assets/images/home/wrenchboard_logo_4.png
new file mode 100644
index 0000000..c66f230
Binary files /dev/null and b/app/assets/images/home/wrenchboard_logo_4.png differ
diff --git a/app/assets/images/home/wrenchboard_logo_5.png b/app/assets/images/home/wrenchboard_logo_5.png
new file mode 100644
index 0000000..72634d8
Binary files /dev/null and b/app/assets/images/home/wrenchboard_logo_5.png differ
diff --git a/app/assets/images/how-it-work-thumb.png b/app/assets/images/how-it-work-thumb.png
new file mode 100644
index 0000000..50033e1
Binary files /dev/null and b/app/assets/images/how-it-work-thumb.png differ
diff --git a/app/assets/images/icon/1.png b/app/assets/images/icon/1.png
new file mode 100644
index 0000000..7e5bb11
Binary files /dev/null and b/app/assets/images/icon/1.png differ
diff --git a/app/assets/images/icon/1.svg b/app/assets/images/icon/1.svg
new file mode 100644
index 0000000..a2f24f8
--- /dev/null
+++ b/app/assets/images/icon/1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="24" viewBox="0 0 28 24">
+  <image id="icon" width="28" height="24" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAACM0lEQVRIic2WTYhOYRTH/2e8WcjM5GssmLIQokwpKUZNyoZYKAsiEgspWRHFethKKbExPhb2NoMosjLMKBsWSmOaedXE0DTD/PTUc3W63a/3svDfvPd9nnP+v3vOe9/nXFMFAWskHZTUJ2m9pKWS5iQ1JQ1JeizptpmNlboBV4FnwPKMvW7gDjBHuWaB68DiIp4Fm3h92MwGHGy/pBuSOuPSrKQXkl5KGpU0T1K3pF5Jm53nuKR9ZvY8r8JER93aWbf+C7gGrCjo0trYiUQzwN5KQOCSWxsFtha1KOW1B/gac38APYVAoN99fw+srApzfr0RFvQKaOQBH7rrkTow53nKeR3PA3rYsrqw6BkexqHo99bv+ac06JukkfhEJpqQdMLMJluEHpB0V9K0pHYz+5lXYZZ21azyELAtXeFNSVskDUuaycgNFV40s+lWof+FKp2lVQXMl7QgJ7xhZs1/CdsEfC95Fj63uYQ24D7wBOiowVxVUF2irj8tBZbEcRN0zsyutFhh8NodR1eicLAfcz/dVDrpUSx9HOhMm7Z4AyddK6fi52Q6aLsLuvcXsNPO5xNwORMYg2+54P4asPMp2GrgTBFwoTsHgwaARRVAHeEQcXkfAizu5QNjQBfwxiU345zckBG7DrgAjLn4d37alAJjUHtqinv4MPAamMjYf5DuCHAk7n0s61QI7gMGK7xIPQV25ng04oDvqXy0hTc4STskbYz/tZD7RVKYd4NmVn73kn4DdkI/JOBbSQsAAAAASUVORK5CYII="/>
+</svg>
diff --git a/app/assets/images/icon/2.png b/app/assets/images/icon/2.png
new file mode 100644
index 0000000..cfefd3b
Binary files /dev/null and b/app/assets/images/icon/2.png differ
diff --git a/app/assets/images/icon/2.svg b/app/assets/images/icon/2.svg
new file mode 100644
index 0000000..c1bc154
--- /dev/null
+++ b/app/assets/images/icon/2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="30" viewBox="0 0 30 30">
+  <image id="icon" width="30" height="30" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACuklEQVRIibWXzUtVURTF17molRVWEKGBSQ0jssBBEEIUQiCBRk2iQdDEWY50oETDBhrYxD8gK4KaCg1CqInRJDAjiSBwIIE9zErD8hdHzqXt6V7ffY/nmrx77z57rfO1P55TAQBNknolnZfULumopF3BsyTpo6RpSZOSnjvnfhfhzQXQBowDqxTHAjAINFYjmAADwM8MOT+JWWAKeAV8Av5kjPsMdFUiugeYjEiWgTHgLFCX4dME9ADPgHXj55+Hi4pOR45ecF8FEz8OvIgmPrqVQxKtdKmirdrM5YChSLw/b/BAJHqyGtGIs89wrgEd8YA2c5HWq11pjviIEX/jd9Yax41xrFaigbsemDH8vamhycTpctZFAvYCt4GrOeQN4ahu5tgvGuGp9OONcqsNoilaM+yW40yG3V+2D2bM4SSkwRRPcnbsffhdkPQ1w+5Tpk+T3yTNx0bnHJIem0/nZPZ/NSs5mFm3+jjfwt4CHNjCfmFTXJvbPJvnVAuEiaV4mpgq82U7haMj2p+Yl9xtrhEs/1oS6qlHyzYLHzLPpbpwI30qO+Jj2jm3ZEcDvuh3S0r+58rEiqQHzrkfkbHdPM954vvm0HtiJuAtleNuBo/Njt1JaFdSXM9YwmLBlVpsinXAX+Ar4XVV0pQLsTsfzsAH+gnn3DvjtFtSp6QdFYi+DEkj5bgl6V54feicu5YaBs02+CJeqAksAqAZKBn+U3YrGkOPlGKoRqINUTcykTWoK+qX+mog+sjw+e7zYN7g4ej++iJeX4Voc7TSX0BnOafRSHwm1NOy5+5vr79I0Zl60UtFZ9wfeiQLX0/vhCrjE/7O0JUeAy6HOF2MfBbKrjRDvCP0SNViIvdMC4j7lrc3/GsogpUg+C9kclA4Xn27stE5SKd9XvelzVeZUGTmJL3eyEjOfS9LJukv6MpxdJL6cS0AAAAASUVORK5CYII="/>
+</svg>
diff --git a/app/assets/images/icon/3.png b/app/assets/images/icon/3.png
new file mode 100644
index 0000000..aa46614
Binary files /dev/null and b/app/assets/images/icon/3.png differ
diff --git a/app/assets/images/icon/3.svg b/app/assets/images/icon/3.svg
new file mode 100644
index 0000000..9a674c4
--- /dev/null
+++ b/app/assets/images/icon/3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="27" viewBox="0 0 25 27">
+  <image id="lock" width="25" height="27" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAYAAACJISRoAAABZElEQVRIie2WvUoDURCFv40SSGFlIf4UPoFNrE0jSBDfQbCzyCvE97AR8ggWYiVoyqTJA4ii0TRCSBMQzZGJg1yi2R+yWkhOs+ydM+fcmbs7uyRBUlHSsaQrSX19ou/3tl5MFImDpLKkW8XD4uU4nWhaQNI2cA2UfOkZuAC6wDpQBVY9NgR2oihqZamgJOk+2H99si3exnrAMX5puup3k1qQfJLAPQm4tSwmTU/qJR2sV9RzfjOLycCTGin5DecPfooXpuQt+fUl5b4eJvJSmWTFaxw/L5NY/InJGJIqkm4kDRPe7rQYul7F9CNJu8DlL1U1AvbMxEaBzZ534Ax4BDaBNaCVdKgOe5dsDD0Bd8AGcAgsAG1r1chbcJpnCabnuqNCMCS7eZoEetH/eYTnJnMTVnLW/tJbBDrAFnAk6S3DhyoOy6bnhI7Nrn3gPO73aAYIOBjnS6pKagdzbFaYjulVAT4AtbS9cZ/NC0QAAAAASUVORK5CYII="/>
+</svg>
diff --git a/app/assets/images/icon/4.png b/app/assets/images/icon/4.png
new file mode 100644
index 0000000..3db7243
Binary files /dev/null and b/app/assets/images/icon/4.png differ
diff --git a/app/assets/images/icon/4.svg b/app/assets/images/icon/4.svg
new file mode 100644
index 0000000..03f7101
--- /dev/null
+++ b/app/assets/images/icon/4.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25">
+  <image id="icon" width="25" height="25" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAB80lEQVRIia2VP2tTYRTGn5sKwQSyKnQoiBQco1QcFTrkA2R0CNlKv0HH7n6PDN06uNatlRpx6hDq4iBIh6hFCdT+5Oh542m4/6j3gXDznvO8z3PPe869V2UAesAImADnwBV/ceXried7pUJ5ADrAPjCnHubO7+TpZasBoC/pQNKDEP4p6a2kM0kLSW1JjyQ9lXQ38D5KGmZZ9r6sgm3gR7j3GTAGugX8rudnYY/t3y4y6K8YvALaNY+37fxo1F8ldbyRCTt1xHPMdoLG+Y0eedOWFdzGIGjFivZTsBemaFb3iEpM2qFH8z/j7XOeMP4fg2A0Dpoj+QOVmpU7Rbcw6YYhmig0/KgJg2B0lAagJWnD42dNmgS9DTNZ88XXhk2++XXtTgjeB577f3t1TLMsW9RV9Kl87K8cw72YLMIFMKxpMHR+LspM8Ff6VoXBVvgE5KIV+B8kvfDfnsesX7sVheyGvu4FjX+DFJxvjDDwrs5oA2+cd7oSP07CreLt+l5RwVLPr5dFhDKTxhBN5g1rL5+7Vij3IgUB+yyv+/K6Qizl131fwuckZw/jVNITSSMnfZL0TNJDJ00rTCxv02T818CJ3+DLZR4YAL8KRvwLkCrKheWdlwfTHaTjMaNT4NqZC+AQ2KyoIu3fdL7tM5iO6Q0k6TeUktts4CGjcQAAAABJRU5ErkJggg=="/>
+</svg>
diff --git a/app/assets/images/icon/5.svg b/app/assets/images/icon/5.svg
new file mode 100644
index 0000000..80511de
--- /dev/null
+++ b/app/assets/images/icon/5.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg height="25" width="25" 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 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path class="st0" d="M4,3h16c1.1,0,2,0.9,2,2v10c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V5C2,3.9,2.9,3,4,3z"/>
+<line class="st0" x1="8" y1="21" x2="16" y2="21"/>
+<line class="st0" x1="12" y1="17" x2="12" y2="21"/>
+</svg>
diff --git a/app/assets/images/icon/6.svg b/app/assets/images/icon/6.svg
new file mode 100644
index 0000000..bebd2ed
--- /dev/null
+++ b/app/assets/images/icon/6.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg height="25px" width="25px" 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 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path class="st0" d="M17,21v-2c0-2.2-1.8-4-4-4H5c-2.2,0-4,1.8-4,4v2"/>
+<circle class="st0" cx="9" cy="7" r="4"/>
+<path class="st0" d="M23,21v-2c0-1.8-1.2-3.4-3-3.9"/>
+<path class="st0" d="M16,3.1c2.1,0.5,3.4,2.7,2.9,4.9c-0.4,1.4-1.5,2.5-2.9,2.9"/>
+</svg>
diff --git a/app/assets/images/icon/7.svg b/app/assets/images/icon/7.svg
new file mode 100644
index 0000000..e3e39e4
--- /dev/null
+++ b/app/assets/images/icon/7.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg height="25px" width="25px" 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 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path class="st0" d="M6,2h12c1.1,0,2,0.9,2,2v16c0,1.1-0.9,2-2,2H6c-1.1,0-2-0.9-2-2V4C4,2.9,4.9,2,6,2z"/>
+<line class="st0" x1="12" y1="18" x2="12" y2="18"/>
+</svg>
diff --git a/app/assets/images/icon/CreateAccount.png b/app/assets/images/icon/CreateAccount.png
new file mode 100644
index 0000000..7b5f999
Binary files /dev/null and b/app/assets/images/icon/CreateAccount.png differ
diff --git a/app/assets/images/icon/FindTask.png b/app/assets/images/icon/FindTask.png
new file mode 100644
index 0000000..b18f3cf
Binary files /dev/null and b/app/assets/images/icon/FindTask.png differ
diff --git a/app/assets/images/icon/Findtaskicon.png b/app/assets/images/icon/Findtaskicon.png
new file mode 100644
index 0000000..c6b1681
Binary files /dev/null and b/app/assets/images/icon/Findtaskicon.png differ
diff --git a/app/assets/images/icon/GetPaid.png b/app/assets/images/icon/GetPaid.png
new file mode 100644
index 0000000..5aa599e
Binary files /dev/null and b/app/assets/images/icon/GetPaid.png differ
diff --git a/app/assets/images/icon/Money.png b/app/assets/images/icon/Money.png
new file mode 100644
index 0000000..a4fa310
Binary files /dev/null and b/app/assets/images/icon/Money.png differ
diff --git a/app/assets/images/icon/Organize.png b/app/assets/images/icon/Organize.png
new file mode 100644
index 0000000..5014940
Binary files /dev/null and b/app/assets/images/icon/Organize.png differ
diff --git a/app/assets/images/icon/_account_login.png b/app/assets/images/icon/_account_login.png
new file mode 100644
index 0000000..7b0ff13
Binary files /dev/null and b/app/assets/images/icon/_account_login.png differ
diff --git a/app/assets/images/icon/_reward.png b/app/assets/images/icon/_reward.png
new file mode 100644
index 0000000..04b202b
Binary files /dev/null and b/app/assets/images/icon/_reward.png differ
diff --git a/app/assets/images/icon/_target.png b/app/assets/images/icon/_target.png
new file mode 100644
index 0000000..40fe4e8
Binary files /dev/null and b/app/assets/images/icon/_target.png differ
diff --git a/app/assets/images/icon/_task.png b/app/assets/images/icon/_task.png
new file mode 100644
index 0000000..300d034
Binary files /dev/null and b/app/assets/images/icon/_task.png differ
diff --git a/app/assets/images/icon/about-us.ico b/app/assets/images/icon/about-us.ico
new file mode 100644
index 0000000..2fc56c8
Binary files /dev/null and b/app/assets/images/icon/about-us.ico differ
diff --git a/app/assets/images/icon/account.png b/app/assets/images/icon/account.png
new file mode 100644
index 0000000..c661692
Binary files /dev/null and b/app/assets/images/icon/account.png differ
diff --git a/app/assets/images/icon/account_login.png b/app/assets/images/icon/account_login.png
new file mode 100644
index 0000000..1c7ae8e
Binary files /dev/null and b/app/assets/images/icon/account_login.png differ
diff --git a/app/assets/images/icon/assign-chores.png b/app/assets/images/icon/assign-chores.png
new file mode 100644
index 0000000..37a24d2
Binary files /dev/null and b/app/assets/images/icon/assign-chores.png differ
diff --git a/app/assets/images/icon/counter-icon-1.svg b/app/assets/images/icon/counter-icon-1.svg
new file mode 100644
index 0000000..4e89c37
--- /dev/null
+++ b/app/assets/images/icon/counter-icon-1.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" enable-background="new 0 0 512 512" height="64px" viewBox="0 0 512 512" width="64px" xmlns="http://www.w3.org/2000/svg"><path id="XMLID_802_" d="m428.842 321.658c0 62.805-50.913 36.579-113.718 36.579s-113.718 26.226-113.718-36.579 50.913-113.718 113.718-113.718 113.718 50.914 113.718 113.718z" fill="#6d81d5"/><g fill="#5169cd"><path id="XMLID_803_" d="m303.168 358.535c-57.189 2.701-101.76 21.884-101.76-36.872 0-32.388 13.545-61.611 35.264-82.33 37.757 27.038 63.27 70.126 66.496 119.202z"/><path id="XMLID_804_" d="m428.843 321.663c0 40.253-20.915 43.933-52.478 41.376 17.781-2.422 28.574-12.452 28.574-41.376 0-58.766-44.572-107.121-101.76-113.089 3.927-.423 7.906-.629 11.947-.629 62.806.001 113.717 50.912 113.717 113.718z"/><path id="XMLID_805_" d="m422.895 285.266c-.32.01-.629.01-.948.01-34.758 0-65.631-16.895-84.866-42.892-6.968 2.072-14.328 3.206-21.956 3.206-21.616 0-41.18-8.968-55.148-23.389 16.328-9.092 35.13-14.256 55.148-14.256 50.076.001 92.597 32.368 107.77 77.321z"/></g><circle id="XMLID_1170_" cx="315.124" cy="168.767" fill="#8897dc" r="61.363"/><path id="XMLID_807_" d="m376.489 168.765c0 29.306-20.544 53.808-48.015 59.9-7.69-14.627-12.04-31.264-12.04-48.901 0-25.388 9.009-48.705 23.997-66.919 21.266 9.637 36.058 31.047 36.058 55.92z" fill="#6d81d5"/><path id="XMLID_809_" d="m288.05 369.088c0 79.543-64.482 46.327-144.025 46.327s-144.025 33.216-144.025-46.327 64.482-144.025 144.025-144.025 144.025 64.482 144.025 144.025z" fill="#64b9fc"/><path id="XMLID_810_" d="m210.097 241.096c-16.884 16.998-40.273 27.533-66.074 27.533s-49.19-10.545-66.064-27.543c19.791-10.236 42.252-16.019 66.064-16.019s46.283 5.783 66.074 16.029z" fill="#31a7fb"/><path id="XMLID_811_" d="m288.046 369.09c0 49.282-24.76 55.282-62.518 52.694 23.956-2.484 38.624-14.771 38.624-52.694 0-75.516-58.127-137.457-132.076-143.528 3.938-.33 7.927-.495 11.947-.495 79.547 0 144.023 64.477 144.023 144.023z" fill="#31a7fb"/><circle id="XMLID_1163_" cx="144.025" cy="175.45" fill="#8dcafc" r="77.717"/><path id="XMLID_813_" d="m221.745 175.455c0 42.912-34.8 77.712-77.722 77.712-4.123 0-8.164-.319-12.112-.938 37.171-5.814 65.61-37.985 65.61-76.774 0-38.799-28.44-70.971-65.61-76.784 3.948-.619 7.989-.938 12.112-.938 42.923 0 77.722 34.8 77.722 77.722z" fill="#64b9fc"/><circle id="XMLID_1158_" cx="421.947" cy="179.761" fill="#ec6264" r="90.053"/><path id="XMLID_815_" d="m511.996 179.756c0 49.736-40.314 90.061-90.05 90.061-4.793 0-9.494-.371-14.081-1.103 43.036-6.752 75.96-44.015 75.96-88.958 0-44.932-32.924-82.196-75.96-88.948 4.587-.732 9.288-1.103 14.081-1.103 49.735 0 90.05 40.325 90.05 90.051z" fill="#e64649"/><path id="XMLID_816_" d="m438.953 212.058h-9.28v-72.321c0-4.267-3.459-7.726-7.726-7.726h-11.728c-4.267 0-7.726 3.459-7.726 7.726s3.459 7.726 7.726 7.726h4.002v64.595h-9.28c-4.267 0-7.726 3.459-7.726 7.726s3.459 7.726 7.726 7.726h34.013c4.267 0 7.726-3.459 7.726-7.726 0-4.266-3.46-7.726-7.727-7.726z" fill="#eff5f6"/></svg>
\ No newline at end of file
diff --git a/app/assets/images/icon/counter-icon-2.svg b/app/assets/images/icon/counter-icon-2.svg
new file mode 100644
index 0000000..9168a5e
--- /dev/null
+++ b/app/assets/images/icon/counter-icon-2.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg height="64px" width="64px" version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 477.1" style="enable-background:new 0 0 512 477.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#D6AA49;}
+	.st1{fill:#2783EC;}
+	.st2{fill:#439AF6;}
+	.st3{fill:#F0F2F5;}
+	.st4{fill:#FCCB55;}
+	.st5{fill:#FFD880;}
+	.st6{fill:#1F61A3;}
+	.st7{fill:#FFE7B3;}
+</style>
+<path class="st0" d="M358.4,341.5h51.2v93.9h-51.2V341.5z"/>
+<path class="st1" d="M52.7,349.9h-1.5c-24-0.9-42.9-20.7-42.7-44.7V25.6c0-9.4,7.7-17,17.1-17.1h120.9c4.5,0,8.9,1.8,12.1,5
+	l24.1,24.1c3.2,3.2,7.6,5,12.1,5h103.9c9.4,0,17,7.7,17.1,17.1v34.1l-221.9,256L52.7,349.9z"/>
+<path class="st2" d="M401.1,110.9v238.9H52.7c23-0.8,41.2-19.7,41.1-42.7V110.9c0-9.4,7.7-17,17.1-17.1H384
+	C393.4,93.9,401,101.5,401.1,110.9z"/>
+<path class="st3" d="M136.5,128h102.4c4.7,0,8.5,3.8,8.5,8.5v51.2c0,4.7-3.8,8.5-8.5,8.5H136.5c-4.7,0-8.5-3.8-8.5-8.5v-51.2
+	C128,131.8,131.8,128,136.5,128z"/>
+<path class="st4" d="M349.9,418.3h68.3c18.9,0,34.1,15.3,34.1,34.1v8.5c0,4.7-3.8,8.5-8.5,8.5H324.3c-4.7,0-8.5-3.8-8.5-8.5v-8.5
+	C315.7,433.5,331,418.3,349.9,418.3z"/>
+<path class="st5" d="M324.3,315.9c-9.4-4.1-17.9-10.2-24.7-17.9c-22.4-22.4-35-52.8-35-84.5c0-4.7,3.8-8.5,8.5-8.5h221.9
+	c4.7,0,8.5,3.8,8.5,8.5c0,31.7-12.6,62.1-35,84.5c-6.9,7.7-15.3,13.8-24.7,17.9H324.3z"/>
+<path class="st4" d="M324.3,179.3h119.5c4.7,0,8.5,3.8,8.5,8.5v110.9c0,37.7-30.6,68.3-68.3,68.3s-68.3-30.6-68.3-68.3V187.9
+	C315.7,183.2,319.6,179.3,324.3,179.3z"/>
+<path class="st6" d="M230.4,238.9h-93.9c-4.7,0-8.5-3.8-8.5-8.5s3.8-8.5,8.5-8.5h93.9c4.7,0,8.5,3.8,8.5,8.5
+	S235.1,238.9,230.4,238.9z"/>
+<path class="st6" d="M196.3,273.1h-59.7c-4.7,0-8.5-3.8-8.5-8.5s3.8-8.5,8.5-8.5h59.7c4.7,0,8.5,3.8,8.5,8.5S201,273.1,196.3,273.1z
+	"/>
+<g>
+	<path class="st7" d="M349.9,230.5c-4.7,0-8.5-3.8-8.5-8.5v-8.5c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5v8.5
+		C358.4,226.7,354.6,230.5,349.9,230.5z"/>
+	<path class="st7" d="M384,341.5c-23.6,0-42.6-19.1-42.7-42.7v-42.7c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5v42.7
+		c0,14.1,11.5,25.6,25.6,25.6c4.7,0,8.5,3.8,8.5,8.5S388.7,341.5,384,341.5z"/>
+</g>
+</svg>
diff --git a/app/assets/images/icon/counter-icon-3.svg b/app/assets/images/icon/counter-icon-3.svg
new file mode 100644
index 0000000..6f2c09f
--- /dev/null
+++ b/app/assets/images/icon/counter-icon-3.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="64px" viewBox="0 0 512 512" width="64px" xmlns="http://www.w3.org/2000/svg"><g><g><g><g><path d="m215.008 226.584c5.882-13.617 9.148-28.628 9.148-44.404 0-61.899-50.179-112.078-112.078-112.078s-112.078 50.179-112.078 112.077 50.179 112.078 112.078 112.078c14.765 0 28.86-2.861 41.77-8.049 11.614-27.102 33.709-48.686 61.16-59.624z" fill="#fd4755"/><g><path d="m43.176 182.179c0-54.513 38.922-99.929 90.49-109.992-6.987-1.363-14.202-2.086-21.588-2.086-61.899.001-112.078 50.179-112.078 112.078s50.179 112.078 112.078 112.078c7.386 0 14.601-.722 21.588-2.086-51.568-10.063-90.49-55.478-90.49-109.992z" fill="#fb2b3a"/></g><g><path d="m147.691 245.195c-4.143 0-7.5-3.358-7.5-7.5 0-15.502-12.611-28.114-28.113-28.114s-28.113 12.612-28.113 28.114c0 4.142-3.357 7.5-7.5 7.5s-7.5-3.358-7.5-7.5c0-23.773 19.341-43.114 43.113-43.114s43.113 19.341 43.113 43.114c0 4.142-3.357 7.5-7.5 7.5z" fill="#c41926"/></g><g><g><path d="m82.176 165.588h-24.626c-4.143 0-7.5-3.358-7.5-7.5s3.357-7.5 7.5-7.5h24.626c4.143 0 7.5 3.358 7.5 7.5s-3.358 7.5-7.5 7.5z" fill="#c41926"/></g><g><path d="m166.605 165.588h-24.625c-4.143 0-7.5-3.358-7.5-7.5s3.357-7.5 7.5-7.5h24.625c4.143 0 7.5 3.358 7.5 7.5s-3.357 7.5-7.5 7.5z" fill="#c41926"/></g></g></g></g></g><g><path d="m297.769 225.792c-12.909-5.188-27.004-8.049-41.769-8.049-61.899 0-112.078 50.179-112.078 112.078s50.179 112.077 112.078 112.077 112.078-50.179 112.078-112.078c0-15.776-3.266-30.788-9.148-44.404-27.451-10.938-49.546-32.522-61.161-59.624z" fill="#fed402"/><g><path d="m186.978 329.821c0-54.535 38.952-99.964 90.55-110.004-6.968-1.356-14.163-2.074-21.528-2.074-61.899 0-112.078 50.179-112.078 112.078s50.179 112.078 112.078 112.078c7.364 0 14.56-.718 21.528-2.074-51.598-10.04-90.55-55.47-90.55-110.004z" fill="#fac600"/></g><g><g><path d="m224.576 323.704c-4.143 0-7.5-3.358-7.5-7.5v-21.997c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5v21.997c0 4.142-3.357 7.5-7.5 7.5z" fill="#fb8801"/></g><g><path d="m287.424 323.704c-4.143 0-7.5-3.358-7.5-7.5v-21.997c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5v21.997c0 4.142-3.358 7.5-7.5 7.5z" fill="#fb8801"/></g></g><g><path d="m293.185 372.934h-74.369c-4.143 0-7.5-3.358-7.5-7.5s3.357-7.5 7.5-7.5h74.369c4.143 0 7.5 3.358 7.5 7.5s-3.358 7.5-7.5 7.5z" fill="#fb8801"/></g></g><g><g><circle cx="399.922" cy="182.179" fill="#97d729" r="112.078"/></g><g><path d="m330.597 182.179c0-54.588 39.028-100.053 90.702-110.033-6.921-1.337-14.065-2.045-21.376-2.045-61.899 0-112.078 50.179-112.078 112.078s50.179 112.078 112.078 112.078c7.311 0 14.456-.708 21.376-2.045-51.674-9.98-90.702-55.445-90.702-110.033z" fill="#8bc727"/></g><g><path d="m399.922 245.195c-23.772 0-43.113-19.341-43.113-43.114 0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5c0 15.502 12.611 28.114 28.113 28.114s28.113-12.612 28.113-28.114c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5c0 23.773-19.341 43.114-43.113 43.114z" fill="#78a91f"/></g><g><g><path d="m376.44 168.995c-4.143 0-7.5-3.358-7.5-7.5 0-5.751-4.679-10.43-10.43-10.43s-10.43 4.679-10.43 10.43c0 4.142-3.357 7.5-7.5 7.5s-7.5-3.358-7.5-7.5c0-14.022 11.407-25.43 25.43-25.43s25.43 11.408 25.43 25.43c0 4.142-3.357 7.5-7.5 7.5z" fill="#78a91f"/></g><g><path d="m459.264 168.995c-4.143 0-7.5-3.358-7.5-7.5 0-5.751-4.679-10.43-10.431-10.43-5.751 0-10.43 4.679-10.43 10.43 0 4.142-3.357 7.5-7.5 7.5s-7.5-3.358-7.5-7.5c0-14.022 11.407-25.43 25.43-25.43s25.431 11.408 25.431 25.43c0 4.142-3.358 7.5-7.5 7.5z" fill="#78a91f"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/app/assets/images/icon/counter-icon-4.svg b/app/assets/images/icon/counter-icon-4.svg
new file mode 100644
index 0000000..4fd8de0
--- /dev/null
+++ b/app/assets/images/icon/counter-icon-4.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="64px" viewBox="0 0 512 512" width="64px" xmlns="http://www.w3.org/2000/svg"><g><path d="m506.8 402.959c-1.806 16.472-15.148 29.341-31.682 30.499-1.368.097-2.726.193-4.085.281-10.081.684-17.919 9.056-17.919 19.163v38.204c0 12.852-14.71 20.145-24.932 12.361-18.655-14.21-43.473-35.346-58.7-57.263-3.603-5.19-9.555-8.214-15.876-8.179-46.883.237-93.766-1.271-140.649-4.567-13.071-.912-24.169-9.126-29.113-20.68-1.315-3.033-2.192-6.312-2.569-9.739-6.943-63.425-6.943-126.859 0-190.294 1.806-16.455 15.157-29.263 31.664-30.42 69.842-4.901 139.676-5.882 209.51-2.946 17.55.728 35.11 1.709 52.66 2.946 16.516 1.157 29.876 13.965 31.682 30.42 6.944 63.407 6.944 126.806.009 190.214z" fill="#78d0b1"/><path d="m199.16 211.001c-7.111 64.942-7.111 129.891 0 194.82.385 3.515 1.284 6.867 2.629 9.977 3.44 8.043 9.794 14.505 17.716 18.108-2.183-.142-4.366-.291-6.55-.446-13.072-.912-24.171-9.125-29.112-20.683-1.318-3.035-2.197-6.313-2.569-9.74-6.948-63.421-6.948-126.857 0-190.292 1.805-16.452 15.154-29.261 31.66-30.416 3.224-.223 6.448-.446 9.679-.649-12.571 4.325-21.946 15.586-23.453 29.321z" fill="#66b49d"/><g><path d="m305.554 379.278c.02 10.337 13.59 18.706 23.927 18.706h80.006c8.318 0 15.062-6.744 15.062-15.067 0-4.159-1.681-7.93-4.407-10.655s-6.496-4.412-10.655-4.412h5.408c8.318 0 15.067-6.739 15.067-15.067 0-4.164-1.681-7.925-4.417-10.655-2.721-2.726-6.487-4.407-10.651-4.407h5.413c8.216 0 14.897-6.584 15.057-14.766.17-8.454-6.943-15.368-15.398-15.368h-5.073c8.318 0 15.067-6.744 15.067-15.072 0-4.164-1.681-7.925-4.417-10.655-2.721-2.726-6.487-4.407-10.651-4.407h-42.376c-.06-.095-.079-.124-.139-.219l16.525-35.202c4.689-9.98.394-21.87-9.586-26.558-2.74-1.288-5.626-1.895-8.469-1.895-7.502 0-14.688 4.247-18.089 11.486l-7.065 15.053c-4.174 8.887-10.859 16.399-19.324 21.364-5.588 3.275-10.242 8.27-13.085 14.664-1.939 4.363-2.808 8.96-2.726 13.473z" fill="#ffddce"/><g fill="#ffcbbe"><path d="m385.494 219.986c-.68-.073-1.36-.107-2.041-.107-7.502 0-14.688 4.247-18.089 11.486l-7.065 15.053c-4.174 8.887-10.859 16.399-19.324 21.364-5.588 3.275-25.689 8.362-26.432 46.441-.058 2.974-1.132 5.719-1.919 8.459l-.063-33.064c-.083-4.514.787-9.11 2.726-13.473 2.842-6.394 7.497-11.389 13.085-14.664 8.464-4.966 15.15-12.477 19.324-21.364l7.065-15.053c3.401-7.24 10.587-11.486 18.089-11.486 2.842 0 5.729.607 8.469 1.895 2.404 1.127 4.479 2.677 6.175 4.513z"/><path d="m424.549 382.917c0 8.323-6.744 15.067-15.062 15.067h-82.095c-8.688 0-16.743-4.198-21.729-11.098h103.823c6.36 0 11.797-3.94 14.008-9.518.005.005.005.015.015.019 0 0-.005.005 0 .005.671 1.711 1.04 3.577 1.04 5.525z"/><path d="m428.898 347.233c.68 1.718 1.058 3.59 1.058 5.548 0 8.327-6.743 15.07-15.064 15.07h-5.773c-3.065 0-5.549-2.484-5.549-5.549 0-3.065 2.484-5.549 5.549-5.549h5.773c6.362.001 11.797-3.942 14.006-9.52z"/><path d="m434.311 317.1c.68 1.718 1.058 3.59 1.058 5.548 0 8.327-6.743 15.07-15.064 15.07h-5.773c-3.065 0-5.549-2.484-5.549-5.549 0-3.065 2.484-5.549 5.549-5.549h5.773c6.361 0 11.797-3.943 14.006-9.52z"/><path d="m428.905 286.966c.68 1.718 1.058 3.59 1.058 5.548 0 8.327-6.743 15.07-15.064 15.07h-5.773c-3.065 0-5.549-2.484-5.549-5.549 0-3.065 2.484-5.549 5.549-5.549h5.773c6.361.001 11.797-3.943 14.006-9.52z"/></g><path d="m263.699 289.618v93.958c0 6.516 5.283 11.799 11.799 11.799h23.265c6.516 0 11.799-5.283 11.799-11.799v-93.958c0-6.516-5.283-11.799-11.799-11.799h-23.265c-6.516 0-11.799 5.282-11.799 11.799z" fill="#f1f4f6"/><path d="m263.696 353.981v29.598c0 6.516 5.286 11.796 11.802 11.796h23.264c6.516 0 11.796-5.28 11.796-11.796v-29.598c0 6.516-5.28 11.803-11.796 11.803h-23.264c-6.516-.001-11.802-5.287-11.802-11.803z" fill="#d0e2e7"/></g><path d="m5.004 221.907c1.736 15.839 14.566 28.214 30.465 29.327 1.315.093 2.622.185 3.928.27 9.694.657 17.23 8.708 17.23 18.427v36.736c0 12.358 14.145 19.371 23.974 11.886 17.938-13.664 41.802-33.988 56.445-55.062 3.465-4.99 9.188-7.899 15.266-7.865 45.082.228 90.163-1.222 135.245-4.392 12.568-.877 23.24-8.775 27.995-19.886 1.264-2.917 2.107-6.069 2.47-9.365 6.676-60.988 6.676-121.985 0-182.982-1.737-15.822-14.575-28.138-30.448-29.251-67.16-4.711-134.31-5.655-201.461-2.832-16.876.7-33.761 1.644-50.637 2.832-15.881 1.113-28.727 13.429-30.464 29.252-6.676 60.971-6.676 121.934-.008 182.905z" fill="#f9da41"/><path d="m22.209 37.325c-6.837 62.447-6.837 124.9 0 187.334.371 3.38 1.235 6.603 2.528 9.593 3.308 7.734 9.418 13.948 17.035 17.412-2.099-.136-4.199-.28-6.298-.429-12.57-.877-23.242-8.774-27.993-19.888-1.267-2.918-2.112-6.071-2.47-9.366-6.681-60.984-6.681-121.982 0-182.98 1.735-15.82 14.572-28.136 30.444-29.248 3.1-.214 6.201-.429 9.307-.624-12.089 4.161-21.104 14.989-22.553 28.196z" fill="#edc932"/><g fill="#21386b"><path d="m215.692 125.812c9.482 0 17.195-12.817 17.195-28.572s-7.713-28.572-17.195-28.572c-9.481 0-17.194 12.817-17.194 28.572s7.713 28.572 17.194 28.572z"/><path d="m107.339 125.812c9.482 0 17.195-12.817 17.195-28.572s-7.713-28.572-17.195-28.572c-9.481 0-17.194 12.817-17.194 28.572s7.713 28.572 17.194 28.572z"/><path d="m220.739 146.815c-3.936-1.655-8.464.186-10.122 4.118-8.349 19.804-27.623 32.6-49.102 32.6-21.48 0-40.754-12.796-49.103-32.6-1.657-3.932-6.191-5.773-10.122-4.118-3.932 1.658-5.776 6.189-4.118 10.121 10.77 25.544 35.633 42.05 63.342 42.05 27.708 0 52.571-16.506 63.341-42.05 1.66-3.932-.184-8.463-4.116-10.121z"/></g></g></svg>
\ No newline at end of file
diff --git a/app/assets/images/icon/family-connect.png b/app/assets/images/icon/family-connect.png
new file mode 100644
index 0000000..778b2c7
Binary files /dev/null and b/app/assets/images/icon/family-connect.png differ
diff --git a/app/assets/images/icon/financial-education.png b/app/assets/images/icon/financial-education.png
new file mode 100644
index 0000000..d684e28
Binary files /dev/null and b/app/assets/images/icon/financial-education.png differ
diff --git a/app/assets/images/icon/home-icon.ico b/app/assets/images/icon/home-icon.ico
new file mode 100644
index 0000000..c64bc9d
Binary files /dev/null and b/app/assets/images/icon/home-icon.ico differ
diff --git a/app/assets/images/icon/play.png b/app/assets/images/icon/play.png
new file mode 100644
index 0000000..ff9f5f5
Binary files /dev/null and b/app/assets/images/icon/play.png differ
diff --git a/app/assets/images/icon/preloader.svg b/app/assets/images/icon/preloader.svg
new file mode 100644
index 0000000..20b5514
--- /dev/null
+++ b/app/assets/images/icon/preloader.svg
@@ -0,0 +1,5 @@
+<svg width="141px"  height="141px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-dual-ring" style="background: none;">
+    <circle cx="50" cy="50" ng-attr-r="{{config.radius}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.stroke}}" ng-attr-stroke-dasharray="{{config.dasharray}}" fill="none" stroke-linecap="round" r="14" stroke-width="2" stroke="#298DFF" stroke-dasharray="21.991148575128552 21.991148575128552" transform="rotate(303 50 50)">
+      <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="2s" begin="0s" repeatCount="indefinite"></animateTransform>
+    </circle>
+  </svg>
\ No newline at end of file
diff --git a/app/assets/images/icon/privacy-policy.ico b/app/assets/images/icon/privacy-policy.ico
new file mode 100644
index 0000000..4c45e74
Binary files /dev/null and b/app/assets/images/icon/privacy-policy.ico differ
diff --git a/app/assets/images/icon/reward-old.png b/app/assets/images/icon/reward-old.png
new file mode 100644
index 0000000..04b202b
Binary files /dev/null and b/app/assets/images/icon/reward-old.png differ
diff --git a/app/assets/images/icon/reward.png b/app/assets/images/icon/reward.png
new file mode 100644
index 0000000..dfc3cbb
Binary files /dev/null and b/app/assets/images/icon/reward.png differ
diff --git a/app/assets/images/icon/right_icon.png b/app/assets/images/icon/right_icon.png
new file mode 100644
index 0000000..704fee0
Binary files /dev/null and b/app/assets/images/icon/right_icon.png differ
diff --git a/app/assets/images/icon/target.png b/app/assets/images/icon/target.png
new file mode 100644
index 0000000..122a435
Binary files /dev/null and b/app/assets/images/icon/target.png differ
diff --git a/app/assets/images/icon/task.png b/app/assets/images/icon/task.png
new file mode 100644
index 0000000..9be2c2b
Binary files /dev/null and b/app/assets/images/icon/task.png differ
diff --git a/app/assets/images/icon/taskicon.png b/app/assets/images/icon/taskicon.png
new file mode 100644
index 0000000..6552a7a
Binary files /dev/null and b/app/assets/images/icon/taskicon.png differ
diff --git a/app/assets/images/icon/term-and-conditions.ico b/app/assets/images/icon/term-and-conditions.ico
new file mode 100644
index 0000000..a48806c
Binary files /dev/null and b/app/assets/images/icon/term-and-conditions.ico differ
diff --git a/app/assets/images/icon/twitter_icon-black.png b/app/assets/images/icon/twitter_icon-black.png
new file mode 100644
index 0000000..2c2d7e8
Binary files /dev/null and b/app/assets/images/icon/twitter_icon-black.png differ
diff --git a/app/assets/images/icon/twitter_icon-white.png b/app/assets/images/icon/twitter_icon-white.png
new file mode 100644
index 0000000..2609e58
Binary files /dev/null and b/app/assets/images/icon/twitter_icon-white.png differ
diff --git a/app/assets/images/icon/twitter_icon.svg b/app/assets/images/icon/twitter_icon.svg
new file mode 100644
index 0000000..437e2bf
--- /dev/null
+++ b/app/assets/images/icon/twitter_icon.svg
@@ -0,0 +1,3 @@
+<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
+</svg>
diff --git a/app/assets/images/icon/use-case.ico b/app/assets/images/icon/use-case.ico
new file mode 100644
index 0000000..fcc88c7
Binary files /dev/null and b/app/assets/images/icon/use-case.ico differ
diff --git a/app/assets/images/icon/useraccount.png b/app/assets/images/icon/useraccount.png
new file mode 100644
index 0000000..b50988e
Binary files /dev/null and b/app/assets/images/icon/useraccount.png differ
diff --git a/app/assets/images/icon/usericon.png b/app/assets/images/icon/usericon.png
new file mode 100644
index 0000000..6fa7f4b
Binary files /dev/null and b/app/assets/images/icon/usericon.png differ
diff --git a/app/assets/images/icon/walleticon.png b/app/assets/images/icon/walleticon.png
new file mode 100644
index 0000000..fa867a2
Binary files /dev/null and b/app/assets/images/icon/walleticon.png differ
diff --git a/app/assets/images/icon_bg.png b/app/assets/images/icon_bg.png
new file mode 100644
index 0000000..f968fcc
Binary files /dev/null and b/app/assets/images/icon_bg.png differ
diff --git a/app/assets/images/inner_page_banner_overlay.svg b/app/assets/images/inner_page_banner_overlay.svg
new file mode 100644
index 0000000..b6ec148
--- /dev/null
+++ b/app/assets/images/inner_page_banner_overlay.svg
@@ -0,0 +1,12 @@
+<?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 203" enable-background="new 0 0 1879.8 203" xml:space="preserve">
+<path fill="#F6F4FE" d="M0,0c6.1,7.9,11.9,16,18.3,23.6C34.6,43,53.6,59.4,74.3,73.8c49.4,34.4,104.4,55.8,162.5,69.8
+	c32.8,7.9,66,12.9,99.5,16.4c44,4.6,88.1,4.7,132.2,3.5c26.6-0.7,53.1-3.4,79.6-5.5c26.9-2.2,53.7-4.7,80.5-7.3
+	c25.3-2.4,50.7-5.1,76-7.6c24.7-2.5,49.3-4.8,74-7.4c27.6-2.8,55.3-5.8,82.9-8.6c21.5-2.2,43.1-4.3,64.6-6.2
+	c22.7-2.1,45.4-4.1,68.1-5.8c16.6-1.3,33.2-2.6,49.8-3.1c25.1-0.8,50.3-1.3,75.4-1.1c56.5,0.5,111.6,9.1,165.5,26.7
+	c56.6,18.5,114.4,32.4,173.2,41.9c29.2,4.7,58.7,7.9,88.1,11.4c31.7,3.7,63.5,3.9,95.3,2.7c44.3-1.7,87.9-8.1,129.4-24.7
+	c44.4-17.8,79.7-46,100.6-90.1c2.9-6.2,5.4-12.5,8.1-18.8c0,47.7,0,95.3,0,143c-626.6,0-1253.2,0-1879.8,0C0,135.3,0,67.6,0,0z"/>
+</svg>
diff --git a/app/assets/images/inner_page_ovelay_cross-one.svg b/app/assets/images/inner_page_ovelay_cross-one.svg
new file mode 100644
index 0000000..2987999
--- /dev/null
+++ b/app/assets/images/inner_page_ovelay_cross-one.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 219" enable-background="new 0 0 1879.8 219" xml:space="preserve">
+<polygon opacity="0.3" fill="#FFFFFF" points="0,102.5 1209.9,209.5 1879.8,0 1879.8,219 0,219 "/>
+<polygon fill="#F6F4FE" points="0,142.5 1209.9,199.5 1879.8,80 1879.8,219 0,219 "/>
+</svg>
diff --git a/app/assets/images/interactive.png b/app/assets/images/interactive.png
new file mode 100644
index 0000000..44ec8d1
Binary files /dev/null and b/app/assets/images/interactive.png differ
diff --git a/app/assets/images/live-chat.png b/app/assets/images/live-chat.png
new file mode 100644
index 0000000..dc96945
Binary files /dev/null and b/app/assets/images/live-chat.png differ
diff --git a/app/assets/images/location_icon.png b/app/assets/images/location_icon.png
new file mode 100644
index 0000000..36a9587
Binary files /dev/null and b/app/assets/images/location_icon.png differ
diff --git a/app/assets/images/logo-2.png b/app/assets/images/logo-2.png
new file mode 100644
index 0000000..0e7beb4
Binary files /dev/null and b/app/assets/images/logo-2.png differ
diff --git a/app/assets/images/logo-3.png b/app/assets/images/logo-3.png
new file mode 100644
index 0000000..b1e1bdb
Binary files /dev/null and b/app/assets/images/logo-3.png differ
diff --git a/app/assets/images/logo-4.png b/app/assets/images/logo-4.png
new file mode 100644
index 0000000..240f945
Binary files /dev/null and b/app/assets/images/logo-4.png differ
diff --git a/app/assets/images/logo-5.png b/app/assets/images/logo-5.png
new file mode 100644
index 0000000..91586fb
Binary files /dev/null and b/app/assets/images/logo-5.png differ
diff --git a/app/assets/images/logo-6.png b/app/assets/images/logo-6.png
new file mode 100644
index 0000000..d84abf5
Binary files /dev/null and b/app/assets/images/logo-6.png differ
diff --git a/app/assets/images/logo-7.png b/app/assets/images/logo-7.png
new file mode 100644
index 0000000..9088234
Binary files /dev/null and b/app/assets/images/logo-7.png differ
diff --git a/app/assets/images/logo-8.png b/app/assets/images/logo-8.png
new file mode 100644
index 0000000..b1a210e
Binary files /dev/null and b/app/assets/images/logo-8.png differ
diff --git a/app/assets/images/logo-9.png b/app/assets/images/logo-9.png
new file mode 100644
index 0000000..1a14d1d
Binary files /dev/null and b/app/assets/images/logo-9.png differ
diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
new file mode 100644
index 0000000..49f637b
Binary files /dev/null and b/app/assets/images/logo.png differ
diff --git a/app/assets/images/mail_icon.png b/app/assets/images/mail_icon.png
new file mode 100644
index 0000000..77d4908
Binary files /dev/null and b/app/assets/images/mail_icon.png differ
diff --git a/app/assets/images/map-bg.png b/app/assets/images/map-bg.png
new file mode 100644
index 0000000..a88d8a2
Binary files /dev/null and b/app/assets/images/map-bg.png differ
diff --git a/app/assets/images/market-thumb.png b/app/assets/images/market-thumb.png
new file mode 100644
index 0000000..9e25e7d
Binary files /dev/null and b/app/assets/images/market-thumb.png differ
diff --git a/app/assets/images/market_place.png b/app/assets/images/market_place.png
new file mode 100644
index 0000000..2d4e3fa
Binary files /dev/null and b/app/assets/images/market_place.png differ
diff --git a/app/assets/images/marketplace.png b/app/assets/images/marketplace.png
new file mode 100644
index 0000000..ccf95c7
Binary files /dev/null and b/app/assets/images/marketplace.png differ
diff --git a/app/assets/images/message_icon.png b/app/assets/images/message_icon.png
new file mode 100644
index 0000000..4ffeb3a
Binary files /dev/null and b/app/assets/images/message_icon.png differ
diff --git a/app/assets/images/mission-bg.png b/app/assets/images/mission-bg.png
new file mode 100644
index 0000000..d2b441a
Binary files /dev/null and b/app/assets/images/mission-bg.png differ
diff --git a/app/assets/images/mktplace.png b/app/assets/images/mktplace.png
new file mode 100644
index 0000000..6133cbf
Binary files /dev/null and b/app/assets/images/mktplace.png differ
diff --git a/app/assets/images/mobile_frame.png b/app/assets/images/mobile_frame.png
new file mode 100644
index 0000000..f7f5249
Binary files /dev/null and b/app/assets/images/mobile_frame.png differ
diff --git a/app/assets/images/mobile_frame1.png b/app/assets/images/mobile_frame1.png
new file mode 100644
index 0000000..1c5864f
Binary files /dev/null and b/app/assets/images/mobile_frame1.png differ
diff --git a/app/assets/images/mobile_frame_svg.svg b/app/assets/images/mobile_frame_svg.svg
new file mode 100644
index 0000000..e05c0a2
--- /dev/null
+++ b/app/assets/images/mobile_frame_svg.svg
@@ -0,0 +1,11 @@
+<?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 383 780" enable-background="new 0 0 383 780" xml:space="preserve">
+<path fill="#1D1D1B" d="M383,191h-1.5V49.9c0-27.5-22.4-49.9-49.9-49.9H51.4C23.9,0,1.5,22.4,1.5,49.9v51.6H0V132h1.5v24.3H0v60.6
+	h1.5v16.9H0v60.6h1.5v435.7c0,27.5,22.4,49.9,49.9,49.9h280.2c27.5,0,49.9-22.4,49.9-49.9V290h1.5V191z M214.5,27.5
+	c0,2.1-1.7,3.8-3.8,3.8h-38.5c-2.1,0-3.8-1.7-3.8-3.8s1.7-3.8,3.8-3.8h38.5C212.8,23.8,214.5,25.4,214.5,27.5z M369.5,730.1
+	c0,20.9-17,37.9-37.9,37.9H51.4c-20.9,0-37.9-17-37.9-37.9V49.9C13.5,29,30.5,12,51.4,12h43.4v13.3c0,10.9,8.8,19.7,19.7,19.7h154
+	c10.9,0,19.7-8.8,19.7-19.7V12h43.4c20.9,0,37.9,17,37.9,37.9V730.1z"/>
+</svg>
diff --git a/app/assets/images/mobility-approach.png b/app/assets/images/mobility-approach.png
new file mode 100644
index 0000000..5dfe9b2
Binary files /dev/null and b/app/assets/images/mobility-approach.png differ
diff --git a/app/assets/images/mobility.png b/app/assets/images/mobility.png
new file mode 100644
index 0000000..e40a19d
Binary files /dev/null and b/app/assets/images/mobility.png differ
diff --git a/app/assets/images/modern01.png b/app/assets/images/modern01.png
new file mode 100644
index 0000000..b57d259
Binary files /dev/null and b/app/assets/images/modern01.png differ
diff --git a/app/assets/images/modern02.png b/app/assets/images/modern02.png
new file mode 100644
index 0000000..97a72c1
Binary files /dev/null and b/app/assets/images/modern02.png differ
diff --git a/app/assets/images/modern03.png b/app/assets/images/modern03.png
new file mode 100644
index 0000000..43b3382
Binary files /dev/null and b/app/assets/images/modern03.png differ
diff --git a/app/assets/images/onlineregistration.png b/app/assets/images/onlineregistration.png
new file mode 100644
index 0000000..2b27f96
Binary files /dev/null and b/app/assets/images/onlineregistration.png differ
diff --git a/app/assets/images/onlineregistrationxyz.png b/app/assets/images/onlineregistrationxyz.png
new file mode 100644
index 0000000..2b27f96
Binary files /dev/null and b/app/assets/images/onlineregistrationxyz.png differ
diff --git a/app/assets/images/page-bg.jpg b/app/assets/images/page-bg.jpg
new file mode 100644
index 0000000..aa4eee7
Binary files /dev/null and b/app/assets/images/page-bg.jpg differ
diff --git a/app/assets/images/page-title-bg.jpg b/app/assets/images/page-title-bg.jpg
new file mode 100644
index 0000000..211e88c
Binary files /dev/null and b/app/assets/images/page-title-bg.jpg differ
diff --git a/app/assets/images/paypal.png b/app/assets/images/paypal.png
new file mode 100644
index 0000000..24b59cc
Binary files /dev/null and b/app/assets/images/paypal.png differ
diff --git a/app/assets/images/play_black.png b/app/assets/images/play_black.png
new file mode 100644
index 0000000..1cd3c04
Binary files /dev/null and b/app/assets/images/play_black.png differ
diff --git a/app/assets/images/play_icon.png b/app/assets/images/play_icon.png
new file mode 100644
index 0000000..feb549d
Binary files /dev/null and b/app/assets/images/play_icon.png differ
diff --git a/app/assets/images/play_icon1.png b/app/assets/images/play_icon1.png
new file mode 100644
index 0000000..028255e
Binary files /dev/null and b/app/assets/images/play_icon1.png differ
diff --git a/app/assets/images/play_icon22.png b/app/assets/images/play_icon22.png
new file mode 100644
index 0000000..377debf
Binary files /dev/null and b/app/assets/images/play_icon22.png differ
diff --git a/app/assets/images/premium-one.png b/app/assets/images/premium-one.png
new file mode 100644
index 0000000..6bb9f4b
Binary files /dev/null and b/app/assets/images/premium-one.png differ
diff --git a/app/assets/images/premium.png b/app/assets/images/premium.png
new file mode 100644
index 0000000..69e7789
Binary files /dev/null and b/app/assets/images/premium.png differ
diff --git a/app/assets/images/privacy.png b/app/assets/images/privacy.png
new file mode 100644
index 0000000..51ac1c6
Binary files /dev/null and b/app/assets/images/privacy.png differ
diff --git a/app/assets/images/product-listing-on-online-marketplace.png b/app/assets/images/product-listing-on-online-marketplace.png
new file mode 100644
index 0000000..853f253
Binary files /dev/null and b/app/assets/images/product-listing-on-online-marketplace.png differ
diff --git a/app/assets/images/project-bg-2.jpg b/app/assets/images/project-bg-2.jpg
new file mode 100644
index 0000000..8f695de
Binary files /dev/null and b/app/assets/images/project-bg-2.jpg differ
diff --git a/app/assets/images/project-bg.jpg b/app/assets/images/project-bg.jpg
new file mode 100644
index 0000000..ca9b8cd
Binary files /dev/null and b/app/assets/images/project-bg.jpg differ
diff --git a/app/assets/images/project-thumb.png b/app/assets/images/project-thumb.png
new file mode 100644
index 0000000..a674e0b
Binary files /dev/null and b/app/assets/images/project-thumb.png differ
diff --git a/app/assets/images/query_bg.png b/app/assets/images/query_bg.png
new file mode 100644
index 0000000..80013e5
Binary files /dev/null and b/app/assets/images/query_bg.png differ
diff --git a/app/assets/images/quote_icon.png b/app/assets/images/quote_icon.png
new file mode 100644
index 0000000..3a20178
Binary files /dev/null and b/app/assets/images/quote_icon.png differ
diff --git a/app/assets/images/review_01.png b/app/assets/images/review_01.png
new file mode 100644
index 0000000..930df67
Binary files /dev/null and b/app/assets/images/review_01.png differ
diff --git a/app/assets/images/review_02.png b/app/assets/images/review_02.png
new file mode 100644
index 0000000..0403ada
Binary files /dev/null and b/app/assets/images/review_02.png differ
diff --git a/app/assets/images/review_03.png b/app/assets/images/review_03.png
new file mode 100644
index 0000000..aaa9fb0
Binary files /dev/null and b/app/assets/images/review_03.png differ
diff --git a/app/assets/images/review_04.png b/app/assets/images/review_04.png
new file mode 100644
index 0000000..0527976
Binary files /dev/null and b/app/assets/images/review_04.png differ
diff --git a/app/assets/images/review_05.png b/app/assets/images/review_05.png
new file mode 100644
index 0000000..83865d7
Binary files /dev/null and b/app/assets/images/review_05.png differ
diff --git a/app/assets/images/review_06.png b/app/assets/images/review_06.png
new file mode 100644
index 0000000..4b6f9da
Binary files /dev/null and b/app/assets/images/review_06.png differ
diff --git a/app/assets/images/review_07.png b/app/assets/images/review_07.png
new file mode 100644
index 0000000..b1e28f9
Binary files /dev/null and b/app/assets/images/review_07.png differ
diff --git a/app/assets/images/review_08.png b/app/assets/images/review_08.png
new file mode 100644
index 0000000..25f8bcf
Binary files /dev/null and b/app/assets/images/review_08.png differ
diff --git a/app/assets/images/review_09.png b/app/assets/images/review_09.png
new file mode 100644
index 0000000..f107f16
Binary files /dev/null and b/app/assets/images/review_09.png differ
diff --git a/app/assets/images/reviews-dark.png b/app/assets/images/reviews-dark.png
new file mode 100644
index 0000000..f009ea1
Binary files /dev/null and b/app/assets/images/reviews-dark.png differ
diff --git a/app/assets/images/reviews-one.png b/app/assets/images/reviews-one.png
new file mode 100644
index 0000000..62459b6
Binary files /dev/null and b/app/assets/images/reviews-one.png differ
diff --git a/app/assets/images/reviews.png b/app/assets/images/reviews.png
new file mode 100644
index 0000000..ac1bc38
Binary files /dev/null and b/app/assets/images/reviews.png differ
diff --git a/app/assets/images/right_icon.png b/app/assets/images/right_icon.png
new file mode 100644
index 0000000..704fee0
Binary files /dev/null and b/app/assets/images/right_icon.png differ
diff --git a/app/assets/images/sam1-Recovered.psd b/app/assets/images/sam1-Recovered.psd
new file mode 100644
index 0000000..f2595c6
Binary files /dev/null and b/app/assets/images/sam1-Recovered.psd differ
diff --git a/app/assets/images/screen-1.png b/app/assets/images/screen-1.png
new file mode 100644
index 0000000..ad0570a
Binary files /dev/null and b/app/assets/images/screen-1.png differ
diff --git a/app/assets/images/screen-2.png b/app/assets/images/screen-2.png
new file mode 100644
index 0000000..cb5385e
Binary files /dev/null and b/app/assets/images/screen-2.png differ
diff --git a/app/assets/images/screen-3.png b/app/assets/images/screen-3.png
new file mode 100644
index 0000000..683463e
Binary files /dev/null and b/app/assets/images/screen-3.png differ
diff --git a/app/assets/images/screen-4.png b/app/assets/images/screen-4.png
new file mode 100644
index 0000000..e437842
Binary files /dev/null and b/app/assets/images/screen-4.png differ
diff --git a/app/assets/images/screen-5.png b/app/assets/images/screen-5.png
new file mode 100644
index 0000000..eeecd2b
Binary files /dev/null and b/app/assets/images/screen-5.png differ
diff --git a/app/assets/images/screen.png b/app/assets/images/screen.png
new file mode 100644
index 0000000..e9eb2f4
Binary files /dev/null and b/app/assets/images/screen.png differ
diff --git a/app/assets/images/screen1.png b/app/assets/images/screen1.png
new file mode 100644
index 0000000..a24a9fc
Binary files /dev/null and b/app/assets/images/screen1.png differ
diff --git a/app/assets/images/seamless.png b/app/assets/images/seamless.png
new file mode 100644
index 0000000..3c4f6f8
Binary files /dev/null and b/app/assets/images/seamless.png differ
diff --git a/app/assets/images/sec-background.jpg b/app/assets/images/sec-background.jpg
new file mode 100644
index 0000000..95e496b
Binary files /dev/null and b/app/assets/images/sec-background.jpg differ
diff --git a/app/assets/images/section-bg.png b/app/assets/images/section-bg.png
new file mode 100644
index 0000000..bbf65e5
Binary files /dev/null and b/app/assets/images/section-bg.png differ
diff --git a/app/assets/images/secure.png b/app/assets/images/secure.png
new file mode 100644
index 0000000..e33eec8
Binary files /dev/null and b/app/assets/images/secure.png differ
diff --git a/app/assets/images/secure_data.png b/app/assets/images/secure_data.png
new file mode 100644
index 0000000..f274091
Binary files /dev/null and b/app/assets/images/secure_data.png differ
diff --git a/app/assets/images/security.png b/app/assets/images/security.png
new file mode 100644
index 0000000..137316b
Binary files /dev/null and b/app/assets/images/security.png differ
diff --git a/app/assets/images/service-back.jpg b/app/assets/images/service-back.jpg
new file mode 100644
index 0000000..aa0122b
Binary files /dev/null and b/app/assets/images/service-back.jpg differ
diff --git a/app/assets/images/service-details-thumb.jpg b/app/assets/images/service-details-thumb.jpg
new file mode 100644
index 0000000..3f1f7c2
Binary files /dev/null and b/app/assets/images/service-details-thumb.jpg differ
diff --git a/app/assets/images/service-page.jpg b/app/assets/images/service-page.jpg
new file mode 100644
index 0000000..4da9dcc
Binary files /dev/null and b/app/assets/images/service-page.jpg differ
diff --git a/app/assets/images/service-thumb-1.png b/app/assets/images/service-thumb-1.png
new file mode 100644
index 0000000..47f384c
Binary files /dev/null and b/app/assets/images/service-thumb-1.png differ
diff --git a/app/assets/images/shape/1.png b/app/assets/images/shape/1.png
new file mode 100644
index 0000000..6ded6ed
Binary files /dev/null and b/app/assets/images/shape/1.png differ
diff --git a/app/assets/images/shape/2.png b/app/assets/images/shape/2.png
new file mode 100644
index 0000000..b229b90
Binary files /dev/null and b/app/assets/images/shape/2.png differ
diff --git a/app/assets/images/shape/3.png b/app/assets/images/shape/3.png
new file mode 100644
index 0000000..d96f6e6
Binary files /dev/null and b/app/assets/images/shape/3.png differ
diff --git a/app/assets/images/shape/4.png b/app/assets/images/shape/4.png
new file mode 100644
index 0000000..3cebe05
Binary files /dev/null and b/app/assets/images/shape/4.png differ
diff --git a/app/assets/images/shape/5.png b/app/assets/images/shape/5.png
new file mode 100644
index 0000000..444c12e
Binary files /dev/null and b/app/assets/images/shape/5.png differ
diff --git a/app/assets/images/shape/faq-shape.png b/app/assets/images/shape/faq-shape.png
new file mode 100644
index 0000000..9ef9b04
Binary files /dev/null and b/app/assets/images/shape/faq-shape.png differ
diff --git a/app/assets/images/shape/shape-1.png b/app/assets/images/shape/shape-1.png
new file mode 100644
index 0000000..8994ca9
Binary files /dev/null and b/app/assets/images/shape/shape-1.png differ
diff --git a/app/assets/images/shape/shape-10.png b/app/assets/images/shape/shape-10.png
new file mode 100644
index 0000000..abcbadb
Binary files /dev/null and b/app/assets/images/shape/shape-10.png differ
diff --git a/app/assets/images/shape/shape-11.png b/app/assets/images/shape/shape-11.png
new file mode 100644
index 0000000..2e44d62
Binary files /dev/null and b/app/assets/images/shape/shape-11.png differ
diff --git a/app/assets/images/shape/shape-12.png b/app/assets/images/shape/shape-12.png
new file mode 100644
index 0000000..85c797a
Binary files /dev/null and b/app/assets/images/shape/shape-12.png differ
diff --git a/app/assets/images/shape/shape-13.png b/app/assets/images/shape/shape-13.png
new file mode 100644
index 0000000..b640a0b
Binary files /dev/null and b/app/assets/images/shape/shape-13.png differ
diff --git a/app/assets/images/shape/shape-14.png b/app/assets/images/shape/shape-14.png
new file mode 100644
index 0000000..914d17b
Binary files /dev/null and b/app/assets/images/shape/shape-14.png differ
diff --git a/app/assets/images/shape/shape-15.png b/app/assets/images/shape/shape-15.png
new file mode 100644
index 0000000..229a1b9
Binary files /dev/null and b/app/assets/images/shape/shape-15.png differ
diff --git a/app/assets/images/shape/shape-2.png b/app/assets/images/shape/shape-2.png
new file mode 100644
index 0000000..212d222
Binary files /dev/null and b/app/assets/images/shape/shape-2.png differ
diff --git a/app/assets/images/shape/shape-3.png b/app/assets/images/shape/shape-3.png
new file mode 100644
index 0000000..d95d4a9
Binary files /dev/null and b/app/assets/images/shape/shape-3.png differ
diff --git a/app/assets/images/shape/shape-4.png b/app/assets/images/shape/shape-4.png
new file mode 100644
index 0000000..c584d15
Binary files /dev/null and b/app/assets/images/shape/shape-4.png differ
diff --git a/app/assets/images/shape/shape-6.png b/app/assets/images/shape/shape-6.png
new file mode 100644
index 0000000..82b897f
Binary files /dev/null and b/app/assets/images/shape/shape-6.png differ
diff --git a/app/assets/images/shape/shape-7.png b/app/assets/images/shape/shape-7.png
new file mode 100644
index 0000000..0d38609
Binary files /dev/null and b/app/assets/images/shape/shape-7.png differ
diff --git a/app/assets/images/shape/shape-8.png b/app/assets/images/shape/shape-8.png
new file mode 100644
index 0000000..4cf640b
Binary files /dev/null and b/app/assets/images/shape/shape-8.png differ
diff --git a/app/assets/images/shape/shape-9.png b/app/assets/images/shape/shape-9.png
new file mode 100644
index 0000000..ce0b5be
Binary files /dev/null and b/app/assets/images/shape/shape-9.png differ
diff --git a/app/assets/images/shield_icon.png b/app/assets/images/shield_icon.png
new file mode 100644
index 0000000..3310a4e
Binary files /dev/null and b/app/assets/images/shield_icon.png differ
diff --git a/app/assets/images/shop-1.jpg b/app/assets/images/shop-1.jpg
new file mode 100644
index 0000000..d0d8f56
Binary files /dev/null and b/app/assets/images/shop-1.jpg differ
diff --git a/app/assets/images/shop-2.jpg b/app/assets/images/shop-2.jpg
new file mode 100644
index 0000000..d0d8f56
Binary files /dev/null and b/app/assets/images/shop-2.jpg differ
diff --git a/app/assets/images/shop-3.jpg b/app/assets/images/shop-3.jpg
new file mode 100644
index 0000000..d0d8f56
Binary files /dev/null and b/app/assets/images/shop-3.jpg differ
diff --git a/app/assets/images/shop-details-small-1.jpg b/app/assets/images/shop-details-small-1.jpg
new file mode 100644
index 0000000..c7b97e0
Binary files /dev/null and b/app/assets/images/shop-details-small-1.jpg differ
diff --git a/app/assets/images/shop-details-small-2.jpg b/app/assets/images/shop-details-small-2.jpg
new file mode 100644
index 0000000..c7b97e0
Binary files /dev/null and b/app/assets/images/shop-details-small-2.jpg differ
diff --git a/app/assets/images/shop-details-small-3.jpg b/app/assets/images/shop-details-small-3.jpg
new file mode 100644
index 0000000..c7b97e0
Binary files /dev/null and b/app/assets/images/shop-details-small-3.jpg differ
diff --git a/app/assets/images/shop-details-small-4.jpg b/app/assets/images/shop-details-small-4.jpg
new file mode 100644
index 0000000..c7b97e0
Binary files /dev/null and b/app/assets/images/shop-details-small-4.jpg differ
diff --git a/app/assets/images/shop-details-thumb-1.jpg b/app/assets/images/shop-details-thumb-1.jpg
new file mode 100644
index 0000000..d139650
Binary files /dev/null and b/app/assets/images/shop-details-thumb-1.jpg differ
diff --git a/app/assets/images/shop-grid-1.jpg b/app/assets/images/shop-grid-1.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-1.jpg differ
diff --git a/app/assets/images/shop-grid-10.jpg b/app/assets/images/shop-grid-10.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-10.jpg differ
diff --git a/app/assets/images/shop-grid-11.jpg b/app/assets/images/shop-grid-11.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-11.jpg differ
diff --git a/app/assets/images/shop-grid-12.jpg b/app/assets/images/shop-grid-12.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-12.jpg differ
diff --git a/app/assets/images/shop-grid-2.jpg b/app/assets/images/shop-grid-2.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-2.jpg differ
diff --git a/app/assets/images/shop-grid-3.jpg b/app/assets/images/shop-grid-3.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-3.jpg differ
diff --git a/app/assets/images/shop-grid-4.jpg b/app/assets/images/shop-grid-4.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-4.jpg differ
diff --git a/app/assets/images/shop-grid-5.jpg b/app/assets/images/shop-grid-5.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-5.jpg differ
diff --git a/app/assets/images/shop-grid-6.jpg b/app/assets/images/shop-grid-6.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-6.jpg differ
diff --git a/app/assets/images/shop-grid-7.jpg b/app/assets/images/shop-grid-7.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-7.jpg differ
diff --git a/app/assets/images/shop-grid-8.jpg b/app/assets/images/shop-grid-8.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-8.jpg differ
diff --git a/app/assets/images/shop-grid-9.jpg b/app/assets/images/shop-grid-9.jpg
new file mode 100644
index 0000000..a45502f
Binary files /dev/null and b/app/assets/images/shop-grid-9.jpg differ
diff --git a/app/assets/images/shopboat.png b/app/assets/images/shopboat.png
new file mode 100644
index 0000000..9e82582
Binary files /dev/null and b/app/assets/images/shopboat.png differ
diff --git a/app/assets/images/showcase-1.png b/app/assets/images/showcase-1.png
new file mode 100644
index 0000000..835b6df
Binary files /dev/null and b/app/assets/images/showcase-1.png differ
diff --git a/app/assets/images/showcase-2.png b/app/assets/images/showcase-2.png
new file mode 100644
index 0000000..835b6df
Binary files /dev/null and b/app/assets/images/showcase-2.png differ
diff --git a/app/assets/images/showcase-3.png b/app/assets/images/showcase-3.png
new file mode 100644
index 0000000..835b6df
Binary files /dev/null and b/app/assets/images/showcase-3.png differ
diff --git a/app/assets/images/showcase-4.png b/app/assets/images/showcase-4.png
new file mode 100644
index 0000000..835b6df
Binary files /dev/null and b/app/assets/images/showcase-4.png differ
diff --git a/app/assets/images/showcase-5.png b/app/assets/images/showcase-5.png
new file mode 100644
index 0000000..835b6df
Binary files /dev/null and b/app/assets/images/showcase-5.png differ
diff --git a/app/assets/images/signup-bg.jpg b/app/assets/images/signup-bg.jpg
new file mode 100644
index 0000000..995af0f
Binary files /dev/null and b/app/assets/images/signup-bg.jpg differ
diff --git a/app/assets/images/signup-thumb.png b/app/assets/images/signup-thumb.png
new file mode 100644
index 0000000..eb0e4da
Binary files /dev/null and b/app/assets/images/signup-thumb.png differ
diff --git a/app/assets/images/signup.png b/app/assets/images/signup.png
new file mode 100644
index 0000000..0c79677
Binary files /dev/null and b/app/assets/images/signup.png differ
diff --git a/app/assets/images/single-post/1.jpg b/app/assets/images/single-post/1.jpg
new file mode 100644
index 0000000..c2a5e4f
Binary files /dev/null and b/app/assets/images/single-post/1.jpg differ
diff --git a/app/assets/images/single-post/author.png b/app/assets/images/single-post/author.png
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/single-post/author.png differ
diff --git a/app/assets/images/single-post/c1.png b/app/assets/images/single-post/c1.png
new file mode 100644
index 0000000..d4e3f80
Binary files /dev/null and b/app/assets/images/single-post/c1.png differ
diff --git a/app/assets/images/single-post/c2.png b/app/assets/images/single-post/c2.png
new file mode 100644
index 0000000..246ed7d
Binary files /dev/null and b/app/assets/images/single-post/c2.png differ
diff --git a/app/assets/images/single-post/c3.png b/app/assets/images/single-post/c3.png
new file mode 100644
index 0000000..246ed7d
Binary files /dev/null and b/app/assets/images/single-post/c3.png differ
diff --git a/app/assets/images/slack.png b/app/assets/images/slack.png
new file mode 100644
index 0000000..15ba047
Binary files /dev/null and b/app/assets/images/slack.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_1.png b/app/assets/images/slider/app_sliders/screen_1.png
new file mode 100644
index 0000000..e10fb13
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_1.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_2.png b/app/assets/images/slider/app_sliders/screen_2.png
new file mode 100644
index 0000000..e47e1ad
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_2.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_3.png b/app/assets/images/slider/app_sliders/screen_3.png
new file mode 100644
index 0000000..68fe75d
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_3.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_4.png b/app/assets/images/slider/app_sliders/screen_4.png
new file mode 100644
index 0000000..d80349f
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_4.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_5.png b/app/assets/images/slider/app_sliders/screen_5.png
new file mode 100644
index 0000000..95ec99e
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_5.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_6.png b/app/assets/images/slider/app_sliders/screen_6.png
new file mode 100644
index 0000000..e51aa87
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_6.png differ
diff --git a/app/assets/images/slider/app_sliders/screen_7.png b/app/assets/images/slider/app_sliders/screen_7.png
new file mode 100644
index 0000000..90fd51d
Binary files /dev/null and b/app/assets/images/slider/app_sliders/screen_7.png differ
diff --git a/app/assets/images/slider/new/slider-round-dash-min.png b/app/assets/images/slider/new/slider-round-dash-min.png
new file mode 100644
index 0000000..0f9d19b
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-dash-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-dash2-min.png b/app/assets/images/slider/new/slider-round-dash2-min.png
new file mode 100644
index 0000000..b469419
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-dash2-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-dash2_new-min.png b/app/assets/images/slider/new/slider-round-dash2_new-min.png
new file mode 100644
index 0000000..fbe91ea
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-dash2_new-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-dash3_new-min.png b/app/assets/images/slider/new/slider-round-dash3_new-min.png
new file mode 100644
index 0000000..332698f
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-dash3_new-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-famcc-min.png b/app/assets/images/slider/new/slider-round-famcc-min.png
new file mode 100644
index 0000000..ab55607
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-famcc-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-famprofile-min.png b/app/assets/images/slider/new/slider-round-famprofile-min.png
new file mode 100644
index 0000000..ca0ef42
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-famprofile-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-login-min.png b/app/assets/images/slider/new/slider-round-login-min.png
new file mode 100644
index 0000000..589ceae
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-login-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-notification-min.png b/app/assets/images/slider/new/slider-round-notification-min.png
new file mode 100644
index 0000000..5b1811d
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-notification-min.png differ
diff --git a/app/assets/images/slider/new/slider-round-s1-min.png b/app/assets/images/slider/new/slider-round-s1-min.png
new file mode 100644
index 0000000..a1014d6
Binary files /dev/null and b/app/assets/images/slider/new/slider-round-s1-min.png differ
diff --git a/app/assets/images/slider/slider_1.png b/app/assets/images/slider/slider_1.png
new file mode 100644
index 0000000..301dca3
Binary files /dev/null and b/app/assets/images/slider/slider_1.png differ
diff --git a/app/assets/images/slider/slider_2.png b/app/assets/images/slider/slider_2.png
new file mode 100644
index 0000000..012ec0d
Binary files /dev/null and b/app/assets/images/slider/slider_2.png differ
diff --git a/app/assets/images/slider/slider_3.png b/app/assets/images/slider/slider_3.png
new file mode 100644
index 0000000..fcc6c80
Binary files /dev/null and b/app/assets/images/slider/slider_3.png differ
diff --git a/app/assets/images/slider/slider_4.png b/app/assets/images/slider/slider_4.png
new file mode 100644
index 0000000..0c40e43
Binary files /dev/null and b/app/assets/images/slider/slider_4.png differ
diff --git a/app/assets/images/slider/slider_5.png b/app/assets/images/slider/slider_5.png
new file mode 100644
index 0000000..98e28c3
Binary files /dev/null and b/app/assets/images/slider/slider_5.png differ
diff --git a/app/assets/images/slider/slider_6.png b/app/assets/images/slider/slider_6.png
new file mode 100644
index 0000000..ec9071b
Binary files /dev/null and b/app/assets/images/slider/slider_6.png differ
diff --git a/app/assets/images/slider/slider_7.png b/app/assets/images/slider/slider_7.png
new file mode 100644
index 0000000..69793a4
Binary files /dev/null and b/app/assets/images/slider/slider_7.png differ
diff --git a/app/assets/images/sponser-1.png b/app/assets/images/sponser-1.png
new file mode 100644
index 0000000..668a89a
Binary files /dev/null and b/app/assets/images/sponser-1.png differ
diff --git a/app/assets/images/sponser-10.png b/app/assets/images/sponser-10.png
new file mode 100644
index 0000000..e37819e
Binary files /dev/null and b/app/assets/images/sponser-10.png differ
diff --git a/app/assets/images/sponser-2.png b/app/assets/images/sponser-2.png
new file mode 100644
index 0000000..6ad6a83
Binary files /dev/null and b/app/assets/images/sponser-2.png differ
diff --git a/app/assets/images/sponser-3.png b/app/assets/images/sponser-3.png
new file mode 100644
index 0000000..1858368
Binary files /dev/null and b/app/assets/images/sponser-3.png differ
diff --git a/app/assets/images/sponser-4.png b/app/assets/images/sponser-4.png
new file mode 100644
index 0000000..568edcd
Binary files /dev/null and b/app/assets/images/sponser-4.png differ
diff --git a/app/assets/images/sponser-5.png b/app/assets/images/sponser-5.png
new file mode 100644
index 0000000..038e3d2
Binary files /dev/null and b/app/assets/images/sponser-5.png differ
diff --git a/app/assets/images/sponser-6.png b/app/assets/images/sponser-6.png
new file mode 100644
index 0000000..fa2f6a3
Binary files /dev/null and b/app/assets/images/sponser-6.png differ
diff --git a/app/assets/images/sponser-7.png b/app/assets/images/sponser-7.png
new file mode 100644
index 0000000..3d83832
Binary files /dev/null and b/app/assets/images/sponser-7.png differ
diff --git a/app/assets/images/sponser-8.png b/app/assets/images/sponser-8.png
new file mode 100644
index 0000000..ec8d59e
Binary files /dev/null and b/app/assets/images/sponser-8.png differ
diff --git a/app/assets/images/sponser-9.png b/app/assets/images/sponser-9.png
new file mode 100644
index 0000000..3d60284
Binary files /dev/null and b/app/assets/images/sponser-9.png differ
diff --git a/app/assets/images/sponser-shape.png b/app/assets/images/sponser-shape.png
new file mode 100644
index 0000000..c852c38
Binary files /dev/null and b/app/assets/images/sponser-shape.png differ
diff --git a/app/assets/images/spoty.png b/app/assets/images/spoty.png
new file mode 100644
index 0000000..5026ea3
Binary files /dev/null and b/app/assets/images/spoty.png differ
diff --git a/app/assets/images/standard-one.png b/app/assets/images/standard-one.png
new file mode 100644
index 0000000..9bf8128
Binary files /dev/null and b/app/assets/images/standard-one.png differ
diff --git a/app/assets/images/standard.png b/app/assets/images/standard.png
new file mode 100644
index 0000000..ac294b4
Binary files /dev/null and b/app/assets/images/standard.png differ
diff --git a/app/assets/images/step1.png b/app/assets/images/step1.png
new file mode 100644
index 0000000..b105f70
Binary files /dev/null and b/app/assets/images/step1.png differ
diff --git a/app/assets/images/step2.png b/app/assets/images/step2.png
new file mode 100644
index 0000000..5920f13
Binary files /dev/null and b/app/assets/images/step2.png differ
diff --git a/app/assets/images/step3.png b/app/assets/images/step3.png
new file mode 100644
index 0000000..7039347
Binary files /dev/null and b/app/assets/images/step3.png differ
diff --git a/app/assets/images/story01.png b/app/assets/images/story01.png
new file mode 100644
index 0000000..7f03170
Binary files /dev/null and b/app/assets/images/story01.png differ
diff --git a/app/assets/images/story02.png b/app/assets/images/story02.png
new file mode 100644
index 0000000..c776049
Binary files /dev/null and b/app/assets/images/story02.png differ
diff --git a/app/assets/images/story03.png b/app/assets/images/story03.png
new file mode 100644
index 0000000..7be4826
Binary files /dev/null and b/app/assets/images/story03.png differ
diff --git a/app/assets/images/story04.png b/app/assets/images/story04.png
new file mode 100644
index 0000000..7cce24a
Binary files /dev/null and b/app/assets/images/story04.png differ
diff --git a/app/assets/images/story05.png b/app/assets/images/story05.png
new file mode 100644
index 0000000..51d478a
Binary files /dev/null and b/app/assets/images/story05.png differ
diff --git a/app/assets/images/story06.png b/app/assets/images/story06.png
new file mode 100644
index 0000000..fa42166
Binary files /dev/null and b/app/assets/images/story06.png differ
diff --git a/app/assets/images/story07.png b/app/assets/images/story07.png
new file mode 100644
index 0000000..2ef6c06
Binary files /dev/null and b/app/assets/images/story07.png differ
diff --git a/app/assets/images/story08.png b/app/assets/images/story08.png
new file mode 100644
index 0000000..8d405b4
Binary files /dev/null and b/app/assets/images/story08.png differ
diff --git a/app/assets/images/story09.png b/app/assets/images/story09.png
new file mode 100644
index 0000000..c3a151f
Binary files /dev/null and b/app/assets/images/story09.png differ
diff --git a/app/assets/images/support.png b/app/assets/images/support.png
new file mode 100644
index 0000000..5d924db
Binary files /dev/null and b/app/assets/images/support.png differ
diff --git a/app/assets/images/system-privacy.png b/app/assets/images/system-privacy.png
new file mode 100644
index 0000000..4086921
Binary files /dev/null and b/app/assets/images/system-privacy.png differ
diff --git a/app/assets/images/task-done.png b/app/assets/images/task-done.png
new file mode 100644
index 0000000..5e16f16
Binary files /dev/null and b/app/assets/images/task-done.png differ
diff --git a/app/assets/images/task-thumb.png b/app/assets/images/task-thumb.png
new file mode 100644
index 0000000..2e7ff48
Binary files /dev/null and b/app/assets/images/task-thumb.png differ
diff --git a/app/assets/images/task.png b/app/assets/images/task.png
new file mode 100644
index 0000000..aa89930
Binary files /dev/null and b/app/assets/images/task.png differ
diff --git a/app/assets/images/taskcomplete.png b/app/assets/images/taskcomplete.png
new file mode 100644
index 0000000..5388472
Binary files /dev/null and b/app/assets/images/taskcomplete.png differ
diff --git a/app/assets/images/team-1.jpg b/app/assets/images/team-1.jpg
new file mode 100644
index 0000000..43db4cf
Binary files /dev/null and b/app/assets/images/team-1.jpg differ
diff --git a/app/assets/images/team-2.jpg b/app/assets/images/team-2.jpg
new file mode 100644
index 0000000..43db4cf
Binary files /dev/null and b/app/assets/images/team-2.jpg differ
diff --git a/app/assets/images/team-3.jpg b/app/assets/images/team-3.jpg
new file mode 100644
index 0000000..43db4cf
Binary files /dev/null and b/app/assets/images/team-3.jpg differ
diff --git a/app/assets/images/team-4.jpg b/app/assets/images/team-4.jpg
new file mode 100644
index 0000000..43db4cf
Binary files /dev/null and b/app/assets/images/team-4.jpg differ
diff --git a/app/assets/images/test-site-app.jpg b/app/assets/images/test-site-app.jpg
new file mode 100644
index 0000000..6429a9f
Binary files /dev/null and b/app/assets/images/test-site-app.jpg differ
diff --git a/app/assets/images/testimonial-bg-2.jpg b/app/assets/images/testimonial-bg-2.jpg
new file mode 100644
index 0000000..b1c0f17
Binary files /dev/null and b/app/assets/images/testimonial-bg-2.jpg differ
diff --git a/app/assets/images/testimonial-bg.png b/app/assets/images/testimonial-bg.png
new file mode 100644
index 0000000..197003f
Binary files /dev/null and b/app/assets/images/testimonial-bg.png differ
diff --git a/app/assets/images/testimonial-user-1.png b/app/assets/images/testimonial-user-1.png
new file mode 100644
index 0000000..9e11e67
Binary files /dev/null and b/app/assets/images/testimonial-user-1.png differ
diff --git a/app/assets/images/testimonial-user-2.png b/app/assets/images/testimonial-user-2.png
new file mode 100644
index 0000000..9e11e67
Binary files /dev/null and b/app/assets/images/testimonial-user-2.png differ
diff --git a/app/assets/images/testimonial-user.png b/app/assets/images/testimonial-user.png
new file mode 100644
index 0000000..121e767
Binary files /dev/null and b/app/assets/images/testimonial-user.png differ
diff --git a/app/assets/images/testimonial_bg.png b/app/assets/images/testimonial_bg.png
new file mode 100644
index 0000000..5f7e437
Binary files /dev/null and b/app/assets/images/testimonial_bg.png differ
diff --git a/app/assets/images/testimonial_user1.png b/app/assets/images/testimonial_user1.png
new file mode 100644
index 0000000..1bde4f0
Binary files /dev/null and b/app/assets/images/testimonial_user1.png differ
diff --git a/app/assets/images/testimonial_user2.png b/app/assets/images/testimonial_user2.png
new file mode 100644
index 0000000..470779b
Binary files /dev/null and b/app/assets/images/testimonial_user2.png differ
diff --git a/app/assets/images/testimonial_user3.png b/app/assets/images/testimonial_user3.png
new file mode 100644
index 0000000..30c2ca8
Binary files /dev/null and b/app/assets/images/testimonial_user3.png differ
diff --git a/app/assets/images/traffic-thumb-2.png b/app/assets/images/traffic-thumb-2.png
new file mode 100644
index 0000000..378b1a7
Binary files /dev/null and b/app/assets/images/traffic-thumb-2.png differ
diff --git a/app/assets/images/traffic-thumb.png b/app/assets/images/traffic-thumb.png
new file mode 100644
index 0000000..a51d57a
Binary files /dev/null and b/app/assets/images/traffic-thumb.png differ
diff --git a/app/assets/images/unlimited-one.png b/app/assets/images/unlimited-one.png
new file mode 100644
index 0000000..9dd320f
Binary files /dev/null and b/app/assets/images/unlimited-one.png differ
diff --git a/app/assets/images/unlimited.png b/app/assets/images/unlimited.png
new file mode 100644
index 0000000..52cdf7a
Binary files /dev/null and b/app/assets/images/unlimited.png differ
diff --git a/app/assets/images/use-case-side-extra.png b/app/assets/images/use-case-side-extra.png
new file mode 100644
index 0000000..a48fa8e
Binary files /dev/null and b/app/assets/images/use-case-side-extra.png differ
diff --git a/app/assets/images/use-case-side-main.png b/app/assets/images/use-case-side-main.png
new file mode 100644
index 0000000..473f918
Binary files /dev/null and b/app/assets/images/use-case-side-main.png differ
diff --git a/app/assets/images/used01.png b/app/assets/images/used01.png
new file mode 100644
index 0000000..6b3c62d
Binary files /dev/null and b/app/assets/images/used01.png differ
diff --git a/app/assets/images/used02.png b/app/assets/images/used02.png
new file mode 100644
index 0000000..630a8c6
Binary files /dev/null and b/app/assets/images/used02.png differ
diff --git a/app/assets/images/used03.png b/app/assets/images/used03.png
new file mode 100644
index 0000000..83bac37
Binary files /dev/null and b/app/assets/images/used03.png differ
diff --git a/app/assets/images/used04.png b/app/assets/images/used04.png
new file mode 100644
index 0000000..8f1db79
Binary files /dev/null and b/app/assets/images/used04.png differ
diff --git a/app/assets/images/value-approach.png b/app/assets/images/value-approach.png
new file mode 100644
index 0000000..73f2136
Binary files /dev/null and b/app/assets/images/value-approach.png differ
diff --git a/app/assets/images/value-design.png b/app/assets/images/value-design.png
new file mode 100644
index 0000000..0c10bd3
Binary files /dev/null and b/app/assets/images/value-design.png differ
diff --git a/app/assets/images/value-interactive.png b/app/assets/images/value-interactive.png
new file mode 100644
index 0000000..924f46d
Binary files /dev/null and b/app/assets/images/value-interactive.png differ
diff --git a/app/assets/images/value-mobility.png b/app/assets/images/value-mobility.png
new file mode 100644
index 0000000..ecce12a
Binary files /dev/null and b/app/assets/images/value-mobility.png differ
diff --git a/app/assets/images/value-privacy.png b/app/assets/images/value-privacy.png
new file mode 100644
index 0000000..8442a54
Binary files /dev/null and b/app/assets/images/value-privacy.png differ
diff --git a/app/assets/images/value-seamless.png b/app/assets/images/value-seamless.png
new file mode 100644
index 0000000..92caee5
Binary files /dev/null and b/app/assets/images/value-seamless.png differ
diff --git a/app/assets/images/video-slide-1.jpg b/app/assets/images/video-slide-1.jpg
new file mode 100644
index 0000000..aba247e
Binary files /dev/null and b/app/assets/images/video-slide-1.jpg differ
diff --git a/app/assets/images/video-slide-2.jpg b/app/assets/images/video-slide-2.jpg
new file mode 100644
index 0000000..aba247e
Binary files /dev/null and b/app/assets/images/video-slide-2.jpg differ
diff --git a/app/assets/images/video-thumb-1.jpg b/app/assets/images/video-thumb-1.jpg
new file mode 100644
index 0000000..b049c9d
Binary files /dev/null and b/app/assets/images/video-thumb-1.jpg differ
diff --git a/app/assets/images/wallet-4.ico b/app/assets/images/wallet-4.ico
new file mode 100644
index 0000000..4d7500e
Binary files /dev/null and b/app/assets/images/wallet-4.ico differ
diff --git a/app/assets/images/wallet-5.png b/app/assets/images/wallet-5.png
new file mode 100644
index 0000000..0195b39
Binary files /dev/null and b/app/assets/images/wallet-5.png differ
diff --git a/app/assets/images/wrechboard-sample.jpg b/app/assets/images/wrechboard-sample.jpg
new file mode 100644
index 0000000..360518a
Binary files /dev/null and b/app/assets/images/wrechboard-sample.jpg differ
diff --git a/app/assets/images/wrench-page-notfound.jpg b/app/assets/images/wrench-page-notfound.jpg
new file mode 100644
index 0000000..4b3e688
Binary files /dev/null and b/app/assets/images/wrench-page-notfound.jpg differ
diff --git a/app/assets/images/wrenchboard-logo-text.png b/app/assets/images/wrenchboard-logo-text.png
new file mode 100644
index 0000000..51a5933
Binary files /dev/null and b/app/assets/images/wrenchboard-logo-text.png differ
diff --git a/app/assets/images/wrenchboard.png b/app/assets/images/wrenchboard.png
new file mode 100644
index 0000000..de7bb3c
Binary files /dev/null and b/app/assets/images/wrenchboard.png differ
diff --git a/app/assets/images/yt_thumb.png b/app/assets/images/yt_thumb.png
new file mode 100644
index 0000000..62ebd03
Binary files /dev/null and b/app/assets/images/yt_thumb.png differ
diff --git a/app/components/AfterHero.js b/app/components/AfterHero.js
new file mode 100644
index 0000000..7951a47
--- /dev/null
+++ b/app/components/AfterHero.js
@@ -0,0 +1,90 @@
+import React from 'react';
+import thumb4 from '../assets/images/about-thumb-4.png';
+import thumb5 from '../assets/images/about-thumb-5.png';
+import cardImg from '../assets/images/home/card-home-01.png'
+
+function AfterHero() {
+    return (
+        <>
+            <section className="appie-about-8-area pt-100 pb-100">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12">
+                            <div className="appie-section-title mb-30">
+                                <h3 className="appie-title">
+                                    {/* We bring everything <br />
+                                    that's required to build apps */}
+                                    Set Chores, Set Goals
+                                </h3>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        <div className="col-lg-7 mb-3 mb-lg-0">
+                            <div className='appie-about-container'>
+                                <div className="appie-about-8-box">
+                                    <h3 className="title">
+                                        Reward Accomplishments
+                                    </h3>
+                                    <p>
+                                        Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards off pick your nose and blow
+                                    </p>
+                                </div>
+                                <div className='row'>
+                                    <div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'>
+                                        <a className="m-1 main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                                            Learn More <i className="fal fa-arrow-right" />
+                                        </a>
+                                    </div>
+                                    <div className="col-12 col-sm-8 order-1 order-sm-2">
+                                        <img className='w-100 h-100' src={cardImg} alt="Child Card" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-5">
+                            {/* <div className="appie-about-8-box">
+                                <h3 className="title">
+                                    Assign Faster with <br />
+                                    wrenchAgent
+                                </h3>
+                                <p>
+                                    Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
+                                </p>
+                                <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                                    Learn More <i className="fal fa-arrow-right" />
+                                </a>
+                                <div className="thumb mr-30">
+                                    <img src={thumb5} alt="" />
+                                </div>
+                            </div> */}
+                            <div className='appie-about-container'>
+                                <div className="appie-about-8-box">
+                                    <h3 className="title">
+                                        Assign Faster with <br />
+                                        wrenchAgent
+                                    </h3>
+                                    <p>
+                                        Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
+                                    </p>
+                                </div>
+                                <div className='row'>
+                                    <div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'>
+                                        <a className="m-1 main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                                            Learn More <i className="fal fa-arrow-right" />
+                                        </a>
+                                    </div>
+                                    <div className="col-12 col-sm-8 order-1 order-sm-2">
+                                        <img className='w-100 h-100' src={thumb5} alt="" />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default AfterHero;
diff --git a/app/components/BlogHomeOne.js b/app/components/BlogHomeOne.js
new file mode 100644
index 0000000..b36f7ef
--- /dev/null
+++ b/app/components/BlogHomeOne.js
@@ -0,0 +1,21 @@
+import React, { useState } from 'react';
+import Blogs from '../News/Blogs';
+
+function BlogHomeOne() {
+    return (
+        <section className="appie-blog-area pt-45 pb-95">
+            <div className="container">
+                <div className="row">
+                    <div className="col-lg-12">
+                        <div className="appie-section-title text-center">
+                            <h3 className="appie-title">Our latest blog posts</h3>
+                        </div>
+                    </div>
+                </div>
+                <Blogs pathname='/' />
+            </div>
+        </section>
+    );
+}
+
+export default BlogHomeOne;
diff --git a/app/components/FaqHomeOne.js b/app/components/FaqHomeOne.js
new file mode 100644
index 0000000..f30c122
--- /dev/null
+++ b/app/components/FaqHomeOne.js
@@ -0,0 +1,69 @@
+import React from 'react';
+import thumb from '../../assets/images/traffic-thumb.png';
+
+function TrafficHomeOne({ className }) {
+    return (
+        <section section className={`appie-faq-area pt-90 pb-95 ${className}`}>
+            <div className="container">
+                <div className="row">
+                    <div className="col-lg-7">
+                        <div className="appie-traffic-title">
+                            <span>Post</span>
+                            <h3 className="title">Posting Jobs.</h3>
+                            <p>
+                                WrenchBoard platform connects you with quality service to deliver your project with ease.
+                            </p>
+                        </div>
+                        <div className="row">
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service mb-30">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Create your projects</h5>
+                                    <p>from complex to most basic task as targeted offering or market place posting</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service item-2 mb-30">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Hire experts</h5>
+                                    <p>from reviewed profiles, accept interest in your project from qualified members.</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service item-3">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Monitor Progress</h5>
+                                    <p>Monitor work progress and track performance with real time tools from your account</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service item-4">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Get Pay </h5>
+                                    <p>Pay: Make payment easily and securely by milestones or project completion.</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-12">
+                                <div className="traffic-btn mt-50">
+                                    <a className="main-btn" href="#">
+                                        Learn more about what you can do with WrenchBoard <i className="fal fa-arrow-right" />
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+         </div>
+        </section>
+    );
+}
+
+export default TrafficHomeOne;
diff --git a/app/components/FeaturedScreen.js b/app/components/FeaturedScreen.js
new file mode 100644
index 0000000..17df824
--- /dev/null
+++ b/app/components/FeaturedScreen.js
@@ -0,0 +1,95 @@
+import React from 'react'
+import OwlCarousel from 'react-owl-carousel'
+import localImgLoad from '../../lib/localImgLoad'
+
+import 'owl.carousel/dist/assets/owl.carousel.css'
+import 'owl.carousel/dist/assets/owl.theme.default.css'
+import LazyImage from '../../lib/LazyImage'
+
+export default function FeaturedScreen() {
+  
+    const screen_slider = {
+        loop:true,
+        margin:10,
+        nav:false,
+        autoplay: true,
+        smartSpeed: 1500,
+        center: true,
+        dots: true, 
+        responsive:{
+            0:{
+                items:1
+            },
+            600:{
+                items:2
+            },
+            800:{
+                items:3
+            },
+            1200:{
+                items:4
+            },
+            1400:{
+                items:5
+            }
+        }
+    }
+  return (
+    <>
+        <section className="appie-service-area pt-50 pb-50 interface_section">
+            <div className="container-fluid">
+                <div className="appie-traffic-title section_title text-center" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
+                    <h3 className='title'>App Screens <div className='section_sub_title'></div></h3>
+                    <p>Simplicity of use is our goal always. Here are some of our featured screens.</p>
+                </div>
+                <div className="screen_slider" >
+                    <OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_1.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_1.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_2.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_2.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_3.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_3.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_4.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_6.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_5.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_4.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_7.png')} alt="image" />
+                            </div>
+                        </div>
+                        <div className="item">
+                            <div className="screen_frame_img">
+                                {/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
+                                <img src={localImgLoad('images/slider/app_sliders/screen_5.png')} alt="image" />
+                            </div>
+                        </div>
+                    </OwlCarousel>
+                </div>
+            </div>
+        </section>
+    </>
+  )
+}
diff --git a/app/components/FeaturesHomeOne.js b/app/components/FeaturesHomeOne.js
new file mode 100644
index 0000000..ffe3431
--- /dev/null
+++ b/app/components/FeaturesHomeOne.js
@@ -0,0 +1,125 @@
+import React, { useState } from 'react';
+import { Link } from 'react-router-dom';
+// import thumb from '../../assets/images/onlineregistration.png';
+// import thumb22 from '../../assets/images/marketplace.png';
+// import thumb3 from '../../assets/images/product-listing-on-online-marketplace.png';
+// import thumb4 from '../../assets/images/flying.png';
+import freeAccount from '../../assets/images/free_account.png';
+import marketPlace from '../../assets/images/market_place.png';
+import task from '../../assets/images/task.png';
+import getPaid from '../../assets/images/get_paid.png';
+
+// import taskThumbnail from '../../assets/images/task-thumb.png'
+// import marketThumbnail from '../../assets/images/market-thumb.png'
+// import getPaidThumbnail from '../../assets/images/getpaid-thumb.png'
+// import accountThumbnail from '../../assets/images/account-thumb.png'
+
+
+import getConfig from './../../Config/config'
+
+function FeaturesHomeOne({ className }) {
+    var site = getConfig()[0];
+    return (
+        <></>
+        // <section className={`appie-service-area features-section pt-50 pb-100 ${className}`} id="service">
+        //     <div className="container">
+        //         <div className="row">
+        //             <div className="col-xl-3 col-md-6 mb-50">
+        //                 <div
+        //                     className="appie-features-content wow animated fadeInRight"
+        //                     data-wow-duration="2000ms"
+        //                     data-wow-delay="600ms"
+        //                 >
+        //                     <div className='text-center'>
+        //                         <img className='pb-2' src={accountThumbnail} alt='image thumbnail' />
+        //                     </div>
+                            
+        //                     <h3 className="title">
+        //                         Create free account.
+        //                     </h3>
+        //                     <p>
+        //                         If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.
+        //                     </p>
+        //                     <Link className="main-btn" to="/about-us">
+        //                         Learn More
+        //                     </Link>
+        //                     {/* <div
+        //                         className="appie-features-thumb text-center wow animated fadeInUp"
+        //                         data-wow-duration="2000ms"
+        //                         data-wow-delay="200ms"
+        //                     >
+        //                         <img className='p-3' src={freeAccount} alt="" />
+        //                     </div> */}
+        //                 </div>
+        //             </div>
+        //             <div className="col-xl-3 col-md-6 mb-50">
+        //                 <div
+        //                     className="appie-features-content animated fadeInRight"
+        //                     data-wow-duration="2000ms"
+        //                     data-wow-delay="600ms"
+        //                 >
+        //                     <div className='text-center'>
+        //                         <img className='pb-2' src={marketThumbnail} alt='image thumbnail' />
+        //                     </div>
+                            
+        //                     <h3 className="title">
+        //                         Browse Marketplace
+        //                     </h3>
+        //                     <p>
+        //                     WrenchBoard platform connects you with quality service that need articles writing, blog management, photography, product testing research and surveys and more to deliver your project with ease.
+        //                     </p>
+        //                     <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+        //                         Learn More
+        //                     </a>
+        //                 </div>
+        //             </div>
+        //             <div className="col-xl-3 col-md-6 mb-50">
+        //                 <div
+        //                     className="appie-features-content animated fadeInRight"
+        //                     data-wow-duration="2000ms"
+        //                     data-wow-delay="600ms"
+        //                 >
+        //                     <div className='text-center'>
+        //                         <img className='pb-2' src={taskThumbnail} alt='image thumbnail' />
+        //                     </div>
+                            
+        //                     <h3 className="title">
+        //                     Complete Task
+        //                     </h3>
+        //                     <p>
+        //                         Cash in the Pocket with WrenchBoard as a reliable partner to connect you with new opportunities.Track, Organize your Portfolio and Manage your Skills, preferred workgroup and teams efficiently.
+        //                     </p>
+        //                     <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+        //                         Learn More
+        //                     </a>
+        //                 </div>
+        //             </div>
+        //             <div className="col-xl-3 col-md-6 mb-50">
+        //                 <div
+        //                     className="appie-features-content animated fadeInRight"
+        //                     data-wow-duration="2000ms"
+        //                     data-wow-delay="600ms"
+        //                 >
+        //                     <div className='text-center'>
+        //                         <img className='pb-2' src={getPaidThumbnail} alt='image thumbnail' />
+        //                     </div>
+                            
+        //                     <h3 className="title">
+        //                         Get Paid
+        //                     </h3>
+        //                     <p>
+        //                         Get paid Instantly for completed task using WrenchBoard. Achieve your short-term goals or long-term income by Connecting with WrenchBoard. Complete access to your earnings.
+        //                     </p>
+        //                     <a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+        //                         Learn More
+        //                     </a>
+        //                 </div>
+        //             </div>
+        //         </div>
+        //     </div>
+        //     {/* <hr className='mt-50'/> */}
+        // </section>
+    );
+}
+
+export default FeaturesHomeOne;
diff --git a/app/components/FooterHomeOne.js b/app/components/FooterHomeOne.js
new file mode 100644
index 0000000..787aa27
--- /dev/null
+++ b/app/components/FooterHomeOne.js
@@ -0,0 +1,143 @@
+import React, { useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
+import getConfig from './../../Config/config'
+
+function FooterHomeOne({ className }) {
+    var site = useMemo(() => getConfig()[0], []);;
+    let newDate = new Date().getFullYear()
+
+    return (
+        <>
+            <section className={`appie-footer-area ${className || ''}`}>
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-4 col-md-6">
+                            <div className="footer-about-widget">
+                                <div className="logo">
+                                    <a href="#">
+                                        <img src={logo} alt="WrenchBoard" loading='eager' width={175} height={38} />
+                                    </a>
+                                </div>
+                                <p>
+                                    {`It is simple. You can set goals, task, or anything that needs to be done and reward accomplishment. WrenchBoard is the platform to connect opportunities. `}
+                                </p>
+                                <Link to="/service">
+                                    Read More <i className="fal fa-arrow-right" />
+                                </Link>
+                                <div className="social mt-30">
+                                    <ul>
+                                        <li>
+                                            <a to={site.facebook_link}>
+                                                <i className="fab fa-facebook-f" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href={process.env.REACT_APP_TWITTER_LINK}>
+                                                {/* <i className="fab fa-twitter" /> */}
+                                                <i className="fab fa-x-twitter" />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-2 col-md-6">
+                            <div className="footer-navigation">
+                                <h4 className="title">Company</h4>
+                                <ul>
+                                    <li>
+                                        <Link to="/about-us">About Us</Link>
+                                    </li>
+                                    <li>
+                                        <Link to="/service">Our Services</Link>
+                                    </li>
+                                    <li>
+                                        <Link to="/use-cases">Use Cases</Link>
+                                    </li>
+                                    <li className='d-none'>
+                                        <a target='_blank' href={process.env.REACT_APP_AGENT_LINK}>Agent</a>
+                                    </li>
+                                    <li>
+                                        <Link to="/blog">Blog</Link>
+                                    </li>
+                                   
+                                </ul>
+                            </div>
+                        </div>
+                        <div className="col-lg-3 col-md-6">
+                            <div className="footer-navigation">
+                                <h4 className="title">Support</h4>
+                                <ul>
+                                    <li>
+                                        <Link to="/contact">Contact</Link>
+                                    </li>
+                                    <li>
+                                        <Link to="/faq">Faqs</Link>
+                                    </li>
+                                    <li>
+                                        <a href="https://blog.wrenchboard.com/resources/">Resources</a>
+                                    </li>
+                                    <li>
+                                        <Link to="/privacy">Privacy Policy</Link>
+                                    </li>
+                                    <li>
+                                        <Link to="/terms">Terms of use</Link>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div className="col-lg-3 col-md-6">
+                            <div className="footer-widget-info">
+                                <h4 className="title">Get In Touch</h4>
+                                <ul>
+                                    <li>
+                                        <a href="#">
+                                            <i className="fal fa-envelope" /> {site.support_email}
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#">
+                                            <i className="fal fa-phone" />  404-855-7966
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#">
+                                            <i className="fal fa-map-marker-alt" />Atlanta, GA 30339 
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        <div className="col-lg-12">
+                            <div className="footer-copyright d-flex align-items-center justify-content-between pt-2">
+                                <div className="apps-download-btn">
+                                    <ul>
+                                        <li>
+                                            <a href={process.env.REACT_APP_APPLE_APP} target="_blank">
+                                                <i className="fab fa-apple" /> Download for iOS
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a className="item-2" href={process.env.REACT_APP_ANDROID_APP} target="_blank">
+                                                <i className="fab fa-google-play" /> Download for
+                                                Android
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="copyright-text">
+                                    <p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default FooterHomeOne;
diff --git a/app/components/HeroHomeOne.js b/app/components/HeroHomeOne.js
new file mode 100644
index 0000000..16166f6
--- /dev/null
+++ b/app/components/HeroHomeOne.js
@@ -0,0 +1,90 @@
+import React from 'react';
+import heroThumbOne from '../../assets/images/app-thumb-1.png';
+
+import heroThumbTwo from '../../assets/images/app-pic.png';
+import shapeTwo from '../../assets/images/shape/shape-2.png';
+
+import getConfig from './../../Config/config'
+import CustomSlider from '../customSlider/CustomSlider';
+
+// import SliderOne from '../../assets/images/home/app-slide-home-0.png'
+
+import SliderOne from '../../assets/images/home/top_sliders/slide_1.png'
+import SliderTwo from '../../assets/images/home/top_sliders/slide_2.png'
+import SliderThree from '../../assets/images/home/top_sliders/slide_3.png'
+import SliderFour from '../../assets/images/home/top_sliders/slide_4.png'
+import SliderFive from '../../assets/images/home/top_sliders/slide_5.png'
+import SliderCenter from '../../assets/images/home/top_sliders/slide_33.png'
+
+
+function HeroHomeOne() {
+
+  const sliders = [
+    SliderOne, SliderTwo, SliderCenter, SliderThree, SliderFour, SliderFive
+  ]
+
+  return (
+    <>
+      <section className="appie-hero-area">
+        <div className="container">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="appie-hero-content appie-hero-content-6 d-flex flex-column h-100">
+                {/*<span>Welcome To WrenchBoard..</span>*/}
+                <h1 className="appie-title">
+                  Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
+                </h1>
+                <p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a task portfolio and find others to perform tasks for you.</p>
+                <ul className='d-flex justify-content-center justify-content-lg-start'>
+                  <li className=''>
+                      <a className="item-2" target='_blank'  href={process.env.REACT_APP_APPLE_APP}>
+                          <i className="fab fa-apple"></i>
+                          <span>
+                              Available on the <span>App Store</span>
+                          </span>
+                      </a>
+                  </li>
+                  <li className=''>
+                      <a className="item-2" target='_blank' href={process.env.REACT_APP_ANDROID_APP}>
+                          <i className="fab fa-google-play"></i>
+                          <span>
+                              Available on the <span>Google Play</span>
+                          </span>
+                      </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <div className="appie-hero-thumb">
+                <div
+                  className="thumb wow animated fadeInUp"
+                  data-wow-duration="2000ms"
+                  data-wow-delay="200ms"
+                >
+                  {/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
+                  <div style={{ width: '350px', height:'auto', margin: 'auto' }}>
+                    <CustomSlider
+                      images={sliders}
+                      speed='5'
+                      indicatorColor='#333'
+                    />
+                  </div>
+                </div>
+                <div
+                  className="thumb-2 wow animated fadeInRight"
+                  data-wow-duration="2000ms"
+                  data-wow-delay="600ms"
+                >
+                  <img src={heroThumbTwo} alt="" width="100%" height="100%" />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
+
+export default HeroHomeOne;
diff --git a/app/components/HomeOne.js b/app/components/HomeOne.js
new file mode 100644
index 0000000..3b32d5f
--- /dev/null
+++ b/app/components/HomeOne.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import useToggle from '../Hooks/useToggle';
+// import BackToTop from '../BackToTop';
+import Drawer from '../Mobile/Drawer';
+// import BlogHomeOne from './BlogHomeOne';
+// import FeaturesHomeOne from './FeaturesHomeOne';
+// import FooterHomeOne from './FooterHomeOne';
+// import HeroHomeOne from './HeroHomeOne';
+// import HomeOneHeader from './HomeOneHeader';
+// import ServicesHomeOne from './ServicesHomeOne';
+// import TrafficHomeOne from './TrafficHomeOne';
+// import TrafficHomeTwo from './TrafficHomeTwo';
+// import FeaturedScreen from './FeaturedScreen'; 
+import AfterHero from './AfterHero';
+// import NextAfterHero from './NextAfterHero';
+
+
+
+
+
+function HomeOne() {
+    // cORRECT CALL const [drawer, drawerAction] = useToggle(false);
+    const [drawer, drawerAction] = useToggle();
+
+    return (
+        <>
+          <Drawer drawer={drawer} action={drawerAction.toggle} />
+           <div>THIS IS HOME </div>
+        </>
+    );
+}
+
+export default HomeOne;
+
+           
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            // <HomeOneHeader action={drawerAction.toggle} />
+            // <HeroHomeOne />    
+            <AfterHero />
+            // <NextAfterHero />
+            // <FeaturesHomeOne />
+            // <ServicesHomeOne />
+            // <TrafficHomeOne />
+            // <TrafficHomeTwo />
+            // <FeaturedScreen />
+            // <BlogHomeOne />
+            // <FooterHomeOne />
+            // <BackToTop /> 
+
+
+
diff --git a/app/components/HomeOneHeader.js b/app/components/HomeOneHeader.js
new file mode 100644
index 0000000..9a48c6e
--- /dev/null
+++ b/app/components/HomeOneHeader.js
@@ -0,0 +1,56 @@
+import React, { useEffect } from 'react';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
+import StickyMenu from '../../lib/StickyMenu';
+import Navigation from '../Navigation';
+import getConfig from './../../Config/config'
+import { Link } from 'react-router-dom';
+
+function HomeOneHeader({ action, showLogoOnly = false }) {
+  var site = getConfig()[0];
+  useEffect(() => {
+    StickyMenu();
+  }, []);
+  return (
+    <header className="appie-header-area appie-sticky">
+      <div className="container">
+        <div className="header-nav-box">
+          <div className="row align-items-center">
+            <div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
+              <div className="appie-logo-box">
+                <Link to="/">
+                  <img src={logo} alt="WrenchBoard" loading='eager' width="175px" height="38px" />
+                </Link>
+              </div>
+            </div>
+
+            {!showLogoOnly && <>
+              <div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
+                <div className="appie-header-main-menu">
+                  <Navigation />
+                </div>
+              </div>
+              <div className="col-lg-4  col-md-7 col-sm-6 col-6 order-2 order-sm-3">
+                <div className="appie-btn-box text-right">
+                  <a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                    <i className="fal fa-user" /> Login
+                  </a>
+                  <a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
+                    Get Started
+                  </a>
+                  <div
+                    onClick={(e) => action(e)}
+                    className="toggle-btn ml-30 canvas_open d-lg-none d-block"
+                  >
+                    <i className="fa fa-bars" />
+                  </div>
+                </div>
+              </div>
+            </>}
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
+
+export default HomeOneHeader;
diff --git a/app/components/NextAfterHero.js b/app/components/NextAfterHero.js
new file mode 100644
index 0000000..d8263f6
--- /dev/null
+++ b/app/components/NextAfterHero.js
@@ -0,0 +1,124 @@
+import React from 'react';
+import serviceThumb from '../../assets/images/service-thumb-1.png';
+
+function NextAfterHero() {
+    return (
+        <>
+            <section
+                className="appie-services-2-area appie-services-8-area pt-90 pb-55"
+                id="service"
+            >
+                <div className="container">
+                    <div className="row align-items-end">
+                        <div className="col-lg-6 col-md-8">
+                            <div className="appie-section-title">
+                                <h3 className="appie-title">Solution for every need.</h3>
+                                <p>The app provides design and digital marketing.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row align-items-center">
+                        <div className="col-lg-7">
+                            <div className="row">
+                                <div className="col-lg-6 col-md-6">
+                                    <div
+                                        className="
+                    appie-single-service-2 appie-single-service-about
+                    mt-30
+                    wow
+                    animated
+                    fadeInUp
+                  "
+                                        data-wow-duration="2000ms"
+                                        data-wow-delay="200ms"
+                                    >
+                                        <div className="icon">
+                                            <i className="fal fa-tv" />
+                                        </div>
+                                        <h4 className="title">Carefully designed</h4>
+                                        <p>
+                                            He lost his bottle loo don't get shirty with me ruddy.
+                                        </p>
+                                    </div>
+                                </div>
+                                <div className="col-lg-6 col-md-6">
+                                    <div
+                                        className="
+                    appie-single-service-2 appie-single-service-about
+                    item-2
+                    mt-30
+                    wow
+                    animated
+                    fadeInUp
+                  "
+                                        data-wow-duration="2000ms"
+                                        data-wow-delay="400ms"
+                                    >
+                                        <div className="icon">
+                                            <i className="fal fa-code" />
+                                        </div>
+                                        <h4 className="title">Clean Modern Code</h4>
+                                        <p>
+                                            He lost his bottle loo don't get shirty with me ruddy.
+                                        </p>
+                                    </div>
+                                </div>
+                                <div className="col-lg-6 col-md-6">
+                                    <div
+                                        className="
+                    appie-single-service-2 appie-single-service-about
+                    item-3
+                    mt-30
+                    wow
+                    animated
+                    fadeInUp
+                  "
+                                        data-wow-duration="2000ms"
+                                        data-wow-delay="600ms"
+                                    >
+                                        <div className="icon">
+                                            <i className="fal fa-user-friends" />
+                                        </div>
+                                        <h4 className="title">User Interactive</h4>
+                                        <p>
+                                            He lost his bottle loo don't get shirty with me ruddy.
+                                        </p>
+                                    </div>
+                                </div>
+                                <div className="col-lg-6 col-md-6">
+                                    <div
+                                        className="
+                    appie-single-service-2 appie-single-service-about
+                    item-4
+                    mt-30
+                    wow
+                    animated
+                    fadeInUp
+                  "
+                                        data-wow-duration="2000ms"
+                                        data-wow-delay="200ms"
+                                    >
+                                        <div className="icon">
+                                            <i className="fal fa-mobile" />
+                                        </div>
+                                        <h4 className="title">Choose a App</h4>
+                                        <p>
+                                            He lost his bottle loo don't get shirty with me ruddy.
+                                        </p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-5">
+                            <div className="service-thumb">
+                                <img src={serviceThumb} alt="" />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default NextAfterHero;
diff --git a/app/components/PricingHomeOne.js b/app/components/PricingHomeOne.js
new file mode 100644
index 0000000..c2fcb85
--- /dev/null
+++ b/app/components/PricingHomeOne.js
@@ -0,0 +1,254 @@
+import React, { useState } from 'react';
+
+function PricingHomeOne({ className }) {
+    const [toggleSwitch, setSwitchValue] = useState(true);
+    return (
+        <>
+            <section className={`appie-pricing-area pt-90 pb-90 ${className || ''}`}>
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12">
+                            <div className="appie-section-title text-center">
+                                <h3 className="appie-title">Choose your plan</h3>
+                                <p>Different layouts and styles for team sections.</p>
+                            </div>
+                            <ul
+                                className="list-inline text-center switch-toggler-list"
+                                role="tablist"
+                                id="switch-toggle-tab"
+                            >
+                                <li className={`month ${toggleSwitch ? 'active' : ''}`}>
+                                    <a href="#">Monthly</a>
+                                </li>
+                                <li>
+                                    <label
+                                        onClick={() => setSwitchValue(!toggleSwitch)}
+                                        className={`switch ${toggleSwitch ? 'on' : 'off'}`}
+                                    >
+                                        <span className="slider round" />
+                                    </label>
+                                </li>
+                                <li className={`year ${toggleSwitch === false ? 'active' : ''}`}>
+                                    <a href="#">Annualy</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="tabed-content">
+                        {toggleSwitch ? (
+                            <div id="month">
+                                <div className="row justify-content-center">
+                                    <div className="col-lg-4 col-md-6 wow animated fadeInLeft">
+                                        <div className="pricing-one__single">
+                                            <div className="pricig-heading">
+                                                <h6>Fresh</h6>
+                                                <div className="price-range">
+                                                    <sup>$</sup> <span>04</span>
+                                                    <p>/month</p>
+                                                </div>
+                                                <p>Get your 14 day free trial</p>
+                                            </div>
+                                            <div className="pricig-body">
+                                                <ul>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 60-day chat
+                                                        history
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 15 GB cloud
+                                                        storage
+                                                    </li>
+                                                </ul>
+                                                <div className="pricing-btn mt-35">
+                                                    <a className="main-btn" href="#">
+                                                        Choose plan
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-lg-4 col-md-6 wow animated fadeInUp">
+                                        <div className="pricing-one__single center">
+                                            <div className="pricig-heading">
+                                                <h6>Sweet</h6>
+                                                <div className="price-range">
+                                                    <sup>$</sup> <span>16</span>
+                                                    <p>/month</p>
+                                                </div>
+                                                <p>Billed $276 per website annually.</p>
+                                            </div>
+                                            <div className="pricig-body">
+                                                <ul>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 60-day chat
+                                                        history
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 50 GB cloud
+                                                        storage
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 24/7 Support
+                                                    </li>
+                                                </ul>
+                                                <div className="pricing-btn mt-35">
+                                                    <a className="main-btn" href="#">
+                                                        Choose plan
+                                                    </a>
+                                                </div>
+                                            </div>
+                                            <div className="pricing-rebon">
+                                                <span>Most Popular</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-lg-4 col-md-6 wow animated fadeInRight">
+                                        <div className="pricing-one__single">
+                                            <div className="pricig-heading">
+                                                <h6>Juicy</h6>
+                                                <div className="price-range">
+                                                    <sup>$</sup> <span>27</span>
+                                                    <p>/month</p>
+                                                </div>
+                                                <p>Billed $276 per website annually.</p>
+                                            </div>
+                                            <div className="pricig-body">
+                                                <ul>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 60-day chat
+                                                        history
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> Data security
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 100 GB cloud
+                                                        storage
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 24/7 Support
+                                                    </li>
+                                                </ul>
+                                                <div className="pricing-btn mt-35">
+                                                    <a className="main-btn" href="#">
+                                                        Choose plan
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        ) : (
+                            <div id="year">
+                                <div className="row justify-content-center">
+                                    <div className="col-lg-4 col-md-6 wow animated fadeInLeft">
+                                        <div className="pricing-one__single">
+                                            <div className="pricig-heading">
+                                                <h6>Fresh</h6>
+                                                <div className="price-range">
+                                                    <sup>$</sup> <span>32</span>
+                                                    <p>/Yearly</p>
+                                                </div>
+                                                <p>Get your 14 day free trial</p>
+                                            </div>
+                                            <div className="pricig-body">
+                                                <ul>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 60-day chat
+                                                        history
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 15 GB cloud
+                                                        storage
+                                                    </li>
+                                                </ul>
+                                                <div className="pricing-btn mt-35">
+                                                    <a className="main-btn" href="#">
+                                                        Choose plan
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-lg-4 col-md-6 wow animated fadeInUp">
+                                        <div className="pricing-one__single center">
+                                            <div className="pricig-heading">
+                                                <h6>Sweet</h6>
+                                                <div className="price-range">
+                                                    <sup>$</sup> <span>116</span>
+                                                    <p>/Yearly</p>
+                                                </div>
+                                                <p>Billed $276 per website annually.</p>
+                                            </div>
+                                            <div className="pricig-body">
+                                                <ul>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 60-day chat
+                                                        history
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 50 GB cloud
+                                                        storage
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 24/7 Support
+                                                    </li>
+                                                </ul>
+                                                <div className="pricing-btn mt-35">
+                                                    <a className="main-btn" href="#">
+                                                        Choose plan
+                                                    </a>
+                                                </div>
+                                            </div>
+                                            <div className="pricing-rebon">
+                                                <span>Most Popular</span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className="col-lg-4 col-md-6 wow animated fadeInRight">
+                                        <div className="pricing-one__single">
+                                            <div className="pricig-heading">
+                                                <h6>Juicy</h6>
+                                                <div className="price-range">
+                                                    <sup>$</sup> <span>227</span>
+                                                    <p>/Yearly</p>
+                                                </div>
+                                                <p>Billed $276 per website annually.</p>
+                                            </div>
+                                            <div className="pricig-body">
+                                                <ul>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 60-day chat
+                                                        history
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> Data security
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 100 GB cloud
+                                                        storage
+                                                    </li>
+                                                    <li>
+                                                        <i className="fal fa-check" /> 24/7 Support
+                                                    </li>
+                                                </ul>
+                                                <div className="pricing-btn mt-35">
+                                                    <a className="main-btn" href="#">
+                                                        Choose plan
+                                                    </a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        )}
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default PricingHomeOne;
diff --git a/app/components/ProjectHomeOne.js b/app/components/ProjectHomeOne.js
new file mode 100644
index 0000000..6e0ed28
--- /dev/null
+++ b/app/components/ProjectHomeOne.js
@@ -0,0 +1,43 @@
+import React from 'react';
+
+function ProjectHomeOne() {
+    return (
+        <>
+            <section className="appie-project-area pb-100">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12">
+                            <div
+                                className="appie-project-box wow animated slideInUp"
+                                data-wow-duration="1000ms"
+                                data-wow-delay="0ms"
+                            >
+                                <div className="row">
+                                    <div className="col-lg-6">
+                                        <div className="appie-project-content">
+                                            <h3 className="title">
+                                                Start your project with WrenchBoard.
+                                            </h3>
+                                            <p>Manage your small, medium and big projects with WrenchBoard.<br/> WrenchBoard Platform enables you to organize teams of freelancers as well as dedicated skills sets for your goals.</p>
+                                            <form action="#">
+                                                <div className="input-box mt-30">
+                                                    <input type="text" placeholder="Your email" />
+                                                    <button type="button">Subscribe</button>
+                                                </div>
+                                            </form>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div className="appie-project-thumb">
+                                    <img src="assets/images/project-thumb.png" alt="" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default ProjectHomeOne;
diff --git a/app/components/RecentJobsOne.js b/app/components/RecentJobsOne.js
new file mode 100644
index 0000000..77c0c63
--- /dev/null
+++ b/app/components/RecentJobsOne.js
@@ -0,0 +1,140 @@
+import React, { Component } from 'react';
+import blogOne from '../../assets/images/blog-1.jpg';
+import blogTwo from '../../assets/images/blog-2.jpg';
+import blogThree from '../../assets/images/blog-3.jpg';
+import JobsData from '../../Services/JobsData';
+import getConfig from './../../Config/config'
+import CountDownTimer from '../Helper/CountDownTimer';
+
+class RecentJobsOne extends Component {
+
+    constructor() {
+      //  debugger;
+        super();
+        this.state = { jobsDataResults: [] };
+    }
+
+async componentDidMount(){
+  //  debugger;
+    JobsData().then(res => {
+        this.setState({jobsDataResults:res.data.result_list});
+    }).catch(err => {
+        console.log('startjoblist error', err)
+    })
+}
+
+titleLen(title){
+    let maxl = 45;
+    title.replace('/', ' ');
+    title.replace('www.', '');
+    title.replace('.com', '');
+    title.replace('http//', '');
+    
+    return (title.length > maxl)? title.substring(0,maxl-2)+'...': title;
+}
+    //  if (jobsDataResults ()== null){
+    //       return null;
+    //   }
+    render() {
+        var site = getConfig()[0];
+       if ( this.state.jobsDataResults== undefined ){
+           return null;
+       }
+        var dashUrl = process.env.REACT_APP_DASH_URL;
+
+        if (this.state.jobsDataResults.length == 0){
+            return <></>;
+        }
+
+        return (
+            <>
+                <section className="appie-blog-area pt-90 pb-95">
+                    <div className="container">
+                        <div className="row">
+                            <div className="col-lg-12">
+                                <div className="appie-section-title text-center">
+                                    <h3 className="appie-title">Current Projects</h3>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="row">
+
+                            {
+                                this.state.jobsDataResults.map(i => {
+                                    var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
+                                    var postDt  = new Date(i.expire).toLocaleDateString("en-US", options); 
+
+                                    return (<div className="col-md-6 col-xl-3">
+                                        <div
+                                            className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
+                                            data-wow-duration="3000ms"
+                                            data-wow-delay="200ms"
+                                        >
+                                            <div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
+                                                <div className="titleBox">
+                                                    <h3 className="title">
+                                                        <a href={dashUrl}>
+                                                        <span className='font_black'>{this.titleLen(i.title)} </span>   
+                                                        </a>
+                                                    </h3>
+                                                </div>
+                                                <div className='p-0 container-fluid'>
+                                                    <div><hr /></div>
+                                                    <div className="blog-meta">
+                                                        <ul>
+                                                            <li className="expire">
+                                                                <a href={dashUrl} className='d-block'>
+                                                                    <div className='font_red d-flex align-items-start'> 
+                                                                        <div className='pr-2'>Expires :</div>
+                                                                        <CountDownTimer targetDate={postDt}/>
+                                                                    </div>
+                                                                </a>
+                                                            </li>
+                                                        </ul>
+                                                    </div>
+                                                    <div className='lmoreTxt d-flex justify-content-end align-items-center'>
+                                                        <a href={dashUrl}>
+                                                        Learn More <i className="fal fa-arrow-right" />
+                                                    </a>                                                
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                    </div>)
+
+
+                                })
+                            }
+
+
+                            <div className="col-lg-3 col-md-6">
+                                <div
+                                    className="appie-blog-item mt-30 wow animated fadeInUp"
+                                    data-wow-duration="3000ms"
+                                    data-wow-delay="600ms"
+                                >
+
+                                    <div className="content">
+
+                                        <h3 className="title">
+                                            <a href={dashUrl}>
+                                                Find more opportunities at our marketplace.
+                                            </a>
+                                        </h3>
+                                        <a href="https://dashboard.wrenchboard.com/login">
+                                            Login now <i className="fal fa-arrow-right" />
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+                </section>
+            </>
+        );
+    }
+}
+
+export default RecentJobsOne;
\ No newline at end of file
diff --git a/app/components/ServicesHomeOne.js b/app/components/ServicesHomeOne.js
new file mode 100644
index 0000000..39d77da
--- /dev/null
+++ b/app/components/ServicesHomeOne.js
@@ -0,0 +1,61 @@
+import React from 'react';
+import IconOne from '../../assets/images/icon/reward.png';
+import IconTwo from '../../assets/images/icon/assign-chores.png';
+import IconThree from '../../assets/images/icon/financial-education.png';
+import IconFour from '../../assets/images/icon/family-connect.png';
+import Main from '../lnd/LndParts/Design/Main';
+
+function ServiceItem({ icon, title, description, index }) {
+  return (
+    <div
+      className="service-item text-center mt-30 wow animated fadeInUp"
+      data-wow-duration="2000ms"
+      data-wow-delay={`${200 * (index + 1)}ms`}
+      style={{ cursor: "default" }}
+    >
+      <div className="icon">
+        <img src={icon} alt={title} width={70} height={70} loading="lazy" />
+      </div>
+      <h4 className="appie-title">{title}</h4>
+      <p>{description}</p>
+    </div>
+  );
+}
+
+function ServicesHomeOne({ className }) {
+
+  return (
+    <section
+      className={`appie-service-area pt-50 pb-50 ${className}`}
+      id="service"
+    >    
+      <Main />
+    </section>
+  );
+}
+
+export default ServicesHomeOne;
+
+const serviceTitle = `Set Chores, Set Goals and Rewards Accomplishments`;
+const serviceItems = [
+  {
+    icon: IconOne,
+    title: 'Reward Goals Met',
+    description: 'Set goals together and reward accomplishment',
+  },
+  {
+    icon: IconTwo,
+    title: 'Assign Regular Chores',
+    description: 'Organize essential regular chores to be done',
+  },
+  {
+    icon: IconThree,
+    title: 'Financial Education',
+    description: 'Get Kids start early on money management',
+  },
+  {
+    icon: IconFour,
+    title: 'Family Connect',
+    description: 'Connect family, share accomplishments with friends',
+  },
+];
\ No newline at end of file
diff --git a/app/components/TeamHomeOne.js b/app/components/TeamHomeOne.js
new file mode 100644
index 0000000..015dd63
--- /dev/null
+++ b/app/components/TeamHomeOne.js
@@ -0,0 +1,164 @@
+import React from 'react';
+import teamOne from '../../assets/images/Olu-Amey-001.jpg';
+import teamTwo from '../../assets/images/team-2.jpg';
+import teamThree from '../../assets/images/Toks-Law.jpg';
+import teamFour from '../../assets/images/team-4.jpg';
+
+function TeamHomeOne() {
+    return (
+        <>
+            <section className="appie-team-area pt-90 pb-100">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12">
+                            <div className="appie-section-title text-center">
+                                <h3 className="appie-title">Meet Our Team Members</h3>
+                                <p>Helping you reaching your full potential.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="row">
+                        <div className="col-lg-4 col-md-6">
+                            <div
+                                className="appie-team-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="2000ms"
+                                data-wow-delay="200ms"
+                            >
+                                <div className="thumb">
+                                    <img src={teamOne} alt="" />
+                                    <ul>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-facebook-f" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-twitter" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="https://www.oluameye.com/" target ="_blank">
+                                                <i className="fab fa-pinterest-p" />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="content text-center">
+                                    <h5 className="title">Olu Amey</h5>
+                                    <span>Co-Founder & Director</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-4 col-md-6">
+                            <div
+                                className="appie-team-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="2000ms"
+                                data-wow-delay="400ms"
+                            >
+                                <div className="thumb">
+                                    <img src={teamTwo} alt="" />
+                                    <ul>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-facebook-f" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-twitter" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-pinterest-p" />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="content text-center">
+                                    <h5 className="title">Obax Noma </h5>
+                                    <span>Co-Founder & CEO</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div className="col-lg-4 col-md-6">
+                            <div
+                                className="appie-team-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="2000ms"
+                                data-wow-delay="600ms"
+                            >
+                                <div className="thumb">
+                                    <img src={teamThree} alt="" />
+                                    <ul>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-facebook-f" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-twitter" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="https://www.tokslaw.com/" target = "_blank" >
+                                                <i className="fab fa-pinterest-p" />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="content text-center">
+                                    <h5 className="title">Toks Law</h5>
+                                    <span>Mobile App Design & Development</span>
+                                </div>
+                            </div>
+                        </div>
+                       {/* <div className="col-lg-3 col-md-6">
+                            <div
+                                className="appie-team-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="2000ms"
+                                data-wow-delay="800ms"
+                            >
+                                <div className="thumb">
+                                    <img src={teamFour} alt="" />
+                                    <ul>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-facebook-f" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-twitter" />
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="#">
+                                                <i className="fab fa-pinterest-p" />
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="content text-center">
+                                    <h5 className="title">Benjamin Evalent</h5>
+                                    <span>CEO-Founder</span>
+                                </div>
+                            </div>
+                        </div> */}
+                        <div className="col-lg-12">
+                            <div className="team-btn text-center mt-50">
+                                <a className="main-btn" href="#">
+                                    {' '}
+                                    View all Members <i className="fal fa-arrow-right" />
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default TeamHomeOne;
diff --git a/app/components/TestimonialHomeOne.js b/app/components/TestimonialHomeOne.js
new file mode 100644
index 0000000..17f1f01
--- /dev/null
+++ b/app/components/TestimonialHomeOne.js
@@ -0,0 +1,140 @@
+import React, { useRef } from 'react';
+import Slider from 'react-slick';
+import 'slick-carousel/slick/slick-theme.css';
+import 'slick-carousel/slick/slick.css';
+import user from '../../assets/images/testimonial-user.png';
+
+function TestimonialHomeOne() {
+    const sliderRef = useRef();
+    const sliderNext = () => {
+        sliderRef.current.slickNext();
+    };
+    const sliderPrev = () => {
+        sliderRef.current.slickPrev();
+    };
+    return (
+        <section className="appie-testimonial-area pt-100 pb-160" id="testimonial">
+            <div className="container">
+                <div className="row justify-content-center">
+                    <div className="col-lg-8">
+                        <div className="appie-testimonial-slider" style={{ position: 'relative' }}>
+                            <span
+                                className="prev slick-arrow"
+                                style={{ display: 'block' }}
+                                onClick={sliderNext}
+                                role="button"
+                                tabIndex="0"
+                            >
+                                <i className="fal fa-arrow-left" />
+                            </span>
+                            <Slider ref={sliderRef} dots arrows={false}>
+                                <div className="appie-testimonial-item text-center">
+                                    <div className="author-info">
+                                        <img src={user} alt="" />
+                                        <h5 className="title">Lanta Greece</h5>
+                                        <span>July, 2021</span>
+                                    </div>
+                                    <div className="text">
+                                        <p>
+                                            Loving what you do to earn an income is the new word of mouth. I would absolutely recommend WrenchBoard.It 's so easy to use and you get paid instantly.
+                                        </p>
+                                        <ul>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                                <div className="appie-testimonial-item text-center">
+                                    <div className="author-info">
+                                        <img src={user} alt="" />
+                                        <h5 className="title">Jason Response</h5>
+                                        <span>April 14, 2022</span>
+                                    </div>
+                                    <div className="text">
+                                        <p>
+                                            Why I say old chap that is spiffing lurgy Oxford
+                                            cracking goal bleeder, bog-standard Harry brilliant mush
+                                            a blinding shot starkers.
+                                        </p>
+                                        <ul>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                                <div className="appie-testimonial-item text-center">
+                                    <div className="author-info">
+                                        <img src={user} alt="" />
+                                        <h5 className="title">Jason Response</h5>
+                                        <span>April 14, 2022</span>
+                                    </div>
+                                    <div className="text">
+                                        <p>
+                                            Why I say old chap that is spiffing lurgy Oxford
+                                            cracking goal bleeder, bog-standard Harry brilliant mush
+                                            a blinding shot starkers.
+                                        </p>
+                                        <ul>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                            <li>
+                                                <i className="fas fa-star" />
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </Slider>
+                            <span
+                                onClick={sliderPrev}
+                                role="button"
+                                tabIndex="-1"
+                                className="next slick-arrow"
+                                style={{ display: 'block' }}
+                            >
+                                <i className="fal fa-arrow-right" />
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    );
+}
+
+export default TestimonialHomeOne;
diff --git a/app/components/TrafficHomeOne.js b/app/components/TrafficHomeOne.js
new file mode 100644
index 0000000..fd7a992
--- /dev/null
+++ b/app/components/TrafficHomeOne.js
@@ -0,0 +1,78 @@
+import React from 'react';
+import thumb from '../../assets/images/home-app-page.png';
+
+function TrafficHomeTwo() {
+    return (
+        <section className="appie-traffic-area pt-140 pb-180">
+            <div className="container">
+                <div className="row">
+                    <div className="col-lg-7">
+                        <div className="appie-traffic-title">
+                            <h3 className="title">Family Connect</h3>
+                            <p>
+                            All you need for a family to get moving with rewards and more. Plan activities and booster family interactions. 
+                            </p>
+                        </div>
+                        <div className="row">
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service mb-30">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Organize Chores</h5>
+                                    <p>Simple one-time tasks to repeated tasks or promise of performance or set goals.</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service item-2 mb-30">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Sibling Activities</h5>
+                                    <p>Wrenchboard allows family members to create product connections with educational content with reward tools.
+                                    </p>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service item-3">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Personalized Wallet</h5>
+                                    <p>Individual wallet with parental control and guidance. Money education to increase values.</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-6">
+                                <div className="appie-traffic-service item-4">
+                                    <div className="icon">
+                                        <i className="fal fa-check" />
+                                    </div>
+                                    <h5 className="title">Games & More </h5>
+                                    <p>More opportunities to learn with games or the artificial intelligence library and shared material.</p>
+                                </div>
+                            </div>
+                            <div className="col-lg-12">
+                                <div className="traffic-btn mt-50">
+                                    <a className="main-btn" href="#">
+                                        Learn more about what you can do with WrenchBoard <i className="fal fa-arrow-right" />
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div className="traffic-thumb ">
+                <img
+                    className="wow animated fadeInRight"
+                    data-wow-duration="2000ms"
+                    data-wow-delay="200ms"
+                    src={thumb}
+                    alt=""
+                />
+            </div>
+        </section>
+    );
+}
+
+export default TrafficHomeTwo;
diff --git a/app/components/TrafficHomeTwo.js b/app/components/TrafficHomeTwo.js
new file mode 100644
index 0000000..5cea27d
--- /dev/null
+++ b/app/components/TrafficHomeTwo.js
@@ -0,0 +1,84 @@
+import React from "react";
+import thumb from "../../assets/images/PerformingTask2.jpg";
+import getConfig from "./../../Config/config";
+
+function TrafficHomeOne() {
+  return (
+    <section className="wrench-on-area pt-90 pb-45">
+      <div className="container">
+        <div className="row">
+          <div className="col-lg-7">
+            <div className="appie-traffic-title">
+              <h3 className="title">{featuresContent.title}</h3>
+              <p>{featuresContent.detail}</p>
+            </div>
+            <div className="row">
+              {featuresContent.list?.map(({ icon, header, paragraph }, idx) => (
+                <div className="col-lg-6 col-md-6" key={idx}>
+                  <div
+                    className={`appie-traffic-service features item-${
+                      idx + 1
+                    } mb-30`}
+                    style={{ paddingRight: "45px" }}
+                  >
+                    <div className="icon">
+                      <i className={icon} />
+                    </div>
+                    <h5 className="title">{header}</h5>
+                    <p>{paragraph}</p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+          <div className="traffic-thumb d-none d-lg-flex col-lg-5 justify-content-center align-items-center">
+            <div className="position-relative d-flex">
+              <div
+                className="withFadeEdge position-absolute bg-transparent w-100 h-100"
+                style={{ zIndex: "1" }}
+              ></div>
+              <img
+                className="position-relative wow animated fadeInRight p-1"
+                data-wow-duration="2000ms"
+                data-wow-delay="200ms"
+                src={thumb}
+                alt=""
+                style={{ zIndex: "0", minHeight: "300px", minWidth: "400px", width: "100%" }}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default TrafficHomeOne;
+
+const featuresContent = {
+  title: "on WrenchBoard.",
+  detail:
+    "Performing task on WrenchBoard is easy. All you need is a free account.",
+  list: [
+    {
+      icon: "fal fa-check",
+      header: "Free account",
+      paragraph: "Get family access from parents, or create your free account.",
+    },
+    {
+      icon: "fal fa-check",
+      header: "Suggest or Find Task",
+      paragraph: "Suggest tasks to parents or pick from the market.",
+    },
+    {
+      icon: "fal fa-check",
+      header: "Complete Task",
+      paragraph: "Complete the task as specified.",
+    },
+    {
+      icon: "fal fa-check",
+      header: "Reward",
+      paragraph: "Get your reward as specified.",
+    },
+  ],
+};
diff --git a/app/components/WrenchBoardHome.js b/app/components/WrenchBoardHome.js
new file mode 100644
index 0000000..3b3e3a9
--- /dev/null
+++ b/app/components/WrenchBoardHome.js
@@ -0,0 +1,64 @@
+import React from 'react';
+import heroThumbOne from '../../assets/images/Actualize.jpg';
+import heroThumbTwo from '../../assets/images/hero-thumb-2.png';
+import shapeTwo from '../../assets/images/shape/shape-2.png';
+import shapeThree from '../../assets/images/shape/shape-3.png';
+import shapeFour from '../../assets/images/shape/shape-4.png';
+
+function WrenchBoardHome() {
+    return (
+        <>
+            <section className="appie-hero-area">
+                <div className="container">
+                    <div className="row align-items-center">
+                        <div className="col-lg-6">
+                            <div className="appie-hero-content">
+                                <span>Welcome To WrenchBoard.....</span>
+                                <h1 className="appie-title">
+                                    Make money with any skill.
+                                </h1>
+                                <p>
+                                    The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
+                                </p>
+                                <ul>
+                                    <li>
+                                        <a href="#">
+                                            <i className="fab fa-apple" /> Download for iOS
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a className="item-2" href="#">
+                                            <i className="fab fa-google-play" /> Download for
+                                            Android
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div className="col-lg-6">
+                            <div className="appie-hero-thumb">
+                                <div
+                                    className="thumb wow animated fadeInUp"
+                                    data-wow-duration="2000ms"
+                                    data-wow-delay="200ms"
+                                >
+                                    <img src={heroThumbOne} alt="" />
+                                </div>
+                                <div
+                                    className="thumb-2 wow animated fadeInRight"
+                                    data-wow-duration="2000ms"
+                                    data-wow-delay="600ms"
+                                >
+                                    <img src={heroThumbTwo} alt="" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </section>
+        </>
+    );
+}
+
+export default WrenchBoardHome;
diff --git a/app/page.tsx b/app/page.tsx
index 8107090..49e11d6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,95 +1,19 @@
 import Image from "next/image";
 import styles from "./page.module.css";
+import HomeOne from "./components/HomeOne";
+
+import './assets/css/bootstrap.min.css';
+import './assets/css/custom-animated.css';
+import './assets/css/default.css';
+import './assets/css/font-awesome.min.css';
+import './assets/css/magnific-popup.css';
+import './assets/css/main.css';
+import './assets/css/style.css';
 
 export default function Home() {
   return (
     <main className={styles.main}>
-      <div className={styles.description}>
-        <p>
-          Get started by editing&nbsp;
-          <code className={styles.code}>app/page.tsx</code>
-        </p>
-        <div>
-          <a
-            href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            By{" "}
-            <Image
-              src="/vercel.svg"
-              alt="Vercel Logo"
-              className={styles.vercelLogo}
-              width={100}
-              height={24}
-              priority
-            />
-          </a>
-        </div>
-      </div>
-
-      <div className={styles.center}>
-        <Image
-          className={styles.logo}
-          src="/next.svg"
-          alt="Next.js Logo"
-          width={180}
-          height={37}
-          priority
-        />
-      </div>
-
-      <div className={styles.grid}>
-        <a
-          href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Docs <span>-&gt;</span>
-          </h2>
-          <p>Find in-depth information about Next.js features and API.</p>
-        </a>
-
-        <a
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Learn <span>-&gt;</span>
-          </h2>
-          <p>Learn about Next.js in an interactive course with&nbsp;quizzes!</p>
-        </a>
-
-        <a
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Templates <span>-&gt;</span>
-          </h2>
-          <p>Explore starter templates for Next.js.</p>
-        </a>
-
-        <a
-          href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className={styles.card}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2>
-            Deploy <span>-&gt;</span>
-          </h2>
-          <p>
-            Instantly deploy your Next.js site to a shareable URL with Vercel.
-          </p>
-        </a>
-      </div>
+      <HomeOne />
     </main>
   );
 }
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..6444692
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,24 @@
+version: '3'
+services:
+  wrenchboard-www2025:
+    build:
+      context: .
+      dockerfile: docker/Dockerfile
+    restart: unless-stopped
+    #image: registry.chiefsoft.net/wrenchboardmainsite_wrenchboard-www:latest
+    ports:
+      - 9581:3000
+    working_dir: /app
+    volumes:
+      - ./:/app
+      - ./src/:/app/src
+      - ./run.sh:/app/run.sh
+    extra_hosts:
+      - backend.wrenchboard.api.live:10.10.33.15
+      - backend.wrenchboard.api.test:10.10.33.15
+#    environment:
+#      - CHOKIDAR_USEPOLLING=true
+    tty: true
+    stdin_open: true
+volumes:
+  src:
diff --git a/docker-entrypoint.sh b/docker-entrypoint.sh
new file mode 100644
index 0000000..1b3116e
--- /dev/null
+++ b/docker-entrypoint.sh
@@ -0,0 +1,11 @@
+#!/bin/sh
+set -e
+
+# Run command with node if the first argument contains a "-" or is not a system command. The last
+# part inside the "{}" is a workaround for the following bug in ash/dash:
+# https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=874264
+if [ "${1#-}" != "${1}" ] || [ -z "$(command -v "${1}")" ] || { [ -f "${1}" ] && ! [ -x "${1}" ]; }; then
+  set -- node "$@"
+fi
+
+exec "$@"
diff --git a/docker/Dockerfile b/docker/Dockerfile
new file mode 100644
index 0000000..37bf935
--- /dev/null
+++ b/docker/Dockerfile
@@ -0,0 +1,134 @@
+FROM alpine:3.19
+
+ENV NODE_VERSION 18.20.4
+
+RUN addgroup -g 1000 node \
+    && adduser -u 1000 -G node -s /bin/sh -D node \
+    && apk add --no-cache \
+        libstdc++ \
+    && apk add --no-cache --virtual .build-deps \
+        curl \
+    && ARCH= OPENSSL_ARCH='linux*' && alpineArch="$(apk --print-arch)" \
+      && case "${alpineArch##*-}" in \
+        x86_64) ARCH='x64' CHECKSUM="ac4fe3bef38d5e4ecf172b46c8af1f346904afd9788ce12919e3696f601e191e" OPENSSL_ARCH=linux-x86_64;; \
+        x86) OPENSSL_ARCH=linux-elf;; \
+        aarch64) OPENSSL_ARCH=linux-aarch64;; \
+        arm*) OPENSSL_ARCH=linux-armv4;; \
+        ppc64le) OPENSSL_ARCH=linux-ppc64le;; \
+        s390x) OPENSSL_ARCH=linux-s390x;; \
+        *) ;; \
+      esac \
+  && if [ -n "${CHECKSUM}" ]; then \
+    set -eu; \
+    curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \
+    echo "$CHECKSUM  node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \
+      && tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \
+      && ln -s /usr/local/bin/node /usr/local/bin/nodejs; \
+  else \
+    echo "Building from source" \
+    # backup build
+    && apk add --no-cache --virtual .build-deps-full \
+        binutils-gold \
+        g++ \
+        gcc \
+        gnupg \
+        libgcc \
+        linux-headers \
+        make \
+        python3 \
+        py-setuptools \
+    # use pre-existing gpg directory, see https://github.com/nodejs/docker-node/pull/1895#issuecomment-1550389150
+    && export GNUPGHOME="$(mktemp -d)" \
+    # gpg keys listed at https://github.com/nodejs/node#release-keys
+    && for key in \
+      4ED778F539E3634C779C87C6D7062848A1AB005C \
+      141F07595B7B3FFE74309A937405533BE57C7D57 \
+      74F12602B6F1C4E913FAA37AD3A89613643B6201 \
+      DD792F5973C6DE52C432CBDAC77ABFA00DDBF2B7 \
+      61FC681DFB92A079F1685E77973F295594EC4689 \
+      8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \
+      C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \
+      890C08DB8579162FEE0DF9DB8BEAB4DFCF555EF4 \
+      C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \
+      108F52B48DB57BB0CC439B2997B01419BD92F80A \
+      A363A499291CBBC940DD62E41F10027AF002F8B0 \
+      CC68F5A3106FF448322E48ED27F5E38D5B0A215F \
+    ; do \
+      gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+      gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+    done \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \
+    && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \
+    && gpgconf --kill all \
+    && rm -rf "$GNUPGHOME" \
+    && grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \
+    && tar -xf "node-v$NODE_VERSION.tar.xz" \
+    && cd "node-v$NODE_VERSION" \
+    && ./configure \
+    && make -j$(getconf _NPROCESSORS_ONLN) V= \
+    && make install \
+    && apk del .build-deps-full \
+    && cd .. \
+    && rm -Rf "node-v$NODE_VERSION" \
+    && rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \
+  fi \
+  && rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \
+  # Remove unused OpenSSL headers to save ~34MB. See this NodeJS issue: https://github.com/nodejs/node/issues/46451
+  && find /usr/local/include/node/openssl/archs -mindepth 1 -maxdepth 1 ! -name "$OPENSSL_ARCH" -exec rm -rf {} \; \
+  && apk del .build-deps \
+  # smoke tests
+  && node --version \
+  && npm --version
+
+ENV YARN_VERSION 1.22.19
+
+RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
+  # use pre-existing gpg directory, see https://github.com/nodejs/docker-node/pull/1895#issuecomment-1550389150
+  && export GNUPGHOME="$(mktemp -d)" \
+  && for key in \
+    6A010C5166006599AA17F08146C2130DFD2497F5 \
+  ; do \
+    gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+    gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+  done \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
+  && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && gpgconf --kill all \
+  && rm -rf "$GNUPGHOME" \
+  && mkdir -p /opt \
+  && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
+  && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && apk del .build-deps-yarn \
+  # smoke test
+  && yarn --version \
+  && rm -rf /tmp/*
+
+# COPY docker-entrypoint.sh /usr/local/bin/
+# ENTRYPOINT ["docker-entrypoint.sh"]
+
+# set working directory
+WORKDIR /app
+
+# add `/app/node_modules/.bin` to $PATH
+ENV PATH /app/node_modules/.bin:$PATH
+
+# install app dependencies
+COPY package.json ./
+#COPY package-lock.json ./
+RUN npm install --silent
+#RUN npm install react-scripts@3.4.1 -g --silent
+#RUN npm install -g serve
+
+# add app
+COPY . ./
+
+# build app
+#RUN npm run-script build
+
+# start app
+#CMD ["serve", "-s", "build"]
+CMD ["npm", "run", "dev"]
\ No newline at end of file
diff --git a/docker/docker-entrypoint.sh b/docker/docker-entrypoint.sh
new file mode 100644
index 0000000..1b3116e
--- /dev/null
+++ b/docker/docker-entrypoint.sh
@@ -0,0 +1,11 @@
+#!/bin/sh
+set -e
+
+# Run command with node if the first argument contains a "-" or is not a system command. The last
+# part inside the "{}" is a workaround for the following bug in ash/dash:
+# https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=874264
+if [ "${1#-}" != "${1}" ] || [ -z "$(command -v "${1}")" ] || { [ -f "${1}" ] && ! [ -x "${1}" ]; }; then
+  set -- node "$@"
+fi
+
+exec "$@"
diff --git a/package-lock.json b/package-lock.json
index 8aab31e..19def01 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,17 @@
 {
-  "name": "wrenchboard-www2015",
+  "name": "wrenchboard-www2025",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "wrenchboard-www2015",
+      "name": "wrenchboard-www2025",
       "version": "0.1.0",
       "dependencies": {
         "next": "14.2.5",
         "react": "^18",
-        "react-dom": "^18"
+        "react-dom": "^18",
+        "react-router-dom": "^6.25.1"
       },
       "devDependencies": {
         "@types/node": "^20",
@@ -375,6 +376,14 @@
         "node": ">=14"
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.18.0.tgz",
+      "integrity": "sha512-L3jkqmqoSVBVKHfpGZmLrex0lxR5SucGA0sUfFzGctehw+S/ggL9L/0NnC5mw6P8HUWpFZ3nQw3cRApjjWx9Sw==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.10.4",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
@@ -3596,6 +3605,36 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/react-router": {
+      "version": "6.25.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.25.1.tgz",
+      "integrity": "sha512-u8ELFr5Z6g02nUtpPAggP73Jigj1mRePSwhS/2nkTrlPU5yEkH1vYzWNyvSnSzeeE2DNqWdH+P8OhIh9wuXhTw==",
+      "dependencies": {
+        "@remix-run/router": "1.18.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.25.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.25.1.tgz",
+      "integrity": "sha512-0tUDpbFvk35iv+N89dWNrJp+afLgd+y4VtorJZuOCXK0kkCWjEvb3vTJM++SYvMEpbVwXKf3FjeVveVEb6JpDQ==",
+      "dependencies": {
+        "@remix-run/router": "1.18.0",
+        "react-router": "6.25.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
diff --git a/package.json b/package.json
index 5942356..ce9f9bb 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "wrenchboard-www2015",
+  "name": "wrenchboard-www2025",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,16 +9,17 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "next": "14.2.5",
     "react": "^18",
     "react-dom": "^18",
-    "next": "14.2.5"
+    "react-router-dom": "^6.25.1"
   },
   "devDependencies": {
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.2.5"
+    "eslint-config-next": "14.2.5",
+    "typescript": "^5"
   }
 }
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
new file mode 100644
index 0000000..8a76d74
Binary files /dev/null and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
new file mode 100644
index 0000000..00ebe36
Binary files /dev/null and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..105ee0a
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/assets/ext/images/cover-3.jpg b/public/assets/ext/images/cover-3.jpg
new file mode 100644
index 0000000..3afadbc
Binary files /dev/null and b/public/assets/ext/images/cover-3.jpg differ
diff --git a/public/assets/ext/images/cover.jpg b/public/assets/ext/images/cover.jpg
new file mode 100644
index 0000000..b8431c3
Binary files /dev/null and b/public/assets/ext/images/cover.jpg differ
diff --git a/public/assets/ext/images/cover11.jpg b/public/assets/ext/images/cover11.jpg
new file mode 100644
index 0000000..e22bc88
Binary files /dev/null and b/public/assets/ext/images/cover11.jpg differ
diff --git a/public/assets/ext/images/cover2.jpg b/public/assets/ext/images/cover2.jpg
new file mode 100644
index 0000000..34d72f7
Binary files /dev/null and b/public/assets/ext/images/cover2.jpg differ
diff --git a/public/assets/ext/images/cover22.jpg b/public/assets/ext/images/cover22.jpg
new file mode 100644
index 0000000..2bda367
Binary files /dev/null and b/public/assets/ext/images/cover22.jpg differ
diff --git a/public/assets/ext/images/cover3.jpg b/public/assets/ext/images/cover3.jpg
new file mode 100644
index 0000000..a4f52b8
Binary files /dev/null and b/public/assets/ext/images/cover3.jpg differ
diff --git a/public/assets/ext/images/cover5.jpg b/public/assets/ext/images/cover5.jpg
new file mode 100644
index 0000000..ce1e639
Binary files /dev/null and b/public/assets/ext/images/cover5.jpg differ
diff --git a/public/assets/ext/images/create_project.jpg b/public/assets/ext/images/create_project.jpg
new file mode 100644
index 0000000..6814db5
Binary files /dev/null and b/public/assets/ext/images/create_project.jpg differ
diff --git a/public/assets/ext/images/device.jpg b/public/assets/ext/images/device.jpg
new file mode 100644
index 0000000..5d7d037
Binary files /dev/null and b/public/assets/ext/images/device.jpg differ
diff --git a/public/assets/ext/images/favicon.ico b/public/assets/ext/images/favicon.ico
new file mode 100644
index 0000000..cb11aa7
Binary files /dev/null and b/public/assets/ext/images/favicon.ico differ
diff --git a/public/assets/ext/images/favicon.png b/public/assets/ext/images/favicon.png
new file mode 100644
index 0000000..753ba6e
Binary files /dev/null and b/public/assets/ext/images/favicon.png differ
diff --git a/public/assets/ext/images/home-support.jpg b/public/assets/ext/images/home-support.jpg
new file mode 100644
index 0000000..86a3e31
Binary files /dev/null and b/public/assets/ext/images/home-support.jpg differ
diff --git a/public/assets/ext/images/login_home.jpg b/public/assets/ext/images/login_home.jpg
new file mode 100644
index 0000000..5eeffc6
Binary files /dev/null and b/public/assets/ext/images/login_home.jpg differ
diff --git a/public/assets/ext/images/logo-white-video.png b/public/assets/ext/images/logo-white-video.png
new file mode 100644
index 0000000..346f7d8
Binary files /dev/null and b/public/assets/ext/images/logo-white-video.png differ
diff --git a/public/assets/ext/images/logo-yellow.png b/public/assets/ext/images/logo-yellow.png
new file mode 100644
index 0000000..109f606
Binary files /dev/null and b/public/assets/ext/images/logo-yellow.png differ
diff --git a/public/assets/ext/images/logo.png b/public/assets/ext/images/logo.png
new file mode 100644
index 0000000..7dbab23
Binary files /dev/null and b/public/assets/ext/images/logo.png differ
diff --git a/public/assets/ext/images/timeline-old.jpg b/public/assets/ext/images/timeline-old.jpg
new file mode 100644
index 0000000..36fe097
Binary files /dev/null and b/public/assets/ext/images/timeline-old.jpg differ
diff --git a/public/assets/ext/images/timeline.jpg b/public/assets/ext/images/timeline.jpg
new file mode 100644
index 0000000..0dcbadb
Binary files /dev/null and b/public/assets/ext/images/timeline.jpg differ
diff --git a/public/assets/ext/images/video.png b/public/assets/ext/images/video.png
new file mode 100644
index 0000000..0e8d9bf
Binary files /dev/null and b/public/assets/ext/images/video.png differ
diff --git a/public/assets/ext/images/wrench-icon.png b/public/assets/ext/images/wrench-icon.png
new file mode 100644
index 0000000..e5b9a0d
Binary files /dev/null and b/public/assets/ext/images/wrench-icon.png differ
diff --git a/public/assets/ext/images/wrenchboard-home-cover.jpg b/public/assets/ext/images/wrenchboard-home-cover.jpg
new file mode 100644
index 0000000..8902698
Binary files /dev/null and b/public/assets/ext/images/wrenchboard-home-cover.jpg differ
diff --git a/public/assets/ext/images/wrenchboard-home-cover1.jpg b/public/assets/ext/images/wrenchboard-home-cover1.jpg
new file mode 100644
index 0000000..eaa6918
Binary files /dev/null and b/public/assets/ext/images/wrenchboard-home-cover1.jpg differ
diff --git a/public/assets/ext/images/wrenchboard-logo.png b/public/assets/ext/images/wrenchboard-logo.png
new file mode 100644
index 0000000..8e5d640
Binary files /dev/null and b/public/assets/ext/images/wrenchboard-logo.png differ
diff --git a/public/assets/ext/images/wrenchboard.png b/public/assets/ext/images/wrenchboard.png
new file mode 100644
index 0000000..de7bb3c
Binary files /dev/null and b/public/assets/ext/images/wrenchboard.png differ
diff --git a/public/assets/images/Untitled-4.jpg b/public/assets/images/Untitled-4.jpg
new file mode 100644
index 0000000..c513ff2
Binary files /dev/null and b/public/assets/images/Untitled-4.jpg differ
diff --git a/public/assets/images/android-chrome-192x192.png b/public/assets/images/android-chrome-192x192.png
new file mode 100644
index 0000000..8a76d74
Binary files /dev/null and b/public/assets/images/android-chrome-192x192.png differ
diff --git a/public/assets/images/android-chrome-512x512.png b/public/assets/images/android-chrome-512x512.png
new file mode 100644
index 0000000..00ebe36
Binary files /dev/null and b/public/assets/images/android-chrome-512x512.png differ
diff --git a/public/assets/images/apple-touch-icon.png b/public/assets/images/apple-touch-icon.png
new file mode 100644
index 0000000..105ee0a
Binary files /dev/null and b/public/assets/images/apple-touch-icon.png differ
diff --git a/public/assets/images/apps/ai-playground.jpg b/public/assets/images/apps/ai-playground.jpg
new file mode 100644
index 0000000..b54d5a5
Binary files /dev/null and b/public/assets/images/apps/ai-playground.jpg differ
diff --git a/public/assets/images/apps/banner-job-due.jpg b/public/assets/images/apps/banner-job-due.jpg
new file mode 100644
index 0000000..f49ed11
Binary files /dev/null and b/public/assets/images/apps/banner-job-due.jpg differ
diff --git a/public/assets/images/apps/banners/active-jobs.jpg b/public/assets/images/apps/banners/active-jobs.jpg
new file mode 100644
index 0000000..a130429
Binary files /dev/null and b/public/assets/images/apps/banners/active-jobs.jpg differ
diff --git a/public/assets/images/apps/banners/banner-coupons.jpg b/public/assets/images/apps/banners/banner-coupons.jpg
new file mode 100644
index 0000000..b454a07
Binary files /dev/null and b/public/assets/images/apps/banners/banner-coupons.jpg differ
diff --git a/public/assets/images/apps/banners/family-login.jpg b/public/assets/images/apps/banners/family-login.jpg
new file mode 100644
index 0000000..cff9785
Binary files /dev/null and b/public/assets/images/apps/banners/family-login.jpg differ
diff --git a/public/assets/images/apps/banners/job-interest.jpg b/public/assets/images/apps/banners/job-interest.jpg
new file mode 100644
index 0000000..5c6ef83
Binary files /dev/null and b/public/assets/images/apps/banners/job-interest.jpg differ
diff --git a/public/assets/images/apps/banners/kid-res/ai.jpg b/public/assets/images/apps/banners/kid-res/ai.jpg
new file mode 100644
index 0000000..e0732f0
Binary files /dev/null and b/public/assets/images/apps/banners/kid-res/ai.jpg differ
diff --git a/public/assets/images/apps/banners/kid-res/blog.jpg b/public/assets/images/apps/banners/kid-res/blog.jpg
new file mode 100644
index 0000000..291de0b
Binary files /dev/null and b/public/assets/images/apps/banners/kid-res/blog.jpg differ
diff --git a/public/assets/images/apps/banners/kid-res/games.jpg b/public/assets/images/apps/banners/kid-res/games.jpg
new file mode 100644
index 0000000..c34615d
Binary files /dev/null and b/public/assets/images/apps/banners/kid-res/games.jpg differ
diff --git a/public/assets/images/apps/banners/kid-res/library.jpg b/public/assets/images/apps/banners/kid-res/library.jpg
new file mode 100644
index 0000000..9f2f9ec
Binary files /dev/null and b/public/assets/images/apps/banners/kid-res/library.jpg differ
diff --git a/public/assets/images/apps/banners/kid-res/questions.jpg b/public/assets/images/apps/banners/kid-res/questions.jpg
new file mode 100644
index 0000000..1b8dce9
Binary files /dev/null and b/public/assets/images/apps/banners/kid-res/questions.jpg differ
diff --git a/public/assets/images/apps/banners/kids/banner-active.jpg b/public/assets/images/apps/banners/kids/banner-active.jpg
new file mode 100644
index 0000000..edcc486
Binary files /dev/null and b/public/assets/images/apps/banners/kids/banner-active.jpg differ
diff --git a/public/assets/images/apps/banners/kids/banner-pastdue.jpg b/public/assets/images/apps/banners/kids/banner-pastdue.jpg
new file mode 100644
index 0000000..e09a2fc
Binary files /dev/null and b/public/assets/images/apps/banners/kids/banner-pastdue.jpg differ
diff --git a/public/assets/images/apps/banners/kids/banner-recommend.jpg b/public/assets/images/apps/banners/kids/banner-recommend.jpg
new file mode 100644
index 0000000..2079e64
Binary files /dev/null and b/public/assets/images/apps/banners/kids/banner-recommend.jpg differ
diff --git a/public/assets/images/apps/banners/kids/banner-start.jpg b/public/assets/images/apps/banners/kids/banner-start.jpg
new file mode 100644
index 0000000..7048a33
Binary files /dev/null and b/public/assets/images/apps/banners/kids/banner-start.jpg differ
diff --git a/public/assets/images/apps/banners/kids/banner-suggested.jpg b/public/assets/images/apps/banners/kids/banner-suggested.jpg
new file mode 100644
index 0000000..dae7ef5
Binary files /dev/null and b/public/assets/images/apps/banners/kids/banner-suggested.jpg differ
diff --git a/public/assets/images/apps/banners/past-due.jpg b/public/assets/images/apps/banners/past-due.jpg
new file mode 100644
index 0000000..8ac8b79
Binary files /dev/null and b/public/assets/images/apps/banners/past-due.jpg differ
diff --git a/public/assets/images/apps/banners/recommend-banner.jpg b/public/assets/images/apps/banners/recommend-banner.jpg
new file mode 100644
index 0000000..27ec8ed
Binary files /dev/null and b/public/assets/images/apps/banners/recommend-banner.jpg differ
diff --git a/public/assets/images/apps/banners/redeem/rex-amazon.jpg b/public/assets/images/apps/banners/redeem/rex-amazon.jpg
new file mode 100644
index 0000000..2d0b871
Binary files /dev/null and b/public/assets/images/apps/banners/redeem/rex-amazon.jpg differ
diff --git a/public/assets/images/apps/banners/redeem/rex-apple.jpg b/public/assets/images/apps/banners/redeem/rex-apple.jpg
new file mode 100644
index 0000000..1db85db
Binary files /dev/null and b/public/assets/images/apps/banners/redeem/rex-apple.jpg differ
diff --git a/public/assets/images/apps/banners/redeem/rex-card.jpg b/public/assets/images/apps/banners/redeem/rex-card.jpg
new file mode 100644
index 0000000..5da7143
Binary files /dev/null and b/public/assets/images/apps/banners/redeem/rex-card.jpg differ
diff --git a/public/assets/images/apps/banners/redeem/rex-plays.jpg b/public/assets/images/apps/banners/redeem/rex-plays.jpg
new file mode 100644
index 0000000..471a075
Binary files /dev/null and b/public/assets/images/apps/banners/redeem/rex-plays.jpg differ
diff --git a/public/assets/images/apps/banners/redeem/rex-xbox.jpg b/public/assets/images/apps/banners/redeem/rex-xbox.jpg
new file mode 100644
index 0000000..5c3c677
Binary files /dev/null and b/public/assets/images/apps/banners/redeem/rex-xbox.jpg differ
diff --git a/public/assets/images/apps/banners/task-waiting.jpg b/public/assets/images/apps/banners/task-waiting.jpg
new file mode 100644
index 0000000..c2dc747
Binary files /dev/null and b/public/assets/images/apps/banners/task-waiting.jpg differ
diff --git a/public/assets/images/apps/currency/default.png b/public/assets/images/apps/currency/default.png
new file mode 100644
index 0000000..0a81b8a
Binary files /dev/null and b/public/assets/images/apps/currency/default.png differ
diff --git a/public/assets/images/apps/currency/naira.svg b/public/assets/images/apps/currency/naira.svg
new file mode 100644
index 0000000..2fd9367
--- /dev/null
+++ b/public/assets/images/apps/currency/naira.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="naira"><path fill="#fff" d="M24,5A19,19,0,1,0,43,24,19,19,0,0,0,24,5Zm7,20a1,1,0,0,1,0,2H29v3A1.94,1.94,0,0,1,27.45,32a2,2,0,0,1-2.26-1.08L20,17.05l0,14a1,1,0,0,1-2,0V27H16a1,1,0,0,1,0-2h2V22H16a1,1,0,0,1,0-2h2V17a1.94,1.94,0,0,1,1.55-1.92,2,2,0,0,1,2.26,1.08L27,30,27,16a1,1,0,0,1,2,0v4h2a1,1,0,0,1,0,2H29v3Z" class="color3b3c3d svgShape"></path><path fill="#e3e3e3" d="M24,48A24,24,0,1,1,48,24,24,24,0,0,1,24,48ZM24,2A22,22,0,1,0,46,24,22,22,0,0,0,24,2Z" class="color3b3c3d svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/currency/usd.svg b/public/assets/images/apps/currency/usd.svg
new file mode 100644
index 0000000..1907cb2
--- /dev/null
+++ b/public/assets/images/apps/currency/usd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.933 16.933" id="Coin"><path d="M8.452 281.052a7.487 7.487 0 0 0-7.483 7.482 7.485 7.485 0 0 0 7.483 7.48 7.484 7.484 0 0 0 7.48-7.48 7.486 7.486 0 0 0-7.48-7.482zm0 1.232a6.253 6.253 0 0 1 6.248 6.25 6.25 6.25 0 0 1-6.248 6.248c-3.449 0-6.25-2.8-6.25-6.248a6.254 6.254 0 0 1 6.25-6.25zm0 .53a5.717 5.717 0 0 0-5.721 5.72 5.715 5.715 0 0 0 5.72 5.719 5.713 5.713 0 0 0 5.72-5.719 5.715 5.715 0 0 0-5.72-5.72zm-.004 2.011a.265.265 0 0 1 .267.268v.596H9.74a.265.265 0 1 1 0 .529H8.715v2.05h.17c.856 0 1.551.697 1.551 1.555s-.696 1.555-1.549 1.555h-.172v.596a.265.265 0 1 1-.529 0v-.596H7.161a.265.265 0 1 1 0-.53h1.025v-2.05h-.172a1.552 1.552 0 0 1-1.547-1.555c0-.858.694-1.554 1.547-1.554h.172v-.596a.265.265 0 0 1 .262-.268zm-.434 1.393a1.01 1.01 0 0 0-1.018 1.025 1.01 1.01 0 0 0 1.018 1.026h.172v-2.051zm.701 2.58v2.05h.172c.57 0 1.02-.448 1.02-1.025s-.449-1.025-1.022-1.025z" color="#e3e3e3" font-family="sans-serif" font-weight="400" overflow="visible" transform="translate(0 -280.067)" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal" fill="#fff" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/current-tasks.png b/public/assets/images/apps/current-tasks.png
new file mode 100644
index 0000000..bb39a19
Binary files /dev/null and b/public/assets/images/apps/current-tasks.png differ
diff --git a/public/assets/images/apps/dash-family-card-nokid.png b/public/assets/images/apps/dash-family-card-nokid.png
new file mode 100644
index 0000000..a8fdd81
Binary files /dev/null and b/public/assets/images/apps/dash-family-card-nokid.png differ
diff --git a/public/assets/images/apps/family-assign-task.jpg b/public/assets/images/apps/family-assign-task.jpg
new file mode 100644
index 0000000..3c53123
Binary files /dev/null and b/public/assets/images/apps/family-assign-task.jpg differ
diff --git a/public/assets/images/apps/family-no-kid.jpg b/public/assets/images/apps/family-no-kid.jpg
new file mode 100644
index 0000000..c8ee6f0
Binary files /dev/null and b/public/assets/images/apps/family-no-kid.jpg differ
diff --git a/public/assets/images/apps/family-send-reward.jpg b/public/assets/images/apps/family-send-reward.jpg
new file mode 100644
index 0000000..fcef33f
Binary files /dev/null and b/public/assets/images/apps/family-send-reward.jpg differ
diff --git a/public/assets/images/apps/family.svg b/public/assets/images/apps/family.svg
new file mode 100644
index 0000000..8e1c7f8
--- /dev/null
+++ b/public/assets/images/apps/family.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 32 32" id="Family"><path d="M26.305 22.723a4.972 4.972 0 0 0-3.176-8.71 9.917 9.917 0 0 0-3.438-2.292 6 6 0 1 0-7.382 0 9.917 9.917 0 0 0-3.438 2.292 4.972 4.972 0 0 0-3.171 8.71A8.005 8.005 0 0 0 1 30a1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 8.005 8.005 0 0 0-4.695-7.277ZM26 19a3 3 0 1 1-3-3 3 3 0 0 1 3 3ZM12 7a4 4 0 1 1 4 4 4 4 0 0 1-4-4ZM6 19a3 3 0 1 1 3 3 3 3 0 0 1-3-3Zm10 7.136a8.04 8.04 0 0 0-3.695-3.413 4.949 4.949 0 0 0-1.05-8.16 7.984 7.984 0 0 1 9.49 0 4.949 4.949 0 0 0-1.05 8.16A8.04 8.04 0 0 0 16 26.136Z" fill="#4687ba" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/family/clean-closet.jpg b/public/assets/images/apps/family/clean-closet.jpg
new file mode 100644
index 0000000..1116d7a
Binary files /dev/null and b/public/assets/images/apps/family/clean-closet.jpg differ
diff --git a/public/assets/images/apps/family/default.jpg b/public/assets/images/apps/family/default.jpg
new file mode 100644
index 0000000..fc7c165
Binary files /dev/null and b/public/assets/images/apps/family/default.jpg differ
diff --git a/public/assets/images/apps/family/kid-book.jpg b/public/assets/images/apps/family/kid-book.jpg
new file mode 100644
index 0000000..23867a6
Binary files /dev/null and b/public/assets/images/apps/family/kid-book.jpg differ
diff --git a/public/assets/images/apps/family/kid-clean.jpg b/public/assets/images/apps/family/kid-clean.jpg
new file mode 100644
index 0000000..e6d6edb
Binary files /dev/null and b/public/assets/images/apps/family/kid-clean.jpg differ
diff --git a/public/assets/images/apps/family/kid-coffee.jpg b/public/assets/images/apps/family/kid-coffee.jpg
new file mode 100644
index 0000000..f9dec94
Binary files /dev/null and b/public/assets/images/apps/family/kid-coffee.jpg differ
diff --git a/public/assets/images/apps/family/kid-dishes.jpg b/public/assets/images/apps/family/kid-dishes.jpg
new file mode 100644
index 0000000..036c574
Binary files /dev/null and b/public/assets/images/apps/family/kid-dishes.jpg differ
diff --git a/public/assets/images/apps/family/kid-laundary.jpg b/public/assets/images/apps/family/kid-laundary.jpg
new file mode 100644
index 0000000..9673d54
Binary files /dev/null and b/public/assets/images/apps/family/kid-laundary.jpg differ
diff --git a/public/assets/images/apps/family/kid-room.jpg b/public/assets/images/apps/family/kid-room.jpg
new file mode 100644
index 0000000..ffdeee5
Binary files /dev/null and b/public/assets/images/apps/family/kid-room.jpg differ
diff --git a/public/assets/images/apps/family/kid-video.jpg b/public/assets/images/apps/family/kid-video.jpg
new file mode 100644
index 0000000..08df9b3
Binary files /dev/null and b/public/assets/images/apps/family/kid-video.jpg differ
diff --git a/public/assets/images/apps/family/kids-waiting.jpg b/public/assets/images/apps/family/kids-waiting.jpg
new file mode 100644
index 0000000..4e47ef2
Binary files /dev/null and b/public/assets/images/apps/family/kids-waiting.jpg differ
diff --git a/public/assets/images/apps/family/wash-car.jpg b/public/assets/images/apps/family/wash-car.jpg
new file mode 100644
index 0000000..ce211d3
Binary files /dev/null and b/public/assets/images/apps/family/wash-car.jpg differ
diff --git a/public/assets/images/apps/icons/account.svg b/public/assets/images/apps/icons/account.svg
new file mode 100644
index 0000000..a1a0d0a
--- /dev/null
+++ b/public/assets/images/apps/icons/account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 66" id="Account"><path fill="#4687ba" d="M19 36.5c-5.8 0-10.6 4.7-10.6 10.6S13.1 57.6 19 57.6 29.5 52.9 29.5 47 24.8 36.5 19 36.5zm0 19.6c-5 0-9.1-4.1-9.1-9.1s4.1-9 9.1-9 9 4 9 9-4 9.1-9 9.1z" class="color000100 svgShape"></path><path fill="#4687ba" d="M65.7 49.6l-.9-5.4c-1.2-8-7.4-14.3-15.1-15.9 1.3-1.6 2.7-3.9 3.3-7.1.5-.8 2.1-3.5 1.5-5.3-.1-.3-.3-.6-.6-.9.7-2 2.3-9-4.8-12.6C38-3.9 28.7 4.7 30.8 14.6c-.2.3-.5.6-.6 1.1-.3 1.3.1 3 1.3 4.9.2.8 1.5 5 3.9 7.9-3.2.8-6 2.4-8.4 4.6-1.2-.7-2.5-1.2-3.8-1.6l-.8-3.3h-6.8l-.8 3.3c-1.3.4-2.6.9-3.8 1.6l-2.8-1.8-4.8 4.8L5.1 39c-.7 1.2-1.2 2.5-1.6 3.8l-3.3.8v6.8l3.3.8c.4 1.3.9 2.6 1.6 3.8l-1.8 2.9 4.8 4.8 2.8-1.8c1.2.7 2.5 1.2 3.8 1.6l.8 3.3h6.8l.8-3.3c1.3-.4 2.6-.9 3.8-1.6l2.8 1.8 4.8-4.8-.3-.5H59c2 0 3.8-.9 5.1-2.4 1.3-1.4 1.9-3.4 1.6-5.4zM32.9 20.1l-.1-.2c-1.7-2.8-1.3-4.2-.8-4.5l.5-.3c-1.8-6 1.4-11.4 5.6-12.9C43.4.5 57 4.1 52 15.9c.3.1 1 .3 1 .6.3 1-.9 3.3-1.5 4.3-1.1 5.3-4.3 9.7-9.2 9.8-5.1 0-8.1-5.5-9.4-10.5zm-3.3 40.7L27 59.2c-1.1.7-2.4 1.5-5.1 2.1l-.7 3h-4.4l-.7-3c-2.3-.5-3.4-1.1-5.1-2.1l-2.6 1.6-3.1-3.1 1.6-2.6C5.7 53.2 5.2 52 4.7 50l-3-.7v-4.4l3-.7c.3-1.4.7-2.9 2.1-5.2l-1.6-2.6 3.1-3.1 2.6 1.6c1.1-.7 2.4-1.5 5.1-2.1l.7-3h4.4l.7 3c2.3.5 3.4 1.1 5.1 2.1l2.6-1.6 3.1 3.1-1.5 2.6c1.2 1.9 1.6 3.1 2.1 5.1l3 .7v4.4l-3 .7c-.3 1.2-.6 2.8-2.1 5.1l1.6 2.6-3.1 3.2zM63 54.1c-1 1.2-2.4 1.8-4 1.8H33.4l-.5-.9c.7-1.2 1.2-2.5 1.6-3.8l3.3-.8v-6.8l-3.3-.8c-.4-1.3-.9-2.6-1.6-3.8l1.8-2.8-4-4c1.8-1.1 3.8-1.9 6-2.4 1.7 1.5 3.8 2.4 6.2 2.2 2.7-.2 4.4-1.2 5.7-2.4 7.6 1.1 13.7 7.1 14.9 14.8l.8 5.4c.2 1.6-.3 3.1-1.3 4.3z" class="color000100 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/bank.svg b/public/assets/images/apps/icons/bank.svg
new file mode 100644
index 0000000..6b8a36f
--- /dev/null
+++ b/public/assets/images/apps/icons/bank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" id="Bank"><path d="m896 78.526 896 358.4v119.466h-119.467q0 24.267-19.133 42-19.133 17.734-45.267 17.734H183.867q-26.134 0-45.267-17.734-19.133-17.733-19.133-42H0V436.926ZM238.933 675.859h238.934v716.8h119.466v-716.8h238.934v716.8h119.466v-716.8h238.934v716.8h119.466v-716.8h238.934v716.8h55.066q26.134 0 45.267 17.733 19.133 17.734 19.133 42v59.734H119.467v-59.734q0-24.266 19.133-42 19.133-17.733 45.267-17.733h55.066v-716.8zm1488.667 896q26.133 0 45.267 17.733 19.133 17.734 19.133 42v119.467H0v-119.467q0-24.266 19.133-42 19.134-17.733 45.267-17.733h1663.2z" fill="#4687ba" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/dashboard.svg b/public/assets/images/apps/icons/dashboard.svg
new file mode 100644
index 0000000..9e0e79e
--- /dev/null
+++ b/public/assets/images/apps/icons/dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="dashboard"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M4 13h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zm0 8h6c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm10 0h6c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1zM13 4v4c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1h-6c-.55 0-1 .45-1 1z" fill="#4687ba" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/error.svg b/public/assets/images/apps/icons/error.svg
new file mode 100644
index 0000000..3cc645e
--- /dev/null
+++ b/public/assets/images/apps/icons/error.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" id="error"><path fill="#ff1d25" d="M29.75,25.73,18.68,3.59a3,3,0,0,0-4-1.33,3.05,3.05,0,0,0-1.33,1.33L2.25,25.73a3,3,0,0,0,2.68,4.34H27.07a3,3,0,0,0,3-3A2.88,2.88,0,0,0,29.75,25.73ZM16,25.38a.94.94,0,1,1,.94-.94A.94.94,0,0,1,16,25.38Zm.94-4.69a.94.94,0,1,1-1.88,0V11.31a.94.94,0,1,1,1.88,0Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/family-id.svg b/public/assets/images/apps/icons/family-id.svg
new file mode 100644
index 0000000..49ddcea
--- /dev/null
+++ b/public/assets/images/apps/icons/family-id.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="identificationcard"><path fill="#4687ba" d="M0 6v13c0 1.103.897 2 2 2h20c1.103 0 2-.897 2-2V6" class="color2d98d4 svgShape"></path><path fill="#ff6699" d="M22 3H2a2 2 0 0 0-2 2v2h24V5a2 2 0 0 0-2-2z" class="color0377be svgShape"></path><path fill="#e6e7f9" d="M22 3H2C.897 3 0 3.897 0 5v.25c0-1.103.897-2 2-2h20c1.103 0 2 .897 2 2V5c0-1.103-.897-2-2-2z" opacity=".2" class="colorffffff svgShape"></path><path fill="#4687ba" d="M22 20.75H2c-1.103 0-2-.897-2-2V19c0 1.103.897 2 2 2h20c1.103 0 2-.897 2-2v-.25c0 1.103-.897 2-2 2z" opacity=".1" class="color010101 svgShape"></path><path fill="#e6e7f9" d="M13 17h8v1h-8zM13 14h8v1h-8zM13 11h8v1h-8z" class="colorffffff svgShape"></path><circle cx="7" cy="12" r="2" fill="#e6e7f9" class="colorffffff svgShape"></circle><path fill="#e6e7f9" d="M9.987 15.237C9.288 14.9 8.203 14.5 7 14.5s-2.288.4-2.987.737c-.625.3-1.013.9-1.013 1.566V18h8v-1.197c0-.665-.388-1.265-1.013-1.566z" class="colorffffff svgShape"></path><circle cx="17" cy="5" r="1" fill="#ff6699" class="color0a70b9 svgShape"></circle><path fill="#4687ba" d="M17 4.25a.99.99 0 0 1 .975.875C17.98 5.082 18 5.045 18 5a1 1 0 0 0-2 0c0 .044.02.082.025.125A.99.99 0 0 1 17 4.25z" opacity=".1" class="color010101 svgShape"></path><linearGradient id="a" x1="6.973" x2="21.55" y1="1.973" y2="16.55" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#010101" stop-opacity=".1" class="stopColor010101 svgShape"></stop><stop offset="1" stop-color="#010101" stop-opacity="0" class="stopColor010101 svgShape"></stop></linearGradient><path fill="url(#a)" d="M22 21c1.103 0 2-.897 2-2V7H0l14 14h8z"></path><circle cx="7" cy="5" r="1" fill="#ff6699" class="color0a70b9 svgShape"></circle><path fill="#4687ba" d="M7 4.25a.99.99 0 0 1 .975.875C7.98 5.082 8 5.045 8 5a1 1 0 0 0-2 0c0 .044.02.082.025.125A.99.99 0 0 1 7 4.25z" opacity=".1" class="color010101 svgShape"></path><linearGradient id="b" x1="-.708" x2="24.708" y1="6.074" y2="17.925" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffffff" stop-opacity=".2" class="stopColorffffff svgShape"></stop><stop offset="1" stop-color="#ffffff" stop-opacity="0" class="stopColorffffff svgShape"></stop></linearGradient><path fill="url(#b)" d="M22 3H2a2 2 0 0 0-2 2v14c0 1.103.897 2 2 2h20c1.103 0 2-.897 2-2V5a2 2 0 0 0-2-2z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/family-pin.svg b/public/assets/images/apps/icons/family-pin.svg
new file mode 100644
index 0000000..aac8215
--- /dev/null
+++ b/public/assets/images/apps/icons/family-pin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 128 128" viewBox="0 0 128 128" id="Pin"><path fill="#4687ba" d="M106,13.8L91.7,4.6C86.2,1,78.9,2,74.5,7L41.9,46.9c-9.1,0.4-17.9,3.3-25.4,8.7c-0.7,0.5-0.7,1.6,0.1,2.1
+				l10.2,6.6l0,0L46.4,77l-24,41.4c-1.2,2.1-0.7,4.9,1.4,6.3c2.2,1.6,5.2,1.1,6.7-1.1l28-38.8L78,97.5l0,0l10.2,6.6
+				c0.7,0.5,1.7,0.1,1.9-0.8c1.8-9,0.9-18.3-2.5-26.8l23.1-46C113.6,24.5,111.5,17.4,106,13.8z" class="color2d3e50 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/family.svg b/public/assets/images/apps/icons/family.svg
new file mode 100644
index 0000000..8e1c7f8
--- /dev/null
+++ b/public/assets/images/apps/icons/family.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 32 32" id="Family"><path d="M26.305 22.723a4.972 4.972 0 0 0-3.176-8.71 9.917 9.917 0 0 0-3.438-2.292 6 6 0 1 0-7.382 0 9.917 9.917 0 0 0-3.438 2.292 4.972 4.972 0 0 0-3.171 8.71A8.005 8.005 0 0 0 1 30a1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 8.005 8.005 0 0 0-4.695-7.277ZM26 19a3 3 0 1 1-3-3 3 3 0 0 1 3 3ZM12 7a4 4 0 1 1 4 4 4 4 0 0 1-4-4ZM6 19a3 3 0 1 1 3 3 3 3 0 0 1-3-3Zm10 7.136a8.04 8.04 0 0 0-3.695-3.413 4.949 4.949 0 0 0-1.05-8.16 7.984 7.984 0 0 1 9.49 0 4.949 4.949 0 0 0-1.05 8.16A8.04 8.04 0 0 0 16 26.136Z" fill="#4687ba" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/logout.svg b/public/assets/images/apps/icons/logout.svg
new file mode 100644
index 0000000..dedc9b3
--- /dev/null
+++ b/public/assets/images/apps/icons/logout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="Logout"><path d="M4,12a1,1,0,0,0,1,1h7.59l-2.3,2.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l4-4a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76,1,1,0,0,0-.21-.33l-4-4a1,1,0,1,0-1.42,1.42L12.59,11H5A1,1,0,0,0,4,12ZM17,2H7A3,3,0,0,0,4,5V8A1,1,0,0,0,6,8V5A1,1,0,0,1,7,4H17a1,1,0,0,1,1,1V19a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V16a1,1,0,0,0-2,0v3a3,3,0,0,0,3,3H17a3,3,0,0,0,3-3V5A3,3,0,0,0,17,2Z" fill="#e07c8a" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/market.svg b/public/assets/images/apps/icons/market.svg
new file mode 100644
index 0000000..fcd606d
--- /dev/null
+++ b/public/assets/images/apps/icons/market.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 512 512" id="FindJobs"><path d="M499.22 437.51 433.68 372a23.19 23.19 0 0 0-26.63-4.41l-22.18-22.18A214.71 214.71 0 0 0 62.78 62.78a214.72 214.72 0 0 0 282.6 322.09l22.18 22.18a23.19 23.19 0 0 0 4.44 26.63l65.54 65.54a43.64 43.64 0 0 0 61.71-61.71ZM341.29 369l-.2.18A199.71 199.71 0 0 1 73.39 73.39a199.71 199.71 0 0 1 295.76 267.67l-.22.26q-6.18 7.5-13.14 14.47T341.29 369Zm15.71 6.26c3.21-2.86 6.36-5.8 9.42-8.86s6-6.21 8.86-9.42l20.29 20.3-18.27 18.27Zm131.61 113.35a28.65 28.65 0 0 1-40.49 0l-65.54-65.54a8.22 8.22 0 0 1 0-11.61l28.88-28.88a8.22 8.22 0 0 1 11.61 0l65.54 65.54a28.65 28.65 0 0 1 0 40.49ZM296.08 161h-31v-11.53A21.13 21.13 0 0 0 244 128.36h-58.8a21.13 21.13 0 0 0-21.11 21.11V161h-31a19.82 19.82 0 0 0-19.81 19.81V281a19.83 19.83 0 0 0 19.81 19.82h163A19.84 19.84 0 0 0 315.9 281V180.81A19.83 19.83 0 0 0 296.08 161Zm-117-11.53a6.12 6.12 0 0 1 6.11-6.11H244a6.12 6.12 0 0 1 6.11 6.11V161h-71ZM300.9 281a4.82 4.82 0 0 1-4.82 4.82h-163a4.82 4.82 0 0 1-4.81-4.82v-63.6l63.8 27.77v4.88a14.52 14.52 0 0 0 14.5 14.5h16a14.52 14.52 0 0 0 14.5-14.5v-4.88l63.83-27.77Zm-93.81-31.45v-15h15v15ZM300.9 201l-64.67 28.14a14.5 14.5 0 0 0-13.64-9.63h-16a14.52 14.52 0 0 0-13.59 9.67L128.29 201v-20.19a4.82 4.82 0 0 1 4.81-4.81h163a4.82 4.82 0 0 1 4.82 4.81Zm36.89-109.61c-67.93-67.93-178.47-67.93-246.4 0a174.23 174.23 0 0 0 246.4 246.4 174.23 174.23 0 0 0 0-246.4Zm-10.6 235.8a159.25 159.25 0 1 1 46.63-112.6 158.76 158.76 0 0 1-46.63 112.6Z" fill="#4687ba" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/my-task.svg b/public/assets/images/apps/icons/my-task.svg
new file mode 100644
index 0000000..a864cdf
--- /dev/null
+++ b/public/assets/images/apps/icons/my-task.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 9362 9362" id="jobsact"><path d="M8967 8103l-423 0 0 -856 423 0c181,0 329,193 329,428l0 0c0,235 -148,428 -329,428zm-4636 0l4066 0 0 -856 -4066 0 0 856zm-139 0l-738 -327 -268 0c-43,0 -138,-45 -138,-101 0,-56 95,-101 138,-101l268 0 738 -327 0 428 0 428zm-3982 -8103l6388 0 210 0 0 210 0 809 -420 0 0 -600 -5969 0 0 8523 5969 0 0 -551 420 0 0 761 0 210 -210 0 -6388 0 -210 0 0 -210 0 -8942 0 -210 210 0zm6598 6523l0 436 -420 0 0 -436 420 0zm2554 -3158l0 2557c0,175 -143,317 -317,317l-5224 0c-174,0 -317,-142 -317,-317l0 -2557 2486 0 0 491c0,244 199,443 443,443 244,0 443,-199 443,-443l0 -491 2486 0zm-3843 -2062l1827 0c121,0 219,98 219,219l0 626 -340 0 0 -506 -1585 0 0 506 -340 0 0 -626c0,-121 99,-219 219,-219zm-1698 1011l5224 0c174,0 317,143 317,317l0 568 -2650 0 0 657c0,154 -126,279 -279,279l0 0c-154,0 -280,-125 -280,-279l0 -657 -2649 0 0 -568c0,-174 143,-317 317,-317zm2612 1387c74,0 134,60 134,134 0,74 -60,134 -134,134 -74,0 -134,-60 -134,-134 0,-74 60,-134 134,-134zm-4430 -2741l2801 0 0 420 -2801 0 0 -420zm-806 4786l2023 0 0 176c0,87 19,170 52,244l-2075 0 0 -420zm0 -3657l2366 0c-167,80 -292,235 -330,421l-2036 0 0 -421zm0 914l2023 0 0 421 -2023 0 0 -421zm0 914l2023 0 0 421 -2023 0 0 -421zm0 915l2023 0 0 420 -2023 0 0 -420zm0 1828l1371 0 0 421 -1371 0 0 -421z" fill="#4687ba" class="color000000 svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/profile.svg b/public/assets/images/apps/icons/profile.svg
new file mode 100644
index 0000000..35d854a
--- /dev/null
+++ b/public/assets/images/apps/icons/profile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" id="Profile"><path fill="#ffffff" d="M108 124H20c-8.8 0-16-7.2-16-16V20c0-8.8 7.2-16 16-16h88c8.8 0 16 7.2 16 16v88c0 8.8-7.2 16-16 16z" class="colorffffff svgShape"></path><path fill="#d2d4d6" d="M4 18.1v21.2h120V18.1c0-7.8-6.3-14.1-14.1-14.1H18.1C10.3 4 4 10.3 4 18.1z" class="colord2d5d6 svgShape"></path><circle cx="20.5" cy="21.1" r="7.1" fill="#7bbaec" class="colorec7bb0 svgShape"></circle><circle cx="59.5" cy="21.1" r="7.1" fill="#4687ba" class="color82cfcd svgShape"></circle><path fill="#57636d" d="M59.5 29.1c-4.4 0-8.1-3.6-8.1-8.1 0-4.4 3.6-8.1 8.1-8.1 4.4 0 8.1 3.6 8.1 8.1-.1 4.5-3.7 8.1-8.1 8.1zm0-14.1c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1-2.8-6.1-6.1-6.1z" class="color6a576d svgShape"></path><circle cx="40" cy="21.1" r="7.1" fill="#7bbdf1" class="colorf1ed7b svgShape"></circle><path fill="#57636d" d="M20.5 29.1c-4.4 0-8.1-3.6-8.1-8.1 0-4.4 3.6-8.1 8.1-8.1 4.4 0 8.1 3.6 8.1 8.1s-3.6 8.1-8.1 8.1zm0-14.1c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1-2.7-6.1-6.1-6.1zm39 14.1c-4.4 0-8.1-3.6-8.1-8.1 0-4.4 3.6-8.1 8.1-8.1 4.4 0 8.1 3.6 8.1 8.1-.1 4.5-3.7 8.1-8.1 8.1zm0-14.1c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1-2.8-6.1-6.1-6.1zM40 29.1c-4.4 0-8.1-3.6-8.1-8.1 0-4.4 3.6-8.1 8.1-8.1s8.1 3.6 8.1 8.1-3.7 8.1-8.1 8.1zM40 15c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1S43.3 15 40 15zM4 38.3h120v2H4zM108 104.3H20c-.6 0-1-.4-1-1s.4-1 1-1h88c.6 0 1 .4 1 1s-.4 1-1 1zm-48-48H20c-.6 0-1-.4-1-1s.4-1 1-1h40c.6 0 1 .4 1 1s-.4 1-1 1zm0 16H20c-.6 0-1-.4-1-1s.4-1 1-1h40c.6 0 1 .4 1 1s-.4 1-1 1zm0 16H20c-.6 0-1-.4-1-1s.4-1 1-1h40c.6 0 1 .4 1 1s-.4 1-1 1z" class="color6a576d svgShape"></path><path fill="#57636d" d="M108 125H20c-9.4 0-17-7.6-17-17V20c0-9.4 7.6-17 17-17h88c9.4 0 17 7.6 17 17v88c0 9.4-7.6 17-17 17zM20 5C11.7 5 5 11.7 5 20v88c0 8.3 6.7 15 15 15h88c8.3 0 15-6.7 15-15V20c0-8.3-6.7-15-15-15H20z" class="color6a576d svgShape"></path><path fill="#ffffff" d="M108.9 28.1H79.6c-3.9 0-7.1-3.2-7.1-7.1 0-3.9 3.2-7.1 7.1-7.1h29.3c3.9 0 7.1 3.2 7.1 7.1 0 4-3.2 7.1-7.1 7.1z" class="colorffffff svgShape"></path><path fill="#57636d" d="M108.9 29.1H79.6c-4.4 0-8.1-3.6-8.1-8.1 0-4.4 3.6-8.1 8.1-8.1h29.3c4.4 0 8.1 3.6 8.1 8.1s-3.6 8.1-8.1 8.1zM79.6 15c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1h29.3c3.3 0 6.1-2.7 6.1-6.1s-2.7-6.1-6.1-6.1H79.6z" class="color6a576d svgShape"></path><path fill="#5587af" d="M76 55.3h32v32H76z" class="coloraf5655 svgShape"></path><path fill="#57636d" d="M104.8 88.3H79.2c-2.3 0-4.2-1.9-4.2-4.2V58.5c0-2.3 1.9-4.2 4.2-4.2h25.6c2.3 0 4.2 1.9 4.2 4.2v25.6c0 2.3-1.9 4.2-4.2 4.2zm-25.6-32c-1.2 0-2.2 1-2.2 2.2v25.6c0 1.2 1 2.2 2.2 2.2h25.6c1.2 0 2.2-1 2.2-2.2V58.5c0-1.2-1-2.2-2.2-2.2H79.2z" class="color6a576d svgShape"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/success.svg b/public/assets/images/apps/icons/success.svg
new file mode 100644
index 0000000..cae29c3
--- /dev/null
+++ b/public/assets/images/apps/icons/success.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" id="success"><path fill="#80af52" d="M256 26c127.03 0 230 102.97 230 230S383.03 486 256 486 26 383.03 26 256 128.97 26 256 26z"></path><path fill="#fff" d="M215.999 386a9.998 9.998 0 0 1-7.525-3.415l-70-80c-3.637-4.156-3.215-10.474.941-14.11s10.475-3.217 14.111.94l60.961 69.67 142.938-238.23c2.842-4.736 8.983-6.273 13.72-3.43 4.736 2.841 6.271 8.984 3.431 13.72l-150 250a9.998 9.998 0 0 1-8.577 4.855z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/icons/wallet.svg b/public/assets/images/apps/icons/wallet.svg
new file mode 100644
index 0000000..9c6988f
--- /dev/null
+++ b/public/assets/images/apps/icons/wallet.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 64 64" viewBox="0 0 64 64" id="wallet"><path d="M60.94,33.76H59.6V19.85c0-1.69-1.37-3.06-3.06-3.06h-1.61l-0.47-6.54c-0.12-1.67-1.57-2.94-3.27-2.84l-7.3,0.52
+		l-0.18-2.48c-0.12-1.67-1.57-2.95-3.27-2.84L7.83,4.93c-0.82,0.06-1.56,0.43-2.1,1.05C5.19,6.6,4.93,7.39,4.99,8.2l0.61,8.59H3.06
+		C1.37,16.79,0,18.17,0,19.85v38.48c0,1.69,1.37,3.06,3.06,3.06h53.48c1.69,0,3.06-1.37,3.06-3.06V44.43h1.33
+		c1.69,0,3.06-1.37,3.06-3.06v-4.55C64,35.13,62.63,33.76,60.94,33.76z M51.42,9.94c0.27,0,0.51,0.22,0.53,0.49l0.45,6.36H18.55
+		l-0.28-3.97c-0.01-0.19,0.07-0.32,0.13-0.38c0.05-0.06,0.17-0.17,0.36-0.18L51.42,9.94z M7.65,7.64C7.7,7.58,7.82,7.47,8.01,7.46
+		l32.66-2.32c0.27,0,0.51,0.22,0.53,0.49l0.18,2.48L18.58,9.73c-0.82,0.06-1.56,0.43-2.1,1.05c-0.54,0.62-0.8,1.41-0.74,2.22
+		l0.27,3.79H8.14L7.52,8.02C7.5,7.83,7.59,7.7,7.65,7.64z M57.07,58.34c0,0.28-0.24,0.53-0.53,0.53H3.06
+		c-0.28,0-0.53-0.24-0.53-0.53V19.85c0-0.29,0.24-0.53,0.53-0.53h53.48c0.28,0,0.53,0.24,0.53,0.53v13.91h-4.43
+		c-1.69,0-3.06,1.37-3.06,3.06v4.55c0,1.69,1.37,3.06,3.06,3.06h4.43V58.34z M61.47,41.37c0,0.28-0.24,0.53-0.53,0.53h-8.3
+		c-0.28,0-0.53-0.24-0.53-0.53v-4.55c0-0.28,0.24-0.53,0.53-0.53h8.3c0.29,0,0.53,0.24,0.53,0.53V41.37z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/invite-friend.svg b/public/assets/images/apps/invite-friend.svg
new file mode 100644
index 0000000..ef29c19
--- /dev/null
+++ b/public/assets/images/apps/invite-friend.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 8.467 8.467" id="invite-friend"><g paint-order="fill markers stroke"><path fill="#64ddff" d="M5.11 5.15a2.042 2.042 0 0 1-2.043 2.043A2.042 2.042 0 0 1 1.025 5.15a2.042 2.042 0 0 1 2.042-2.043A2.042 2.042 0 0 1 5.11 5.151z"></path><path style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" fill="#005fc1" d="M37.255 35.294c-.696 0-1.394.16-1.949.48-.555.32-.883.78-.883 1.276 0 .357.173.695.476.976h.423l.073-.275c-.316-.228-.443-.477-.443-.701 0-.262.172-.559.62-.817.895-.516 2.47-.516 3.365 0 .448.258.621.555.621.817 0 .224-.128.473-.445.701l.073.275h.424c.303-.281.477-.62.477-.976 0-.496-.33-.956-.885-1.276-.554-.32-1.25-.48-1.947-.48zm0-3.207c-.763 0-1.389.623-1.389 1.386 0 .763.626 1.387 1.39 1.387a1.39 1.39 0 0 0 1.386-1.387 1.39 1.39 0 0 0-1.387-1.386zm0 .529c.477 0 .857.38.857.857s-.38.858-.857.858a.855.855 0 0 1-.86-.858c0-.477.383-.857.86-.857z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" transform="translate(-33.022 -30.617)"></path><path style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" fill="#009cff" d="M40.028 32.469a.265.265 0 0 0-.263.265v.397h-.397a.265.265 0 0 0-.266.265.265.265 0 0 0 .266.264h.397v.397a.265.265 0 0 0 .263.265.265.265 0 0 0 .266-.265v-.397h.396a.265.265 0 0 0 .266-.264.265.265 0 0 0-.266-.265h-.396v-.397a.265.265 0 0 0-.266-.265z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" transform="translate(-33.022 -30.617)"></path><path style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" fill="#009cff" d="M37.031 30.889a3.965 3.965 0 0 0-2.398.982 3.972 3.972 0 0 0-.897 4.817 3.972 3.972 0 0 0 4.465 2.017 3.973 3.973 0 0 0 3.024-3.855.265.265 0 0 0-.266-.264.265.265 0 0 0-.264.264 3.44 3.44 0 1 1-1.474-2.823.265.265 0 0 0 .369-.064.265.265 0 0 0-.067-.37 3.96 3.96 0 0 0-2.492-.704z" color="#000" font-family="sans-serif" font-weight="400" overflow="visible" transform="translate(-33.022 -30.617)"></path></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/joblist.jpg b/public/assets/images/apps/joblist.jpg
new file mode 100644
index 0000000..071588d
Binary files /dev/null and b/public/assets/images/apps/joblist.jpg differ
diff --git a/public/assets/images/apps/jobs/clean-closet.jpg b/public/assets/images/apps/jobs/clean-closet.jpg
new file mode 100644
index 0000000..1116d7a
Binary files /dev/null and b/public/assets/images/apps/jobs/clean-closet.jpg differ
diff --git a/public/assets/images/apps/jobs/default.jpg b/public/assets/images/apps/jobs/default.jpg
new file mode 100644
index 0000000..fc7c165
Binary files /dev/null and b/public/assets/images/apps/jobs/default.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-book.jpg b/public/assets/images/apps/jobs/kid-book.jpg
new file mode 100644
index 0000000..23867a6
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-book.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-clean.jpg b/public/assets/images/apps/jobs/kid-clean.jpg
new file mode 100644
index 0000000..e6d6edb
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-clean.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-coffee.jpg b/public/assets/images/apps/jobs/kid-coffee.jpg
new file mode 100644
index 0000000..f9dec94
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-coffee.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-dishes.jpg b/public/assets/images/apps/jobs/kid-dishes.jpg
new file mode 100644
index 0000000..036c574
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-dishes.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-laundary.jpg b/public/assets/images/apps/jobs/kid-laundary.jpg
new file mode 100644
index 0000000..9673d54
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-laundary.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-room.jpg b/public/assets/images/apps/jobs/kid-room.jpg
new file mode 100644
index 0000000..ffdeee5
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-room.jpg differ
diff --git a/public/assets/images/apps/jobs/kid-video.jpg b/public/assets/images/apps/jobs/kid-video.jpg
new file mode 100644
index 0000000..08df9b3
Binary files /dev/null and b/public/assets/images/apps/jobs/kid-video.jpg differ
diff --git a/public/assets/images/apps/jobs/wash-car.jpg b/public/assets/images/apps/jobs/wash-car.jpg
new file mode 100644
index 0000000..ce211d3
Binary files /dev/null and b/public/assets/images/apps/jobs/wash-car.jpg differ
diff --git a/public/assets/images/apps/log-out.jpg b/public/assets/images/apps/log-out.jpg
new file mode 100644
index 0000000..13c0056
Binary files /dev/null and b/public/assets/images/apps/log-out.jpg differ
diff --git a/public/assets/images/apps/log-out.png b/public/assets/images/apps/log-out.png
new file mode 100644
index 0000000..1a5bd32
Binary files /dev/null and b/public/assets/images/apps/log-out.png differ
diff --git a/public/assets/images/apps/msg/FILE.svg b/public/assets/images/apps/msg/FILE.svg
new file mode 100644
index 0000000..d12e992
--- /dev/null
+++ b/public/assets/images/apps/msg/FILE.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" id="files"><path fill="#56B3E5" d="M9 0h10.1c.9 0 1.7.4 2.1 1.1l.4.6c.5.7 1.3 1.1 2.1 1.1H39c1.4 0 2.5 1.1 2.5 2.5v17.3c0 1.4-1.1 2.5-2.5 2.5H9c-1.4 0-2.5-1.1-2.5-2.5V2.5C6.5 1.1 7.6 0 9 0z"></path><path fill="#E6E6E5" d="M35.9 2.7H9.3c-.5 0-.9.4-.9.9v8.9c0 .5.4.9.9.9h26.5c.5 0 .9-.4.9-.9V3.6c.1-.5-.3-.9-.8-.9z"></path><path fill="#98D0F1" d="M39 1.6H28.8c-.9 0-1.7.4-2.1 1.1l-.4.6c-.5.7-1.3 1.1-2.1 1.1H9c-1.4 0-2.5 1.1-2.5 2.5v17.3c0 1.4 1.1 2.5 2.5 2.5h30c1.4 0 2.5-1.1 2.5-2.5v-20c0-1.4-1.1-2.6-2.5-2.6z"></path><path fill="#D66556" d="M5.7 5.5h12.4c1 0 2 .5 2.6 1.4l.5.8c.6.9 1.5 1.4 2.6 1.4h18.5c1.7 0 3.1 1.4 3.1 3.1v21.2c0 1.7-1.4 3.1-3.1 3.1H5.7c-1.7 0-3.1-1.4-3.1-3.1V8.6c0-1.7 1.4-3.1 3.1-3.1z"></path><path fill="#FFF" d="M38.5 8.8H6.1c-.6 0-1.2.5-1.2 1.2v10.9c0 .6.5 1.2 1.2 1.2h32.5c.6 0 1.2-.5 1.2-1.2V10c-.1-.7-.6-1.2-1.3-1.2z"></path><path fill="#ED7161" d="M42.3 7.5H29.9c-1 0-2 .5-2.6 1.4l-.5.8c-.6.9-1.5 1.4-2.6 1.4H5.7c-1.7 0-3.1 1.4-3.1 3.1v21.2c0 1.7 1.4 2.1 3.1 2.1h36.6c1.7 0 3.1-.4 3.1-2.1V10.6c0-1.7-1.4-3.1-3.1-3.1z"></path><path fill="#E7B95E" d="M3.6 12.3h13.8c1.2 0 2.3.6 2.9 1.6l.6.9c.6 1 1.7 1.6 2.9 1.6h20.7c1.9 0 3.5 1.6 3.5 3.5v22.6c0 1.9-1.6 3.5-3.5 3.5H3.6C1.7 46 .1 44.4.1 42.5V15.7c0-1.9 1.6-3.4 3.5-3.4z"></path><path fill="#FFF" d="M40.2 15.9H4c-.7 0-1.3.6-1.3 1.3v12.2c0 .7.6 1.3 1.3 1.3h36.2c.7 0 1.3-.6 1.3-1.3V17.2c0-.7-.6-1.3-1.3-1.3z"></path><path fill="#FFCC67" d="M44.4 14.5H30.6c-1.2 0-2.3.6-2.9 1.6l-.6.9c-.6 1-1.7 1.6-2.9 1.6H3.6c-1.9 0-3.5 1.6-3.5 3.5v22.6c0 1.9 1.6 3.5 3.5 3.5h40.9c1.9 0 3.5-1.6 3.5-3.5V17.9c-.1-1.9-1.7-3.4-3.6-3.4z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/msg/TEXT.svg b/public/assets/images/apps/msg/TEXT.svg
new file mode 100644
index 0000000..3f4d18c
--- /dev/null
+++ b/public/assets/images/apps/msg/TEXT.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="message"><g fill="none" stroke="#303c42" stroke-linecap="round" stroke-linejoin="round" data-name="Chat Bubble 13"><path d="M21 1.5H3A1.5 1.5 0 0 0 1.5 3v19.5l5-5H21a1.5 1.5 0 0 0 1.5-1.5V3A1.5 1.5 0 0 0 21 1.5Z"></path><circle cx="12" cy="10" r=".5"></circle><circle cx="7" cy="10" r=".5"></circle><circle cx="17" cy="10" r=".5"></circle></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/apps/no-collection.jpg b/public/assets/images/apps/no-collection.jpg
new file mode 100644
index 0000000..c042ab1
Binary files /dev/null and b/public/assets/images/apps/no-collection.jpg differ
diff --git a/public/assets/images/apps/no-pending.jpg b/public/assets/images/apps/no-pending.jpg
new file mode 100644
index 0000000..b1f98e0
Binary files /dev/null and b/public/assets/images/apps/no-pending.jpg differ
diff --git a/public/assets/images/apps/no-shared.jpg b/public/assets/images/apps/no-shared.jpg
new file mode 100644
index 0000000..852b243
Binary files /dev/null and b/public/assets/images/apps/no-shared.jpg differ
diff --git a/public/assets/images/apps/offer.jpg b/public/assets/images/apps/offer.jpg
new file mode 100644
index 0000000..5a1b86b
Binary files /dev/null and b/public/assets/images/apps/offer.jpg differ
diff --git a/public/assets/images/apps/offerslist/clean-closet.jpg b/public/assets/images/apps/offerslist/clean-closet.jpg
new file mode 100644
index 0000000..1116d7a
Binary files /dev/null and b/public/assets/images/apps/offerslist/clean-closet.jpg differ
diff --git a/public/assets/images/apps/offerslist/default.jpg b/public/assets/images/apps/offerslist/default.jpg
new file mode 100644
index 0000000..fc7c165
Binary files /dev/null and b/public/assets/images/apps/offerslist/default.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-book.jpg b/public/assets/images/apps/offerslist/kid-book.jpg
new file mode 100644
index 0000000..23867a6
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-book.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-clean.jpg b/public/assets/images/apps/offerslist/kid-clean.jpg
new file mode 100644
index 0000000..e6d6edb
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-clean.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-coffee.jpg b/public/assets/images/apps/offerslist/kid-coffee.jpg
new file mode 100644
index 0000000..f9dec94
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-coffee.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-dishes.jpg b/public/assets/images/apps/offerslist/kid-dishes.jpg
new file mode 100644
index 0000000..036c574
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-dishes.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-laundary.jpg b/public/assets/images/apps/offerslist/kid-laundary.jpg
new file mode 100644
index 0000000..9673d54
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-laundary.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-room.jpg b/public/assets/images/apps/offerslist/kid-room.jpg
new file mode 100644
index 0000000..ffdeee5
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-room.jpg differ
diff --git a/public/assets/images/apps/offerslist/kid-video.jpg b/public/assets/images/apps/offerslist/kid-video.jpg
new file mode 100644
index 0000000..08df9b3
Binary files /dev/null and b/public/assets/images/apps/offerslist/kid-video.jpg differ
diff --git a/public/assets/images/apps/offerslist/wash-car.jpg b/public/assets/images/apps/offerslist/wash-car.jpg
new file mode 100644
index 0000000..ce211d3
Binary files /dev/null and b/public/assets/images/apps/offerslist/wash-car.jpg differ
diff --git a/public/assets/images/apps/p1.jpg b/public/assets/images/apps/p1.jpg
new file mode 100644
index 0000000..cffa7d6
Binary files /dev/null and b/public/assets/images/apps/p1.jpg differ
diff --git a/public/assets/images/apps/p2.jpg b/public/assets/images/apps/p2.jpg
new file mode 100644
index 0000000..4d433b4
Binary files /dev/null and b/public/assets/images/apps/p2.jpg differ
diff --git a/public/assets/images/apps/p3.jpg b/public/assets/images/apps/p3.jpg
new file mode 100644
index 0000000..454d43f
Binary files /dev/null and b/public/assets/images/apps/p3.jpg differ
diff --git a/public/assets/images/apps/p4.jpg b/public/assets/images/apps/p4.jpg
new file mode 100644
index 0000000..c1eb0f5
Binary files /dev/null and b/public/assets/images/apps/p4.jpg differ
diff --git a/public/assets/images/apps/password.jpg b/public/assets/images/apps/password.jpg
new file mode 100644
index 0000000..4a50508
Binary files /dev/null and b/public/assets/images/apps/password.jpg differ
diff --git a/public/assets/images/apps/pastdue-task.png b/public/assets/images/apps/pastdue-task.png
new file mode 100644
index 0000000..43633b7
Binary files /dev/null and b/public/assets/images/apps/pastdue-task.png differ
diff --git a/public/assets/images/apps/redeem.jpg b/public/assets/images/apps/redeem.jpg
new file mode 100644
index 0000000..521be09
Binary files /dev/null and b/public/assets/images/apps/redeem.jpg differ
diff --git a/public/assets/images/apps/review-task.png b/public/assets/images/apps/review-task.png
new file mode 100644
index 0000000..b55b2b4
Binary files /dev/null and b/public/assets/images/apps/review-task.png differ
diff --git a/public/assets/images/apps/rewards.png b/public/assets/images/apps/rewards.png
new file mode 100644
index 0000000..97e94e8
Binary files /dev/null and b/public/assets/images/apps/rewards.png differ
diff --git a/public/assets/images/apps/signup.png b/public/assets/images/apps/signup.png
new file mode 100644
index 0000000..380be42
Binary files /dev/null and b/public/assets/images/apps/signup.png differ
diff --git a/public/assets/images/apps/tasks.png b/public/assets/images/apps/tasks.png
new file mode 100644
index 0000000..0ffa543
Binary files /dev/null and b/public/assets/images/apps/tasks.png differ
diff --git a/public/assets/images/apps/upload.jpg b/public/assets/images/apps/upload.jpg
new file mode 100644
index 0000000..7962b97
Binary files /dev/null and b/public/assets/images/apps/upload.jpg differ
diff --git a/public/assets/images/apps/waiting-task.jpg b/public/assets/images/apps/waiting-task.jpg
new file mode 100644
index 0000000..c4a0d9d
Binary files /dev/null and b/public/assets/images/apps/waiting-task.jpg differ
diff --git a/public/assets/images/apps/wrench-app-main.jpg b/public/assets/images/apps/wrench-app-main.jpg
new file mode 100644
index 0000000..c95a375
Binary files /dev/null and b/public/assets/images/apps/wrench-app-main.jpg differ
diff --git a/public/assets/images/apps/xt/add-kids.png b/public/assets/images/apps/xt/add-kids.png
new file mode 100644
index 0000000..c6c135b
Binary files /dev/null and b/public/assets/images/apps/xt/add-kids.png differ
diff --git a/public/assets/images/apps/xt/pastdue.png b/public/assets/images/apps/xt/pastdue.png
new file mode 100644
index 0000000..3f31e67
Binary files /dev/null and b/public/assets/images/apps/xt/pastdue.png differ
diff --git a/public/assets/images/apps/xt/review.png b/public/assets/images/apps/xt/review.png
new file mode 100644
index 0000000..fbc1bac
Binary files /dev/null and b/public/assets/images/apps/xt/review.png differ
diff --git a/public/assets/images/apps/xt/task.png b/public/assets/images/apps/xt/task.png
new file mode 100644
index 0000000..d5d8b02
Binary files /dev/null and b/public/assets/images/apps/xt/task.png differ
diff --git a/public/assets/images/apps/xt/wallet.png b/public/assets/images/apps/xt/wallet.png
new file mode 100644
index 0000000..e1d6f21
Binary files /dev/null and b/public/assets/images/apps/xt/wallet.png differ
diff --git a/public/assets/images/brands/Untitled-1.png b/public/assets/images/brands/Untitled-1.png
new file mode 100644
index 0000000..8743c44
Binary files /dev/null and b/public/assets/images/brands/Untitled-1.png differ
diff --git a/public/assets/images/brands/adwords.png b/public/assets/images/brands/adwords.png
new file mode 100644
index 0000000..c68546e
Binary files /dev/null and b/public/assets/images/brands/adwords.png differ
diff --git a/public/assets/images/brands/amazon.png b/public/assets/images/brands/amazon.png
new file mode 100644
index 0000000..d558bdd
Binary files /dev/null and b/public/assets/images/brands/amazon.png differ
diff --git a/public/assets/images/brands/bing.png b/public/assets/images/brands/bing.png
new file mode 100644
index 0000000..74749aa
Binary files /dev/null and b/public/assets/images/brands/bing.png differ
diff --git a/public/assets/images/brands/dribbble.png b/public/assets/images/brands/dribbble.png
new file mode 100644
index 0000000..b1954f3
Binary files /dev/null and b/public/assets/images/brands/dribbble.png differ
diff --git a/public/assets/images/brands/facebook.png b/public/assets/images/brands/facebook.png
new file mode 100644
index 0000000..3913c94
Binary files /dev/null and b/public/assets/images/brands/facebook.png differ
diff --git a/public/assets/images/brands/spotify.png b/public/assets/images/brands/spotify.png
new file mode 100644
index 0000000..38beb4c
Binary files /dev/null and b/public/assets/images/brands/spotify.png differ
diff --git a/public/assets/images/brands/tripadvisor.png b/public/assets/images/brands/tripadvisor.png
new file mode 100644
index 0000000..41ddf47
Binary files /dev/null and b/public/assets/images/brands/tripadvisor.png differ
diff --git a/public/assets/images/brands/twitter.png b/public/assets/images/brands/twitter.png
new file mode 100644
index 0000000..ac82a51
Binary files /dev/null and b/public/assets/images/brands/twitter.png differ
diff --git a/public/assets/images/brands/youtube.png b/public/assets/images/brands/youtube.png
new file mode 100644
index 0000000..3c95a33
Binary files /dev/null and b/public/assets/images/brands/youtube.png differ
diff --git a/public/assets/images/download/andriod.jpg b/public/assets/images/download/andriod.jpg
new file mode 100644
index 0000000..0c05410
Binary files /dev/null and b/public/assets/images/download/andriod.jpg differ
diff --git a/public/assets/images/download/apple.jpg b/public/assets/images/download/apple.jpg
new file mode 100644
index 0000000..b0e1771
Binary files /dev/null and b/public/assets/images/download/apple.jpg differ
diff --git a/public/assets/images/favicon-16x16.png b/public/assets/images/favicon-16x16.png
new file mode 100644
index 0000000..c6e2554
Binary files /dev/null and b/public/assets/images/favicon-16x16.png differ
diff --git a/public/assets/images/favicon-32x32.png b/public/assets/images/favicon-32x32.png
new file mode 100644
index 0000000..e437db7
Binary files /dev/null and b/public/assets/images/favicon-32x32.png differ
diff --git a/public/assets/images/favicon.ico b/public/assets/images/favicon.ico
new file mode 100644
index 0000000..9556081
Binary files /dev/null and b/public/assets/images/favicon.ico differ
diff --git a/public/assets/images/profile.jpg b/public/assets/images/profile.jpg
new file mode 100644
index 0000000..3781ed9
Binary files /dev/null and b/public/assets/images/profile.jpg differ
diff --git a/public/assets/images/site.webmanifest b/public/assets/images/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/public/assets/images/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/public/assets/images/wrb-1024-1024.jpg b/public/assets/images/wrb-1024-1024.jpg
new file mode 100644
index 0000000..d7557ca
Binary files /dev/null and b/public/assets/images/wrb-1024-1024.jpg differ
diff --git a/public/assets/images/wrb-png-1024.png b/public/assets/images/wrb-png-1024.png
new file mode 100644
index 0000000..eb70294
Binary files /dev/null and b/public/assets/images/wrb-png-1024.png differ
diff --git a/public/assets/images/wrench-500-500-icon.png b/public/assets/images/wrench-500-500-icon.png
new file mode 100644
index 0000000..00700bf
Binary files /dev/null and b/public/assets/images/wrench-500-500-icon.png differ
diff --git a/public/assets/images/wrench-crunch.jpg b/public/assets/images/wrench-crunch.jpg
new file mode 100644
index 0000000..bc2ef2a
Binary files /dev/null and b/public/assets/images/wrench-crunch.jpg differ
diff --git a/public/assets/images/wrenchboard-logo-text.png b/public/assets/images/wrenchboard-logo-text.png
new file mode 100644
index 0000000..51a5933
Binary files /dev/null and b/public/assets/images/wrenchboard-logo-text.png differ
diff --git a/public/assets/images/wrenchboard-mail-icon.png b/public/assets/images/wrenchboard-mail-icon.png
new file mode 100644
index 0000000..00700bf
Binary files /dev/null and b/public/assets/images/wrenchboard-mail-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..c6e2554
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..e437db7
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..9556081
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..753ba6e
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/images/family-no-kid.jpg b/public/images/family-no-kid.jpg
new file mode 100644
index 0000000..c8ee6f0
Binary files /dev/null and b/public/images/family-no-kid.jpg differ
diff --git a/public/images/share-my-content.jpg b/public/images/share-my-content.jpg
new file mode 100644
index 0000000..de2bd9b
Binary files /dev/null and b/public/images/share-my-content.jpg differ
diff --git a/public/images/share-product.jpg b/public/images/share-product.jpg
new file mode 100644
index 0000000..4cda2ad
Binary files /dev/null and b/public/images/share-product.jpg differ
diff --git a/public/images/surveys.jpg b/public/images/surveys.jpg
new file mode 100644
index 0000000..7e35689
Binary files /dev/null and b/public/images/surveys.jpg differ
diff --git a/public/images/test-site-app.jpg b/public/images/test-site-app.jpg
new file mode 100644
index 0000000..6429a9f
Binary files /dev/null and b/public/images/test-site-app.jpg differ
diff --git a/public/images/wrechboard-sample.jpg b/public/images/wrechboard-sample.jpg
new file mode 100644
index 0000000..360518a
Binary files /dev/null and b/public/images/wrechboard-sample.jpg differ
diff --git a/public/images/wrench-page-notfound.jpg b/public/images/wrench-page-notfound.jpg
new file mode 100644
index 0000000..4b3e688
Binary files /dev/null and b/public/images/wrench-page-notfound.jpg differ
diff --git a/public/images/your-skills.jpg b/public/images/your-skills.jpg
new file mode 100644
index 0000000..d77a5dd
Binary files /dev/null and b/public/images/your-skills.jpg differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..67a79f7
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="WrenchBoard.com is the place to set family goals and reward achievements. Find tasks to earn from, or send tasks for others to perform for you."
+    />
+    <meta
+      name="title"
+      content="WrenchBoard: Reward Accomplishments | Get Family Engaged"
+    />
+    <meta
+      name="keywords"
+      content="Empower families to reward accomplishment, set goals, and encourage kids to understand goals, earning, and the benefit of savings – in one app experience."
+    />
+    <meta property="og:image" content="%PUBLIC_URL%/favicon-32x32.png" />
+    <meta
+      property="business:contact_data:street_address"
+      content="Cumberland Pkwy"
+    />
+
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+
+    <!-- Preload Font Awesome -->
+    <link
+      rel="preload"
+      href="//use.fontawesome.com/releases/v6.4.2/css/all.css"
+      as="style"
+      onload="this.onload=null;this.rel='stylesheet'"
+    />
+    <noscript>
+      <link
+        rel="stylesheet"
+        href="//use.fontawesome.com/releases/v6.4.2/css/all.css"
+      />
+    </noscript>
+
+    <title>WrenchBoard</title>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WB8G0ZD483"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-WB8G0ZD483');
+    </script>
+
+  </head>
+
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+
+<!--  <script>-->
+<!--    (function (i, s, o, g, r, a, m) {-->
+<!--      i["GoogleAnalyticsObject"] = r;-->
+<!--      (i[r] =-->
+<!--        i[r] ||-->
+<!--        function () {-->
+<!--          (i[r].q = i[r].q || []).push(arguments);-->
+<!--        }),-->
+<!--        (i[r].l = 1 * new Date());-->
+<!--      (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);-->
+<!--      a.async = 1;-->
+<!--      a.src = g;-->
+<!--      m.parentNode.insertBefore(a, m);-->
+<!--    })(-->
+<!--      window,-->
+<!--      document,-->
+<!--      "script",-->
+<!--      "https://www.google-analytics.com/analytics.js",-->
+<!--      "ga"-->
+<!--    );-->
+<!--    ga("create", "UA-54829827-4", "auto");-->
+<!--    ga("send", "pageview");-->
+<!--  </script>-->
+
+  <script>
+    var LHC_API = LHC_API || {};
+    LHC_API.args = {
+      mode: "widget",
+      lhc_base_url: "//chat.live.wrenchboard.com/",
+      wheight: 450,
+      wwidth: 350,
+      pheight: 520,
+      pwidth: 500,
+      leaveamessage: true,
+      check_messages: false,
+    };
+    (function () {
+      var po = document.createElement("script");
+      po.type = "text/javascript";
+      po.setAttribute("crossorigin", "anonymous");
+      po.async = true;
+      var date = new Date();
+      po.src =
+        "//chat.live.wrenchboard.com/design/defaulttheme/js/widgetv2/index.js?" +
+        ("" + date.getFullYear() + date.getMonth() + date.getDate());
+      var s = document.getElementsByTagName("script")[0];
+      s.parentNode.insertBefore(po, s);
+    })();
+  </script>
+
+  <!-- plugins js -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
+</html>
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..1f2f141
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..e9e57dc
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file