commit 8574691b755677f243f252737bb751cbc501a5c4
Author: mukesh13 <smukesh1304@gmail.com>
Date:   Wed Jun 18 18:44:42 2025 +0530

    Initial Commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5ef6a52
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..09a8a4d
--- /dev/null
+++ b/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/app/(homes)/finance-advisor/page.jsx b/app/(homes)/finance-advisor/page.jsx
new file mode 100644
index 0000000..efb290a
--- /dev/null
+++ b/app/(homes)/finance-advisor/page.jsx
@@ -0,0 +1,47 @@
+import Footer3 from "@/components/footers/Footer3";
+import Header3 from "@/components/headers/Header3";
+import Blogs from "@/components/homes/finance-advisor/Blogs";
+import CaseStudies from "@/components/homes/finance-advisor/CaseStudies";
+import Choices from "@/components/homes/finance-advisor/Choices";
+import Contact from "@/components/homes/finance-advisor/Contact";
+import Faq from "@/components/homes/finance-advisor/Faq";
+import Features from "@/components/homes/finance-advisor/Features";
+import Hero from "@/components/homes/finance-advisor/Hero";
+import Services from "@/components/homes/finance-advisor/Services";
+import Team from "@/components/homes/finance-advisor/Team";
+import Testimonials from "@/components/homes/finance-advisor/Testimonials";
+import React from "react";
+export const metadata = {
+  title:
+    "Finance Advisor || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function FinanceAdvisorPage() {
+  return (
+    <>
+      <div className="primary-2">
+        <div className="bg-color-primary">
+          <Header3 />
+          <Hero />
+        </div>
+        <div className="main-content">
+          <Services />
+          <Team />
+          <div className="bg-mono-gray-1">
+            <Features />
+            <Choices />
+            <CaseStudies />
+          </div>
+          <div className="bg-primary-fa-green">
+            <Blogs />
+            <Testimonials />
+          </div>
+          <Faq />
+          <Contact />
+        </div>
+        <Footer3 />
+      </div>
+    </>
+  );
+}
diff --git a/app/(homes)/finance-consulting/page.jsx b/app/(homes)/finance-consulting/page.jsx
new file mode 100644
index 0000000..f06ac8c
--- /dev/null
+++ b/app/(homes)/finance-consulting/page.jsx
@@ -0,0 +1,43 @@
+import Footer2 from "@/components/footers/Footer2";
+import Header2 from "@/components/headers/Header2";
+import About from "@/components/homes/finance-consulting/About";
+import Blogs from "@/components/homes/finance-consulting/Blogs";
+import CaseStudies from "@/components/homes/finance-consulting/CaseStudies";
+import Cta from "@/components/homes/finance-consulting/Cta";
+import Faqs from "@/components/homes/finance-consulting/Faqs";
+import Features from "@/components/homes/finance-consulting/Features";
+import Hero from "@/components/homes/finance-consulting/Hero";
+import MarqueeSlide from "@/components/homes/finance-consulting/MarqueeSlide";
+import Process from "@/components/homes/finance-consulting/Process";
+import Services from "@/components/homes/finance-consulting/Services";
+import Testimonials from "@/components/homes/finance-consulting/Testimonials";
+import React from "react";
+export const metadata = {
+  title:
+    "Finance Consulting || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function FinanceCOnsultionPage() {
+  return (
+    <>
+      <div className="primary-1">
+        <Header2 />
+        <Hero />{" "}
+        <div className="main-content">
+          <Services />
+          <About />
+          <Testimonials />
+          <Features />
+          <MarqueeSlide />
+          <CaseStudies />
+          <Process />
+          <Cta />
+          <Blogs />
+          <Faqs />
+        </div>
+        <Footer2 />
+      </div>
+    </>
+  );
+}
diff --git a/app/(homes)/insurance-consulting/page.jsx b/app/(homes)/insurance-consulting/page.jsx
new file mode 100644
index 0000000..68fe016
--- /dev/null
+++ b/app/(homes)/insurance-consulting/page.jsx
@@ -0,0 +1,64 @@
+import Footer4 from "@/components/footers/Footer4";
+import Header4 from "@/components/headers/Header4";
+import About from "@/components/homes/insurance-consulting/About";
+import Approach from "@/components/homes/insurance-consulting/Approach";
+import Blogs from "@/components/homes/insurance-consulting/Blogs";
+import CaseStudies from "@/components/homes/insurance-consulting/CaseStudies";
+import Cta from "@/components/homes/insurance-consulting/Cta";
+import Facts from "@/components/homes/insurance-consulting/Facts";
+import Faqs from "@/components/homes/insurance-consulting/Faqs";
+import Hero from "@/components/homes/insurance-consulting/Hero";
+import Services from "@/components/homes/insurance-consulting/Services";
+import Testimonials from "@/components/homes/insurance-consulting/Testimonials";
+import React from "react";
+export const metadata = {
+  title:
+    "Insurance Consulting || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function InsuranceConsultingPage() {
+  return (
+    <>
+      <div className="primary-3">
+        <div className="bg-color-1 counter-scroll">
+          <Header4 />
+          <Hero />
+          <div className="main-content">
+            <Services />
+            <div className="tf-container tf-spacing-29">
+              <div className="divider" />
+            </div>
+            <About />
+            <div className="tf-container tf-spacing-30">
+              <div className="divider" />
+            </div>
+            <Facts />
+            <div className="tf-container tf-spacing-31">
+              <div className="divider" />
+            </div>
+            <CaseStudies />
+            <div className="tf-container tf-spacing-32">
+              <div className="divider" />
+            </div>
+            <Approach />
+            <div className="tf-container tf-spacing-33">
+              <div className="divider" />
+            </div>
+            <Testimonials />
+            <div className="tf-container tf-spacing-33">
+              <div className="divider" />
+            </div>
+            <Blogs />
+            <div className="tf-container tf-spacing-34">
+              <div className="divider" />
+            </div>
+            <Faqs />
+            <Cta />
+            <Footer4 />
+          </div>{" "}
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/app/(homes)/marketing-consulting/page.jsx b/app/(homes)/marketing-consulting/page.jsx
new file mode 100644
index 0000000..b808093
--- /dev/null
+++ b/app/(homes)/marketing-consulting/page.jsx
@@ -0,0 +1,49 @@
+import Footer5 from "@/components/footers/Footer5";
+import Header2 from "@/components/headers/Header2";
+import Contact from "@/components/common/Contact";
+import CaseStudies from "@/components/homes/marketing-consulting/CaseStudies";
+import Features2 from "@/components/homes/marketing-consulting/Features2";
+import Figures from "@/components/homes/marketing-consulting/Figures";
+import Hero from "@/components/homes/finance-consulting/Hero";
+import Services from "@/components/homes/finance-consulting/Services";
+import Testimonials from "@/components/homes/marketing-consulting/Testimonials";
+import Brands from "@/components/homes/marketing-consulting/Brands";
+import React from "react";
+import ThreeImageDisplay from "@/components/common/ThreeImageDisplay";
+
+export const metadata = {
+  title:
+    "Marketing Consulting || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+
+export default function MarketingConsultionPage() {
+  return (
+    <>
+      <div className="primary-4">
+        <div id="wrapper" className="counter-scroll">
+          <Header2 />
+          <Hero />
+          <div className="main-content">
+            <section id="services-section">
+              <Features2 />
+              <Figures/>
+            </section>
+
+            <Services />
+            <CaseStudies />
+            <Testimonials />
+            <ThreeImageDisplay />
+            <Brands/>
+
+            <section id="contact-section">
+              <Contact />
+            </section>
+          </div>
+          <Footer5 />
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/app/(otherPages)/404/page.jsx b/app/(otherPages)/404/page.jsx
new file mode 100644
index 0000000..18713f3
--- /dev/null
+++ b/app/(otherPages)/404/page.jsx
@@ -0,0 +1,52 @@
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Image from "next/image";
+import Link from "next/link";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Not Found Page || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function NotFoundPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="error-404">
+            <div className="contnet">
+              <div className="img">
+                <Image
+                  alt={404}
+                  src="/images/item/404.png"
+                  width={609}
+                  height={240}
+                />
+              </div>
+              <p className="sub-heading text_mono-gray-7">
+                We apologize, but the page you're looking for couldn't be found!
+              </p>
+              <Link href={`/`} className="tf-btn mx-auto">
+                <span>Back To Home</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+            <div className="item position-absolute">
+              <Image
+                alt="shape"
+                src="/images/item/shape-5.png"
+                width={1105}
+                height={720}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/about/page.jsx b/app/(otherPages)/about/page.jsx
new file mode 100644
index 0000000..5f66226
--- /dev/null
+++ b/app/(otherPages)/about/page.jsx
@@ -0,0 +1,61 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+import Testimonials from "@/components/common/Testimonials";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import About from "@/components/otherPages/About";
+import Process from "@/components/otherPages/Process";
+import Team from "@/components/otherPages/Team";
+import React from "react";
+import Link from "next/link";
+export const metadata = {
+  title:
+    "About || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function AboutPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_16 letter-spacing-1">
+                    Play a key role in <br />
+                    business advancement
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    Promote innovation by introducing breakthrough ideas and
+                    technologies <br />
+                    to improve business and customer experience.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>About us</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <About />
+        <Team />
+        <Process />
+        <Testimonials />
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/blog/page.jsx b/app/(otherPages)/blog/page.jsx
new file mode 100644
index 0000000..4786b13
--- /dev/null
+++ b/app/(otherPages)/blog/page.jsx
@@ -0,0 +1,52 @@
+import Link from "next/link";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Blogs from "@/components/otherPages/Blogs";
+export const metadata = {
+  title:
+    "Blog || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+import React from "react";
+
+export default function BlogPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default v6">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_25 letter-spacing-1">
+                    Insights From Our Press
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    Entrepreneurs and business leaders face barriers that can
+                    restrain growth and profit. Understanding and <br />
+                    implementing effective strategies is the key to overcoming
+                    obstacles and promoting your business towards success.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Blog</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Blogs />
+      </div>
+      <Footer1 parentClass="footer style-default has-border-top" />
+    </>
+  );
+}
diff --git a/app/(otherPages)/career/page.jsx b/app/(otherPages)/career/page.jsx
new file mode 100644
index 0000000..dc740e7
--- /dev/null
+++ b/app/(otherPages)/career/page.jsx
@@ -0,0 +1,56 @@
+import Contact from "@/components/common/Contact";
+
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Benefits from "@/components/otherPages/Benefits";
+import Oppertunities from "@/components/otherPages/Oppertunities";
+import Link from "next/link";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Career || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function CareerPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_18 letter-spacing-1">Career</h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    A typical day is a mix of strategic thinking,
+                    problem-solving, and client interaction. The work is
+                    demanding <br />
+                    but rewarding, offering opportunities to tackle complex
+                    challenges and drive positive change.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Career</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Benefits />
+        <Oppertunities />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/coming-soon/page.jsx b/app/(otherPages)/coming-soon/page.jsx
new file mode 100644
index 0000000..3bd0e99
--- /dev/null
+++ b/app/(otherPages)/coming-soon/page.jsx
@@ -0,0 +1,89 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import Newsletter from "@/components/otherPages/Newsletter";
+import CountdownTimer from "@/components/common/Countdown";
+export const metadata = {
+  title:
+    "Comming Soon || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function ComingSoonPage() {
+  return (
+    <>
+      <div className="wrap-page-header overflow-hidden">
+        {/* header */}
+        <header id="header-main" className="header style-default">
+          <div className="header-inner">
+            <div className="tf-container">
+              <div className="row">
+                <div className="col-12">
+                  <div className="header-inner-wrap justify-content-end">
+                    <div className="header-right d-flex align-items-center">
+                      <Link href={`/about`} className="tf-btn btn-white">
+                        <span>More Info</span>
+                        <span className="bg-effect" />
+                      </Link>
+                      <Link href={`/contact-us`} className="tf-btn">
+                        <span>Contact Us</span>
+                        <span className="bg-effect" />
+                      </Link>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </header>
+        {/* /header */}
+        {/* .page-title */}
+        <div className="page-title style-default v3">
+          <div className="coming-soon">
+            <div className="contnet">
+              <div className="tf-countdown-lg">
+                <div
+                  className="js-countdown"
+                  data-timer={102738}
+                  data-labels="Days,Hours,Minute,Second"
+                >
+                  <CountdownTimer style={2} />
+                </div>
+              </div>
+              <h2 className="mb_21">Before we unveil our new website.</h2>
+              <p className="sub-heading text_mono-gray-7">
+                Is part of innovation. We are on the verge of launching a
+                revolutionary foundation that revolutionize the industry. <br />
+                Join us when we pave the way for the future.
+              </p>
+              <Newsletter />
+              <ul className="social d-flex gap_8 justify-content-center">
+                <li className="text_primary">
+                  <a href="#" className="link-black icon-twitter-x" />
+                </li>
+                <li className="text_primary">
+                  <a href="#" className="link-black icon-facebook-f" />
+                </li>
+                <li className="text_primary">
+                  <a href="#" className="link-black icon-github" />
+                </li>
+                <li className="text_primary">
+                  <a href="#" className="link-black icon-instagram" />
+                </li>
+              </ul>
+            </div>
+            <div className="item position-absolute">
+              <Image
+                alt="shape"
+                src="/images/item/shape-5.png"
+                width={1105}
+                height={720}
+              />
+            </div>
+          </div>
+        </div>
+        {/* /.page-title */}
+      </div>
+    </>
+  );
+}
diff --git a/app/(otherPages)/contact-us/page.jsx b/app/(otherPages)/contact-us/page.jsx
new file mode 100644
index 0000000..a9f8ef6
--- /dev/null
+++ b/app/(otherPages)/contact-us/page.jsx
@@ -0,0 +1,27 @@
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Contact from "@/components/otherPages/Contact";
+import OfficeLocations from "@/components/otherPages/OfficeLocations";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Contact Us || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function ContactUsPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+
+        <Contact />
+      </div>
+      <div className="main-content style-1">
+        <OfficeLocations />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/faqs/page.jsx b/app/(otherPages)/faqs/page.jsx
new file mode 100644
index 0000000..4c95074
--- /dev/null
+++ b/app/(otherPages)/faqs/page.jsx
@@ -0,0 +1,56 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Link from "next/link";
+import React from "react";
+export const metadata = {
+  title:
+    "Faqs || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function FaqsPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_49 text-center">
+                  <h1 className="text_black mb_19 letter-spacing-1">FAQs</h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    Our holistic approach combines a comprehensive suite of
+                    integrated services and <br />
+                    solutions to deliver maximum value and optimize your
+                    operations.
+                  </p>
+                </div>
+                <ul className="breadcrumb justify-content-center">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>FAQs</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Faqs
+          headingClass="heading-title"
+          parentClass="section-faqs style-1 tf-spacing-8"
+          header2
+        />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/portfolio/page.jsx b/app/(otherPages)/portfolio/page.jsx
new file mode 100644
index 0000000..49adb36
--- /dev/null
+++ b/app/(otherPages)/portfolio/page.jsx
@@ -0,0 +1,57 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+import Link from "next/link";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Portfolio from "@/components/otherPages/Portfolio";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Portfolio || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function PortfolioPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_18 letter-spacing-1">
+                    A deep diving into <br />
+                    the success of Advitex
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    A deep dive into Advitex's success reveals a compelling case
+                    study of innovation, strategic partnerships, <br />
+                    and customer commitment, leading to significant market
+                    growth and industry recognition.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Case Studie</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Portfolio />
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8 pt-0" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/pricing/page.jsx b/app/(otherPages)/pricing/page.jsx
new file mode 100644
index 0000000..17dc896
--- /dev/null
+++ b/app/(otherPages)/pricing/page.jsx
@@ -0,0 +1,56 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+import Link from "next/link";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Pricing from "@/components/common/Pricing";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Pricing || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function PricingPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_18 letter-spacing-1">
+                    Pricing Plan
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    his focuses on achieving tangible outcomes, such as
+                    increased revenue, cost savings, <br />
+                    or improved efficiency, and ultimately driving
+                    organizational success.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Pricing</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Pricing />
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8 pt-0" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/single-post/[id]/page.jsx b/app/(otherPages)/single-post/[id]/page.jsx
new file mode 100644
index 0000000..adb8a79
--- /dev/null
+++ b/app/(otherPages)/single-post/[id]/page.jsx
@@ -0,0 +1,57 @@
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import BlogDetails from "@/components/otherPages/BlogDetails";
+import React from "react";
+import Link from "next/link";
+import { allBlogs } from "@/data/blogs";
+export const metadata = {
+  title:
+    "Single Post || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+
+export default async function BlogDetailsPage1({ params }) {
+  const { id } = await params;
+
+  const blog = allBlogs.filter((p) => p.id == id)[0] || allBlogs[0];
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default v2">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_53">
+                  <h1 className="text_black mb_25 letter-spacing-1">
+                    {blog.title}
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    Entrepreneurs and business leaders face barriers that can
+                    restrain growth and profit. Understanding and <br />
+                    implementing effective strategies is the key to overcoming
+                    obstacles and promoting your business towards success.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Single Post</li>
+                  <li>{blog.title}</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <BlogDetails />
+      </div>
+      <Footer1 parentClass="footer style-default has-border-top" />
+    </>
+  );
+}
diff --git a/app/(otherPages)/single-project/[id]/page.jsx b/app/(otherPages)/single-project/[id]/page.jsx
new file mode 100644
index 0000000..9a55277
--- /dev/null
+++ b/app/(otherPages)/single-project/[id]/page.jsx
@@ -0,0 +1,66 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+import Testimonials from "@/components/common/Testimonials";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import PortfolioSingle from "@/components/otherPages/PortfolioSingle";
+
+import { allCaseStudies } from "@/data/caseStudies";
+import Link from "next/link";
+import React from "react";
+export const metadata = {
+  title:
+    "Single Prroject || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default async function SingleProjectPage({ params }) {
+  const { id } = await params;
+
+  const caseStudy =
+    allCaseStudies.filter((p) => p.id == id)[0] || allCaseStudies[0];
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_18 letter-spacing-1">
+                    {caseStudy.title.split(" ").slice(0, 4)} <br />
+                    {caseStudy.title.split(" ").slice(4, 10)}
+                    <br />
+                    {caseStudy.title.split(" ").slice(10)}
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    Our holistic approach combines a comprehensive suite of
+                    integrated services and <br />
+                    solutions to deliver maximum value and optimize your
+                    operations.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Project Details</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <PortfolioSingle />
+        <Testimonials />
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(otherPages)/team/page.jsx b/app/(otherPages)/team/page.jsx
new file mode 100644
index 0000000..f406f80
--- /dev/null
+++ b/app/(otherPages)/team/page.jsx
@@ -0,0 +1,55 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+import Link from "next/link";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Team2 from "@/components/otherPages/Team2";
+import React from "react";
+export const metadata = {
+  title:
+    "Team || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function TeamPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_17 letter-spacing-1">
+                    Get To Know Our Amazing Team
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    With a passion for innovation and a dedication to
+                    excellence, we bring diverse <br />
+                    expertise to every project we undertake.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Our Team</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Team2 />
+
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(services)/service-details/[id]/page.jsx b/app/(services)/service-details/[id]/page.jsx
new file mode 100644
index 0000000..4e781a7
--- /dev/null
+++ b/app/(services)/service-details/[id]/page.jsx
@@ -0,0 +1,61 @@
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+import Pricing from "@/components/common/Pricing";
+
+import Testimonials from "@/components/common/Testimonials";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Link from "next/link";
+import ServiceDetails from "@/components/otherPages/ServiceDetails";
+export const metadata = {
+  title:
+    "Service Details || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+import React from "react";
+import { allServices } from "@/data/services";
+
+export default async function ServiceDetailsPage({ params }) {
+  const { id } = await params;
+
+  const service = allServices.filter((p) => p.id == id)[0] || allServices[0];
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_43">
+                  <h1
+                    className="text_black letter-spacing-1"
+                    dangerouslySetInnerHTML={{ __html: service.title }}
+                  ></h1>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Services</li>
+                  <li dangerouslySetInnerHTML={{ __html: service.title }}></li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <ServiceDetails />
+        <Pricing parentClass="section tf-spacing-13" />
+        <Testimonials />
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(services)/services/page.jsx b/app/(services)/services/page.jsx
new file mode 100644
index 0000000..1c79de4
--- /dev/null
+++ b/app/(services)/services/page.jsx
@@ -0,0 +1,63 @@
+import Challanges from "@/components/common/Challanges";
+import Contact from "@/components/common/Contact";
+import Faqs from "@/components/common/Faqs";
+
+import Testimonials from "@/components/common/Testimonials";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import ServiceAdvantages from "@/components/otherPages/ServiceAdvantages";
+import Services from "@/components/otherPages/Services";
+import Link from "next/link";
+import React from "react";
+export const metadata = {
+  title:
+    "Services || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function ServicesPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <h1 className="text_black mb_19 letter-spacing-1">
+                    Our comprehensive <br />
+                    suite of services and solutions
+                  </h1>
+                  <p className="sub-heading text_mono-gray-7">
+                    Our holistic approach combines a comprehensive suite of
+                    integrated services and <br />
+                    solutions to deliver maximum value and optimize your
+                    operations.
+                  </p>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Services</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <ServiceAdvantages />
+        <Services />
+        <Challanges />
+        <Testimonials />
+        <Faqs parentClass="section-faqs style-1 tf-spacing-8" />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(shop)/cart/page.jsx b/app/(shop)/cart/page.jsx
new file mode 100644
index 0000000..785efaf
--- /dev/null
+++ b/app/(shop)/cart/page.jsx
@@ -0,0 +1,49 @@
+import Contact from "@/components/common/Contact";
+
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Link from "next/link";
+import ShopCart from "@/components/shop/ShopCart";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Shop Cart || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function CartPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default v4">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <div className="text-display-2 mb_44 letter-spacing-1">
+                    Cart
+                  </div>
+                  <ul className="breadcrumb">
+                    <li>
+                      <Link href={`/`} className="link">
+                        Home
+                      </Link>
+                    </li>
+                    <li>Cart</li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <ShopCart />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(shop)/checkout/page.jsx b/app/(shop)/checkout/page.jsx
new file mode 100644
index 0000000..a54c7ae
--- /dev/null
+++ b/app/(shop)/checkout/page.jsx
@@ -0,0 +1,48 @@
+import Contact from "@/components/common/Contact";
+
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Checkout from "@/components/shop/Checkout";
+import Link from "next/link";
+import React from "react";
+export const metadata = {
+  title:
+    "Checkout || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function CheckoutPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default v5">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_44">
+                  <div className="text-display-2 text_black letter-spacing-1">
+                    Checkout
+                  </div>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Checkout</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Checkout />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(shop)/product-details/[id]/page.jsx b/app/(shop)/product-details/[id]/page.jsx
new file mode 100644
index 0000000..2979dcf
--- /dev/null
+++ b/app/(shop)/product-details/[id]/page.jsx
@@ -0,0 +1,57 @@
+import Contact from "@/components/common/Contact";
+import Link from "next/link";
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import RelatedProducts from "@/components/shop/RelatedProducts";
+import ShopDescription from "@/components/shop/ShopDescription";
+import ShopDetails from "@/components/shop/ShopDetails";
+import { products } from "@/data/products";
+export const metadata = {
+  title:
+    "Product Details || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default async function ProductDetailsPage({ params }) {
+  const { id } = await params;
+
+  const product = products.filter((p) => p.id == id)[0] || products[0];
+
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default v4">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_51">
+                  <div className="text-display-2 mb_25 letter-spacing-1 mb_43">
+                    Products Detail
+                  </div>
+                  <ul className="breadcrumb">
+                    <li>
+                      <Link href={`/`} className="link">
+                        Home
+                      </Link>
+                    </li>
+                    <li>Shop</li>
+                    <li>{product.title}</li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          {/* /.page-title */}
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <ShopDetails product={product} />
+        <ShopDescription />
+        <RelatedProducts />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/(shop)/shop/page.jsx b/app/(shop)/shop/page.jsx
new file mode 100644
index 0000000..1952f98
--- /dev/null
+++ b/app/(shop)/shop/page.jsx
@@ -0,0 +1,46 @@
+import Contact from "@/components/common/Contact";
+
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Shop from "@/components/shop/Shop";
+import Link from "next/link";
+import React from "react";
+export const metadata = {
+  title:
+    "Shop || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function ShopPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="tf-container">
+            <div className="row">
+              <div className="col-12">
+                <div className="heading mb_42">
+                  <div className="text-display-2 letter-spacing-1">Shop</div>
+                </div>
+                <ul className="breadcrumb">
+                  <li>
+                    <Link href={`/`} className="link">
+                      Home
+                    </Link>
+                  </li>
+                  <li>Shop</li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="main-content style-1">
+        <Shop />
+        <Contact />
+      </div>
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..a54207b
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/layout.js b/app/layout.js
new file mode 100644
index 0000000..5fbaf93
--- /dev/null
+++ b/app/layout.js
@@ -0,0 +1,30 @@
+import LayoutWrapper from "@/components/common/LayoutWrapper";
+import "../public/scss/main.scss";
+import "odometer/themes/odometer-theme-default.css"; // Import theme
+import "rc-slider/assets/index.css";
+import "photoswipe/dist/photoswipe.css";
+import ScrollTop from "@/components/common/ScrollTop";
+import Mobilemenu from "@/components/modals/Mobilemenu";
+import Context from "@/context/Context";
+export const metadata = {
+  title:
+    "Business Consulting || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>
+        <div id="wrapper" className="counter-scroll">
+          <LayoutWrapper>
+            <Context>{children}</Context>
+
+            <ScrollTop />
+            <Mobilemenu />
+          </LayoutWrapper>
+        </div>
+      </body>
+    </html>
+  );
+}
diff --git a/app/not-found.jsx b/app/not-found.jsx
new file mode 100644
index 0000000..18713f3
--- /dev/null
+++ b/app/not-found.jsx
@@ -0,0 +1,52 @@
+import Footer1 from "@/components/footers/Footer1";
+import Header1 from "@/components/headers/Header1";
+import Image from "next/image";
+import Link from "next/link";
+
+import React from "react";
+export const metadata = {
+  title:
+    "Not Found Page || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+export default function NotFoundPage() {
+  return (
+    <>
+      <div className="wrap-page-header">
+        <Header1 />
+        <div className="page-title style-default">
+          <div className="error-404">
+            <div className="contnet">
+              <div className="img">
+                <Image
+                  alt={404}
+                  src="/images/item/404.png"
+                  width={609}
+                  height={240}
+                />
+              </div>
+              <p className="sub-heading text_mono-gray-7">
+                We apologize, but the page you're looking for couldn't be found!
+              </p>
+              <Link href={`/`} className="tf-btn mx-auto">
+                <span>Back To Home</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+            <div className="item position-absolute">
+              <Image
+                alt="shape"
+                src="/images/item/shape-5.png"
+                width={1105}
+                height={720}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <Footer1 />
+    </>
+  );
+}
diff --git a/app/page.jsx b/app/page.jsx
new file mode 100644
index 0000000..796e607
--- /dev/null
+++ b/app/page.jsx
@@ -0,0 +1,59 @@
+import Footer5 from "@/components/footers/Footer5";
+import Header2 from "@/components/headers/Header2";
+import Contact from "@/components/common/Contact";
+import CaseStudies from "@/components/homes/marketing-consulting/CaseStudies";
+import Features2 from "@/components/homes/marketing-consulting/Features2";
+import Figures from "@/components/homes/marketing-consulting/Figures";
+import Hero from "@/components/homes/finance-consulting/Hero";
+import ThreeImageDisplay from "@/components/common/ThreeImageDisplay";
+import Brands from "@/components/homes/marketing-consulting/Brands";
+import Services from "@/components/homes/finance-consulting/Services";
+import Testimonials from "@/components/homes/marketing-consulting/Testimonials";
+import React from "react";
+
+export const metadata = {
+  title:
+    "Marketing Consulting || Advitex - Finance and Business Consulting React Nextjs Template",
+  description:
+    "Advitex - Finance and Business Consulting React Nextjs Template",
+};
+
+export default function MarketingConsultionPage() {
+  return (
+    <>
+      <div className="primary-4">
+        <div id="wrapper" className="counter-scroll">
+          <Header2 />
+          <section id="home">
+            <Hero />
+          </section>
+          <div className="main-content">
+            <section id="services">
+              <Features2 />
+              <Figures/>
+            </section>
+
+            <section id="focus-areas">
+              <Services />
+            </section>
+
+            <section id="team">
+              <CaseStudies />
+            </section>
+
+            <section id="about">
+              <Testimonials />
+              <ThreeImageDisplay />
+              <Brands/>
+            </section>
+
+            <section id="contact">
+              <Contact />
+            </section>
+          </div>
+          <Footer5 />
+        </div>
+      </div>
+    </>
+  );
+}
\ No newline at end of file
diff --git a/components/common/Challanges.jsx b/components/common/Challanges.jsx
new file mode 100644
index 0000000..6fee055
--- /dev/null
+++ b/components/common/Challanges.jsx
@@ -0,0 +1,127 @@
+import React from "react";
+import Image from "next/image";
+export default function Challanges() {
+  return (
+    <div className="section tf-spacing-7">
+      <div className="tf-container">
+        <div className="heading-section text-center mb_87">
+          <h2 className="split-text effect-right">
+            Solving IT Challenges in Every Industry
+          </h2>
+          <p
+            className="text_color-text-2 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            From an early stage start-up’s growth strategies to helping existing
+            businesses, we have done it all!
+          </p>
+        </div>
+        <div className="wrap-challenges-item">
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-1.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Agribussiness</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-2.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Advanced Manufacturing</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-3.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Automotive &amp; Mobility</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-4.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Financial Services</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-5.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">
+              Healthcare &amp; Life Sciences
+            </p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-6.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">
+              Ener &amp; Natural Resources
+            </p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-7.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Media &amp; Entertainment</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-8.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Telecommunication</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-9.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Social &amp; Public Sector</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-10.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Technology</p>
+          </a>
+          <a href="#" className="challenges-item">
+            <Image
+              alt="challenges-item"
+              src="/images/section/challenges-item-11.jpg"
+              width={96}
+              height={96}
+            />
+            <p className="text-body-2 text_black">Forest Products</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/common/Contact.jsx b/components/common/Contact.jsx
new file mode 100644
index 0000000..e48ca79
--- /dev/null
+++ b/components/common/Contact.jsx
@@ -0,0 +1,106 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+export default function Contact() {
+  return (
+    <div className="section-contact style-default position-relative mb_30">
+      <div className="tf-container ">
+        <div className="row">
+          <div className="col-lg-6">
+            <div className="left">
+              <div className="heading">
+                <div className="h1 split-text split-lines-rotation-x text-white">
+                  Success is a team play, right? Let's work together!
+                </div>
+              </div>
+              <div className="bot">
+                <div className="content">
+                  <h6 className="mb_5 text-white">+068 5681 96 96</h6>
+                  <p className="text-body-2 text-white">
+                    Call us for urgent
+                  </p>
+                </div>
+                <Link 
+                  href={`/contact-us`} 
+                  className="tf-btn btn-primary2 h36"
+                  style={{
+                    backgroundColor: 'white',
+                    color: 'black',
+                    border: '1px solid #ddd'
+                  }}
+                >
+                  <span className="text-caption" style={{ color: 'black' }}>Get Direction</span>
+                  <span className="bg-effect" />
+                </Link>
+              </div>
+            </div>
+          </div>
+          <div className="col-lg-6">
+            <form onSubmit={(e) => e.preventDefault()} className="form-contact">
+              <fieldset>
+                <label className="mb_15 text-white" htmlFor="name">
+                  Full Name*
+                </label>
+                <input type="text" placeholder="Full Name" id="name" required />
+              </fieldset>
+              <div className="grid-2 gap_24">
+                <fieldset>
+                  <label className="mb_15 text-white" htmlFor="email">
+                    Email Address*
+                  </label>
+                  <input
+                    type="email"
+                    placeholder="Your email address*"
+                    id="email"
+                    required
+                  />
+                </fieldset>
+                <fieldset>
+                  <label className="mb_15 text-white" htmlFor="phone">
+                    Phone Number
+                    <span className="text-white opacity-75">(Optional)</span>
+                  </label>
+                  <input
+                    type="text"
+                    placeholder="Your phone number"
+                    id="phone"
+                    required
+                  />
+                </fieldset>
+              </div>
+              <fieldset className="">
+                <label className="mb_15 text-white" htmlFor="message">
+                  Message
+                </label>
+                <textarea
+                  className="message"
+                  placeholder="Write your message here..."
+                  id="message"
+                  defaultValue={""}
+                />
+              </fieldset>
+              <a href="#" className="link attachment text-white">
+                <i className="icon-paperclip-solid" />
+                Add an attachment
+              </a>
+              <button type="submit" className="tf-btn btn-primary2 mt_27">
+                <span>Send Message</span>
+                <span className="bg-effect" />
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+      {/* <div className="shape position-absolute">
+        <Image
+          alt="item"
+          src="/images/item/shape-5.png"
+          width={1105}
+          height={720}
+        />
+      </div> */}
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/common/Countdown.jsx b/components/common/Countdown.jsx
new file mode 100644
index 0000000..f3e4c06
--- /dev/null
+++ b/components/common/Countdown.jsx
@@ -0,0 +1,206 @@
+"use client";
+import React, { useState, useEffect } from "react";
+
+const CountdownTimer = ({ style = 1, targetDate = "2025-06-31T23:59:59" }) => {
+  const [showTimer, setShowTimer] = useState(false);
+  useEffect(() => {
+    setShowTimer(true);
+  }, []);
+
+  const calculateTimeLeft = () => {
+    const difference = +new Date(targetDate) - +new Date();
+    if (difference > 0) {
+      return {
+        days: Math.floor(difference / (1000 * 60 * 60 * 24)),
+        hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
+        minutes: Math.floor((difference / 1000 / 60) % 60),
+        seconds: Math.floor((difference / 1000) % 60),
+      };
+    }
+    return null; // Time is up
+  };
+
+  const [timeLeft, setTimeLeft] = useState(calculateTimeLeft());
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setTimeLeft(calculateTimeLeft());
+    }, 1000);
+
+    return () => clearInterval(timer); // Cleanup the timer on component unmount
+  }, [targetDate]);
+
+  if (!timeLeft) {
+    return <div>Time's up!</div>;
+  }
+
+  return (
+    <>
+      {showTimer ? (
+        <>
+          {style == 1 && (
+            <div aria-hidden="true" className="countdown__timer">
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--0 js-countdown__value--0">
+                  {timeLeft.days}
+                </span>
+                <span className="countdown__label">D :</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--1 js-countdown__value--1">
+                  {timeLeft.hours}
+                </span>
+                <span className="countdown__label">H :</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--2 js-countdown__value--2">
+                  {timeLeft.minutes}
+                </span>
+                <span className="countdown__label">M :</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--3 js-countdown__value--3">
+                  {timeLeft.seconds}
+                </span>
+                <span className="countdown__label">S</span>
+              </span>
+            </div>
+          )}
+          {style == 2 && (
+            <div aria-hidden="true" className="countdown__timer">
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--0 js-countdown__value--0">
+                  {timeLeft.days}
+                </span>
+                <span className="countdown__label">Days</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--1 js-countdown__value--1">
+                  {timeLeft.hours}
+                </span>
+                <span className="countdown__label">Hours</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--2 js-countdown__value--2">
+                  {timeLeft.minutes}
+                </span>
+                <span className="countdown__label">Mins</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--3 js-countdown__value--3">
+                  {timeLeft.seconds}
+                </span>
+                <span className="countdown__label">Secs</span>
+              </span>
+            </div>
+          )}
+          {style == 3 && (
+            <div aria-hidden="true" className="countdown__timer">
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--0 js-countdown__value--0">
+                  {timeLeft.days}
+                </span>
+                <span className="countdown__label">DAYS</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--1 js-countdown__value--1">
+                  {timeLeft.hours}
+                </span>
+                <span className="countdown__label">HOURS</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--2 js-countdown__value--2">
+                  {timeLeft.minutes}
+                </span>
+                <span className="countdown__label">MINUTES</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--3 js-countdown__value--3">
+                  {timeLeft.seconds}
+                </span>
+                <span className="countdown__label">SECONDS</span>
+              </span>
+            </div>
+          )}
+          {style == 4 && (
+            <div aria-hidden="true" class="countdown__timer">
+              <span class="countdown__item">
+                <span class="countdown__value countdown__value--2 js-countdown__value--2">
+                  {timeLeft.minutes}
+                </span>
+                <span class="countdown__label">:</span>
+              </span>
+              <span class="countdown__item">
+                <span class="countdown__value countdown__value--3 js-countdown__value--3">
+                  {timeLeft.seconds}
+                </span>
+                <span class="countdown__label"></span>
+              </span>
+            </div>
+          )}
+
+          {style == 5 && (
+            <div aria-hidden="true" className="countdown__timer">
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--0 js-countdown__value--0">
+                  {timeLeft.days}
+                </span>
+                <span className="countdown__label">d :</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--1 js-countdown__value--1">
+                  {timeLeft.hours}
+                </span>
+                <span className="countdown__label">h :</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--2 js-countdown__value--2">
+                  {timeLeft.minutes}
+                </span>
+                <span className="countdown__label">m :</span>
+              </span>
+              <span className="countdown__item">
+                <span className="countdown__value countdown__value--3 js-countdown__value--3">
+                  {timeLeft.seconds}
+                </span>
+                <span className="countdown__label">s</span>
+              </span>
+            </div>
+          )}
+        </>
+      ) : (
+        ""
+      )}
+      {style == 6 && (
+        <div aria-hidden="true" className="countdown__timer">
+          <span className="countdown__item">
+            <span className="countdown__value countdown__value--0 js-countdown__value--0">
+              {timeLeft.days}
+            </span>
+            <span className="countdown__label">D</span>
+          </span>
+          <span className="countdown__item">
+            <span className="countdown__value countdown__value--1 js-countdown__value--1">
+              {timeLeft.hours}
+            </span>
+            <span className="countdown__label">H</span>
+          </span>
+          <span className="countdown__item">
+            <span className="countdown__value countdown__value--2 js-countdown__value--2">
+              {timeLeft.minutes}
+            </span>
+            <span className="countdown__label">M</span>
+          </span>
+          <span className="countdown__item">
+            <span className="countdown__value countdown__value--3 js-countdown__value--3">
+              {timeLeft.seconds}
+            </span>
+            <span className="countdown__label">S</span>
+          </span>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default CountdownTimer;
diff --git a/components/common/DropdownSelect.jsx b/components/common/DropdownSelect.jsx
new file mode 100644
index 0000000..95bd683
--- /dev/null
+++ b/components/common/DropdownSelect.jsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+const optionsDefault = ["Newest", "Oldest", "3 days"];
+export default function DropdownSelect({
+  onChange = (elm) => {},
+  options = optionsDefault,
+  defaultOption,
+  selectedValue,
+  addtionalParentClass = "",
+}) {
+  const selectRef = useRef();
+  const optionsRef = useRef();
+  const [selected, setSelected] = useState("");
+  const toggleDropdown = () => {
+    selectRef.current.classList.toggle("open");
+  };
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (!selectRef.current.contains(event.target)) {
+        selectRef.current.classList.remove("open");
+      }
+    };
+
+    // Add event listeners to each dropdown element
+
+    // Add a global click event listener to detect outside clicks
+    document.addEventListener("click", handleClickOutside);
+
+    // Cleanup event listeners on component unmount
+    return () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, []);
+
+  useEffect(() => {
+    // Function to handle clicks outside the select or options
+    const handleClickOutside = (event) => {
+      if (
+        selectRef.current &&
+        selectRef.current.contains(event.target) &&
+        optionsRef.current &&
+        !optionsRef.current.contains(event.target)
+      ) {
+        // Close the options if clicked outside
+        toggleDropdown();
+      }
+    };
+
+    // Add event listener on mount
+    document.addEventListener("click", handleClickOutside);
+
+    // Cleanup event listener on unmount
+    return () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, []);
+
+  return (
+    <>
+      <div className={`nice-select ${addtionalParentClass}`} ref={selectRef}>
+        <span className="current">
+          {selectedValue || selected || defaultOption || options[0]}
+        </span>
+        <ul className="list" ref={optionsRef}>
+          {options.map((elm, i) => (
+            <li
+              key={i}
+              onClick={() => {
+                setSelected(elm);
+                onChange(elm);
+                toggleDropdown();
+              }}
+              className={`option ${
+                !selectedValue
+                  ? selected == elm
+                    ? "selected"
+                    : ""
+                  : selectedValue == elm
+                  ? "selected"
+                  : ""
+              }  text text-1`}
+            >
+              {elm}
+            </li>
+          ))}
+        </ul>
+      </div>
+    </>
+  );
+}
diff --git a/components/common/Faqs.jsx b/components/common/Faqs.jsx
new file mode 100644
index 0000000..c6e076d
--- /dev/null
+++ b/components/common/Faqs.jsx
@@ -0,0 +1,212 @@
+import React from "react";
+
+export default function Faqs({
+  parentClass = "section-faqs style-1 tf-spacing-8 pt-0",
+  headingClass = "heading-title split-text effect-right",
+  header2 = false,
+}) {
+  return (
+    <div className={parentClass}>
+      <div className="tf-container">
+        <div
+          className={`heading-section text-center ${
+            header2 ? "mb_86" : "mb_92"
+          } `}
+        >
+          {header2 ? (
+            <h2 className={headingClass}>Got a question? Get your answer</h2>
+          ) : (
+            <h1 className={headingClass}>Got a question? Get your answer</h1>
+          )}
+          <p
+            className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            We revolutionize industries with dynamic digital solutions, tailored
+            to meet contemporary demands and <br />
+            drive impactful transformations for businesses of all sectors.
+          </p>
+        </div>
+        <ul
+          className="accordion-wrap gap-16 style-faqs d-grid gap_16"
+          id="accordion-faq-1"
+        >
+          <li className="accordion-item action_click scrolling-effect effectBottom style-default v2">
+            <a
+              href="#accordion-1"
+              className="accordion-title action collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-1"
+            >
+              <div className="heading">
+                <h5 className="title">
+                  How benefit that We got when choose Basic plan?
+                </h5>
+              </div>
+              <span className="icon" />
+            </a>
+            <div
+              id="accordion-1"
+              className="collapse"
+              data-bs-parent="#accordion-faq-1"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain <br />
+                  mutual understand again customer trust to offer appropriate
+                  advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click scrolling-effect effectBottom active style-default v2">
+            <a
+              href="#accordion-2"
+              className="accordion-title action current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-2"
+            >
+              <div className="heading">
+                <h5 className="title">Our project will 100% Secure?</h5>
+              </div>
+              <span className="icon" />
+            </a>
+            <div
+              id="accordion-2"
+              className="collapse show"
+              data-bs-parent="#accordion-faq-1"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain <br />
+                  mutual understand again customer trust to offer appropriate
+                  advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click scrolling-effect effectBottom style-default v2">
+            <a
+              href="#accordion-3"
+              className="accordion-title action collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3"
+            >
+              <div className="heading">
+                <h5 className="title">NDA Agreement will include?</h5>
+              </div>
+              <span className="icon" />
+            </a>
+            <div
+              id="accordion-3"
+              className="collapse"
+              data-bs-parent="#accordion-faq-1"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain <br />
+                  mutual understand again customer trust to offer appropriate
+                  advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click scrolling-effect effectBottom style-default v2">
+            <a
+              href="#accordion-4"
+              className="accordion-title action collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-4"
+            >
+              <div className="heading">
+                <h5 className="title">
+                  Can my premium license be used for all devices?
+                </h5>
+              </div>
+              <span className="icon" />
+            </a>
+            <div
+              id="accordion-4"
+              className="collapse"
+              data-bs-parent="#accordion-faq-1"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain <br />
+                  mutual understand again customer trust to offer appropriate
+                  advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click scrolling-effect effectBottom style-default v2">
+            <a
+              href="#accordion-5"
+              className="accordion-title action collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-5"
+            >
+              <div className="heading">
+                <h5 className="title">
+                  What things that we need provide when choose your service
+                </h5>
+              </div>
+              <span className="icon" />
+            </a>
+            <div
+              id="accordion-5"
+              className="collapse"
+              data-bs-parent="#accordion-faq-1"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain <br />
+                  mutual understand again customer trust to offer appropriate
+                  advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click scrolling-effect effectBottom style-default v2">
+            <a
+              href="#accordion-6"
+              className="accordion-title action collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-6"
+            >
+              <div className="heading">
+                <h5 className="title">How long for a standard project?</h5>
+              </div>
+              <span className="icon" />
+            </a>
+            <div
+              id="accordion-6"
+              className="collapse"
+              data-bs-parent="#accordion-faq-1"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain <br />
+                  mutual understand again customer trust to offer appropriate
+                  advice.
+                </p>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+}
diff --git a/components/common/LayoutWrapper.jsx b/components/common/LayoutWrapper.jsx
new file mode 100644
index 0000000..92aa044
--- /dev/null
+++ b/components/common/LayoutWrapper.jsx
@@ -0,0 +1,311 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import React, { useEffect } from "react";
+import SplitText from "@/utlis/splitText";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+gsap.registerPlugin(ScrollTrigger);
+export default function LayoutWrapper({ children }) {
+  const pathname = usePathname();
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      // Import the script only on the client side
+      import("bootstrap/dist/js/bootstrap.esm").then(() => {
+        // Module is imported, you can access any exported functionality if
+      });
+    }
+  }, []);
+  useEffect(() => {
+    let lastScrollTop = 0;
+    const delta = 10;
+    const header = document.querySelector(".header");
+
+    const handleScroll = () => {
+      const scrollTop = window.scrollY;
+
+      if (scrollTop < 350) {
+        header?.classList.remove("is-sticky");
+        if (scrollTop < 200) {
+          header?.classList.remove("header-sticky");
+        } else {
+          header?.classList.add("header-sticky");
+        }
+        return;
+      }
+      if (scrollTop > lastScrollTop + delta) {
+        header?.classList.add("header-sticky");
+        header?.classList.remove("is-sticky");
+      } else if (scrollTop < lastScrollTop - delta) {
+        header?.classList.add("is-sticky");
+      }
+      lastScrollTop = scrollTop;
+    };
+    setTimeout(() => {
+      window.addEventListener("scroll", handleScroll);
+      window.dispatchEvent(new Event("scroll"));
+    });
+
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [pathname]);
+  useEffect(() => {
+    // Scrolling Effect
+    const scrollingEffect = () => {
+      const elements = document.querySelectorAll(".scrolling-effect");
+      if (!elements.length) return;
+
+      elements.forEach((el) => {
+        const settings = {
+          scrollTrigger: {
+            trigger: el,
+            scrub: 3,
+            toggleActions: "play none none reverse",
+            start: "top bottom",
+            end: "bottom bottom",
+            delay: 3,
+          },
+          duration: 0.8,
+          ease: "power3.out",
+        };
+
+        if (el.classList.contains("effectRight")) {
+          settings.opacity = 0;
+          settings.x = "80";
+        }
+        if (el.classList.contains("effectLeft")) {
+          settings.opacity = 0;
+          settings.x = "-80";
+        }
+        if (el.classList.contains("effectBottom")) {
+          settings.opacity = 0;
+          settings.y = "100";
+        }
+        if (el.classList.contains("effectTop")) {
+          settings.opacity = 0;
+          settings.y = "-80";
+        }
+        if (el.classList.contains("effectZoomIn")) {
+          settings.opacity = 0;
+          settings.scale = 0.5;
+        }
+
+        gsap.from(el, settings);
+      });
+    };
+
+    // Animation Text
+    const animationText = () => {
+      const splitTextElements = document.querySelectorAll(".split-text");
+      if (!splitTextElements.length) return;
+
+      splitTextElements.forEach((el) => {
+        const target = el.querySelector("p, a") || el;
+        const pxlSplit = new SplitText(target, {
+          type: "words, chars, lines",
+          lineThreshold: 0.5,
+          wordsClass: "word",
+          linesClass: "split-line",
+        });
+
+        // Handle gradient characters
+        const gradientChars = el.querySelectorAll(".text-gradient > .word > *");
+        if (gradientChars.length) {
+          let offset = 0;
+          gradientChars.forEach((char) => {
+            const parent = char.parentElement;
+            const parentWidth = parent.offsetWidth;
+
+            char.style.backgroundSize = `${parentWidth}px 100%`;
+            offset += char.previousElementSibling?.offsetWidth || 0;
+            char.style.backgroundPosition = `${parentWidth - offset}px 0%`;
+          });
+        }
+
+        let splitTypeSet = pxlSplit.chars;
+        gsap.set(target, { perspective: 400 });
+
+        const settings = {
+          scrollTrigger: {
+            trigger: target,
+            start: "top 86%",
+            once: true,
+          },
+          duration: 0.9,
+          stagger: 0.02,
+          ease: "power3.out",
+        };
+
+        const hasClass = (className) => el.classList.contains(className);
+
+        if (hasClass("effect-fade")) settings.opacity = 0;
+        if (hasClass("effect-right")) {
+          settings.opacity = 0;
+          settings.x = "50";
+        }
+        if (hasClass("effect-left")) {
+          settings.opacity = 0;
+          settings.x = "-50";
+        }
+        if (hasClass("effect-up")) {
+          settings.opacity = 0;
+          settings.y = "80";
+        }
+        if (hasClass("effect-down")) {
+          settings.opacity = 0;
+          settings.y = "-80";
+        }
+        if (hasClass("effect-rotate")) {
+          settings.opacity = 0;
+          settings.rotateX = "50deg";
+        }
+        if (hasClass("effect-scale")) {
+          settings.opacity = 0;
+          settings.scale = "0.5";
+        }
+
+        if (
+          hasClass("split-lines-transform") ||
+          hasClass("split-lines-rotation-x")
+        ) {
+          pxlSplit.split({
+            type: "lines",
+            lineThreshold: 0.5,
+            linesClass: "split-line",
+          });
+
+          splitTypeSet = pxlSplit.lines;
+          settings.opacity = 0;
+          settings.stagger = 0.5;
+
+          if (hasClass("split-lines-rotation-x")) {
+            settings.rotationX = -120;
+            settings.transformOrigin = "top center -50";
+          } else {
+            settings.yPercent = 100;
+            settings.autoAlpha = 0;
+          }
+        }
+
+        if (hasClass("split-words-scale")) {
+          pxlSplit.split({ type: "words" });
+          splitTypeSet = pxlSplit.words;
+
+          splitTypeSet.forEach((elw, index) => {
+            gsap.set(
+              elw,
+              {
+                opacity: 0,
+                scale: index % 2 === 0 ? 0 : 2,
+                force3D: true,
+                duration: 0.1,
+                ease: "power3.out",
+                stagger: 0.02,
+              },
+              index * 0.01
+            );
+          });
+
+          gsap.to(splitTypeSet, {
+            scrollTrigger: {
+              trigger: el,
+              start: "top 86%",
+            },
+            rotateX: "0",
+            scale: 1,
+            opacity: 1,
+          });
+        } else {
+          gsap.from(splitTypeSet, settings);
+        }
+      });
+    };
+
+    // Initialize effects
+    setTimeout(() => {
+      scrollingEffect();
+      animationText();
+    });
+  }, [pathname]);
+  useEffect(() => {
+    const WOW = require("@/utlis/wow");
+    const wow = new WOW.default({
+      mobile: false,
+      live: false,
+    });
+    wow.init();
+  }, [pathname]);
+  useEffect(() => {
+    // Dynamically import Bootstrap
+    import("bootstrap")
+      .then((bootstrap) => {
+        // Close any open modal
+        const modalElements = document.querySelectorAll(".modal.show");
+        modalElements.forEach((modal) => {
+          const modalInstance = bootstrap.Modal.getInstance(modal);
+          if (modalInstance) {
+            modalInstance.hide();
+          }
+        });
+
+        // Close any open offcanvas
+        const offcanvasElements = document.querySelectorAll(".offcanvas.show");
+        offcanvasElements.forEach((offcanvas) => {
+          const offcanvasInstance = bootstrap.Offcanvas.getInstance(offcanvas);
+          if (offcanvasInstance) {
+            offcanvasInstance.hide();
+          }
+        });
+      })
+      .catch((error) => {
+        console.error("Error loading Bootstrap:", error);
+      });
+  }, [pathname]); // Runs every time the route changes
+  useEffect(() => {
+    const scrollTransformElements =
+      document.querySelectorAll(".scroll-tranform");
+
+    if (scrollTransformElements.length > 0) {
+      scrollTransformElements.forEach((element) => {
+        const direction = element.dataset.direction || "up";
+        const distance = element.dataset.distance || "10%";
+        let animationProperty;
+
+        switch (direction.toLowerCase()) {
+          case "left":
+            animationProperty = { x: `-${distance}` };
+            break;
+          case "right":
+            animationProperty = { x: `${distance}` };
+            break;
+          case "up":
+            animationProperty = { y: `-${distance}` };
+            break;
+          case "down":
+            animationProperty = { y: `${distance}` };
+            break;
+          default:
+            animationProperty = { y: `-${distance}` };
+        }
+
+        gsap.to(element, {
+          ...animationProperty,
+          scrollTrigger: {
+            trigger: element,
+            start: "top center",
+            end: "bottom top",
+            scrub: 2,
+          },
+        });
+      });
+    }
+
+    // Optional cleanup
+    return () => {
+      ScrollTrigger.getAll().forEach((trigger) => trigger.kill());
+    };
+  }, [pathname]);
+  return <>{children}</>;
+}
diff --git a/components/common/OdometerComponent.jsx b/components/common/OdometerComponent.jsx
new file mode 100644
index 0000000..6792743
--- /dev/null
+++ b/components/common/OdometerComponent.jsx
@@ -0,0 +1,70 @@
+"use client";
+
+import React, { useEffect, useRef, useState } from "react";
+
+const OdometerComponent = ({ max }) => {
+  const odometerRef = useRef(null);
+  const [value, setValue] = useState(0);
+  const odometerInitRef = useRef();
+
+  useEffect(() => {
+    import("odometer").then((Odometer) => {
+      // Initialize Odometer or do something with it
+
+      // Example usage of Odometer
+      if (Odometer && odometerRef.current) {
+        odometerInitRef.current = new Odometer.default({
+          el: odometerRef.current,
+          value,
+        });
+      }
+    });
+  }, []);
+  useEffect(() => {
+    if (odometerRef.current && odometerInitRef.current) {
+      odometerInitRef.current.update(value); // Update odometer when value changes
+    }
+  }, [value]);
+
+  const startCountup = () => {
+    setValue(max);
+  };
+
+  useEffect(() => {
+    const handleIntersection = (entries, observer) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          startCountup();
+          observer.unobserve(entry.target);
+        }
+      });
+    };
+
+    const options = {
+      root: null,
+      rootMargin: "0px",
+      threshold: 0.5,
+    };
+
+    const observer = new IntersectionObserver(handleIntersection, options);
+    if (odometerRef.current) {
+      observer.observe(odometerRef.current);
+    }
+
+    return () => {
+      if (odometerRef.current) {
+        observer.unobserve(odometerRef.current);
+      }
+    };
+  }, []);
+
+  return (
+    <>
+      <div ref={odometerRef} className="odometer">
+        0
+      </div>
+    </>
+  );
+};
+
+export default OdometerComponent;
diff --git a/components/common/Pricing.jsx b/components/common/Pricing.jsx
new file mode 100644
index 0000000..4ba6850
--- /dev/null
+++ b/components/common/Pricing.jsx
@@ -0,0 +1,59 @@
+import { pricingPlans } from "@/data/pricing";
+import React from "react";
+
+export default function Pricing({
+  parentClass = "section-pricing style-1 tf-spacing-6",
+}) {
+  return (
+    <div className={parentClass}>
+      <div className="tf-container">
+        <div className="wrap">
+          <div className="heading-section mb_88">
+            <h2>Choose A Plan, Start Now.</h2>
+            <p className="text-body-1 text_mono-gray-7 mt_20">
+              Whether you’re just getting started with rapid testing or scaling
+              across the <br />
+              organization, we’ve got you covered
+            </p>
+          </div>
+          <div className="tf-grid-layout lg-col-3">
+            {pricingPlans.map((plan, index) => (
+              <div
+                key={index}
+                className={`pricing-item${plan.isHighlighted ? " center" : ""}`}
+              >
+                <div className="content">
+                  <div className="heading">
+                    <h5 className="title mb_4">{plan.title}</h5>
+                    <p className="text-body-2 text_mono-gray-7">
+                      {plan.description}
+                    </p>
+                  </div>
+                  <div className="price d-flex align-items-end">
+                    <h3 className="text_primary price-value">{plan.price}</h3>
+                    <span className="text_mono-gray-7 sub-heading">/month</span>
+                  </div>
+                  <ul className="list d-grid gap_16">
+                    {plan.features.map((feature, i) => (
+                      <li
+                        key={i}
+                        className="sub-heading d-flex gap_16 align-items-center"
+                      >
+                        <i className="icon-check-solid text_primary" />
+                        {feature}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+                <a href="#" className={plan.buttonStyle}>
+                  <span className="text-body-3">Get Started Now</span>
+                  <span className="bg-effect" />
+                </a>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/common/ScrollTop.jsx b/components/common/ScrollTop.jsx
new file mode 100644
index 0000000..f6854bc
--- /dev/null
+++ b/components/common/ScrollTop.jsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function ScrollTop() {
+  useEffect(() => {
+    const box = document.querySelector(".scrollTop");
+    const liquid = document.querySelector(".liquid");
+    const offset = 200;
+
+    const handleScroll = () => {
+      const scrollPosition = window.scrollY;
+      const docHeight =
+        document.documentElement.scrollHeight - window.innerHeight;
+      const percent = Math.min(
+        Math.floor((scrollPosition / docHeight) * 100),
+        100
+      );
+
+      if (liquid) {
+        liquid.style.transform = `translate(0, ${100 - percent}%)`;
+      }
+
+      if (scrollPosition >= offset) {
+        box?.classList.add("active-progress");
+      } else {
+        box?.classList.remove("active-progress");
+      }
+    };
+
+    const handleClick = (event) => {
+      event.preventDefault();
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    };
+
+    window.addEventListener("scroll", handleScroll);
+    box?.addEventListener("click", handleClick);
+
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+      box?.removeEventListener("click", handleClick);
+    };
+  }, []);
+  return (
+    <div className="scrollTop effect-icon">
+      <div className="icon">
+        <i className="icon-long-arrow-alt-up-solid" />
+      </div>
+      <div className="liquid">
+        <svg viewBox="0 0 560 20" className="liquid_wave liquid_wave_back">
+          <use xlinkHref="#wave" />
+        </svg>
+        <svg viewBox="0 0 560 20" className="liquid_wave liquid_wave_front">
+          <use xlinkHref="#liquid" />
+        </svg>
+        <svg
+          version="1.1"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlnsXlink="http://www.w3.org/1999/xlink"
+          viewBox="0 0 560 20"
+          style={{ display: "none" }}
+        >
+          <symbol id="liquid">
+            <path
+              d="M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H420z"
+              fill="#"
+              style={{
+                transition: "stroke-dashoffset 10ms linear",
+                strokeDasharray: "301.839, 301.839",
+                strokeDashoffset: "251.895px",
+              }}
+            />
+            <path
+              d="M420,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C326,6.5,322,4.7,311.5,2.7C304.3,1.4,293.6-0.1,280,0c0,0,0,0,0,0v20H420z"
+              fill="#"
+            />
+            <path
+              d="M140,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C234,6.5,238,4.7,248.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H140z"
+              fill="#"
+            />
+            <path
+              d="M140,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C46,6.5,42,4.7,31.5,2.7C24.3,1.4,13.6-0.1,0,0c0,0,0,0,0,0l0,20H140z"
+              fill="#"
+            />
+          </symbol>
+        </svg>
+      </div>
+    </div>
+  );
+}
diff --git a/components/common/Services.jsx b/components/common/Services.jsx
new file mode 100644
index 0000000..8752816
--- /dev/null
+++ b/components/common/Services.jsx
@@ -0,0 +1,153 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination } from "swiper/modules";
+const services = [
+  {
+    title: (
+      <>
+        Business Strategy <br /> Planning
+      </>
+    ),
+    imgSrc: "/images/box-icon/business-idea.png",
+    description:
+      "Market analysis and research, Competitive landscape assessment, SWOT analysis, Strategic goal setting.",
+    delay: "0s",
+  },
+  {
+    title: (
+      <>
+        Financial Consulting
+        <br />
+        &amp; Strategy
+      </>
+    ),
+    imgSrc: "/images/box-icon/currency-exchange.png",
+    description:
+      "Financial statement analysis, Cost-benefit analysis, Budgeting and forecasting, Risk management.",
+    delay: ".15s",
+  },
+  {
+    title: (
+      <>
+        Operations &amp; Analyst
+        <br />
+        Improvement
+      </>
+    ),
+    imgSrc: "/images/box-icon/stock-market.png",
+    description:
+      "Process Optimization, Lean Manufacturing, Supply Chain Management, Quality Control.",
+    delay: ".25s",
+  },
+  {
+    title: (
+      <>
+        Tailor Personnel <br /> Consulting
+      </>
+    ),
+    imgSrc: "/images/box-icon/email-marketing.png",
+    description:
+      "Talent Acquisition, Employee Development, Performance Management, Organizational Culture Development.",
+    delay: ".35s",
+  },
+];
+
+export default function Services() {
+  return (
+    <div className="section section-service style-1 bg-sub-color tf-spacing-16">
+      <div className="tf-container">
+        <div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_112">
+          <div className="left">
+            <h2 className="heading-title split-text effect-right">
+              Tailored Solutions For Your Growth
+            </h2>
+            <p
+              className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+              data-wow-delay="0s"
+            >
+              With custom services, we empower the development, provide support
+              from your unique vision.
+            </p>
+          </div>
+          <Link href={`/services`} className="tf-btn btn-primary2">
+            <span>View Services</span>
+            <span className="bg-effect" />
+          </Link>
+        </div>
+        <Swiper
+          className="swiper tf-sw-mobile bg_1 swiper-active-576"
+          data-screen={576}
+          spaceBetween={15}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd16",
+          }}
+        >
+          {services.map((service, index) => (
+            <SwiperSlide
+              key={index}
+              className="swiper-slide wow animate__fadeInRight animate__animated"
+              data-wow-delay={service.delay}
+            >
+              <div className="tf-box-icon style-1 hover-border">
+                <h5 className="mb_53 title">
+                  <a href="#" className="link hover-line-text line-clamp-2">
+                    {service.title}
+                  </a>
+                </h5>
+                <div className="icon">
+                  <Image
+                    alt="icon"
+                    src={service.imgSrc}
+                    width={160}
+                    height={160}
+                  />
+                </div>
+                <p className="text-body-1 text_mono-gray-7">
+                  {service.description}
+                </p>
+              </div>
+            </SwiperSlide>
+          ))}
+
+          <div className="sw-dots style-default spd16 sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+        </Swiper>
+        <div className="swiper tf-sw-mobile bg_1 swiper-inActive-576">
+          <div className="swiper-wrapper tf-grid-layout-sm xl-col-4 sm-col-2 gap_24">
+            {services.map((service, index) => (
+              <div
+                key={index}
+                className="swiper-slide wow animate__fadeInRight animate__animated"
+                data-wow-delay={service.delay}
+              >
+                <div className="tf-box-icon style-1 hover-border">
+                  <h5 className="mb_53 title">
+                    <a href="#" className="link hover-line-text line-clamp-2">
+                      {service.title}
+                    </a>
+                  </h5>
+                  <div className="icon">
+                    <Image
+                      alt="icon"
+                      src={service.imgSrc}
+                      width={160}
+                      height={160}
+                    />
+                  </div>
+                  <p className="text-body-1 text_mono-gray-7">
+                    {service.description}
+                  </p>
+                </div>
+              </div>
+            ))}
+          </div>
+          <div className="sw-dots style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/common/Testimonials.jsx b/components/common/Testimonials.jsx
new file mode 100644
index 0000000..5c8ae90
--- /dev/null
+++ b/components/common/Testimonials.jsx
@@ -0,0 +1,136 @@
+"use client";
+import React from "react";
+import Image from "next/image";
+import { testimonials3 } from "@/data/testimonials";
+export default function Testimonials() {
+  return (
+    <div className="section-testimonial style-1">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-lg-6">
+            <div className="wrap">
+              <div className="heading-section">
+                <h2 className="heading-title split-text split-lines-rotation-x">
+                  Client Satisfaction, Our Reputation
+                </h2>
+                <p
+                  className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  We’ve helped hundreds of partners, to achieve their goals and
+                  stellar feedback, is our reward!
+                </p>
+              </div>
+              <div className="item">
+                <Image
+                  alt="item"
+                  src="/images/item/item-testimonial.png"
+                  width={715}
+                  height={330}
+                />
+              </div>
+            </div>
+          </div>
+          <div className="col-lg-6">
+            <div className="tf-grid-layout md-col-2">
+              <div
+                className="infiniteslide_wrap"
+                style={{ overflow: "hidden", height: 2370 }}
+              >
+                <div className="infiniteslide infiniteSlideVertical">
+                  {[...testimonials3, ...testimonials3].map(
+                    (testimonial, index) => (
+                      <div
+                        key={`${testimonial.id}-${index}`}
+                        className={`testimonial style-default ${
+                          index >= 6 ? "infiniteslide_clone" : ""
+                        }`}
+                        style={{ flex: "0 0 auto", display: "block" }}
+                      >
+                        <div className="icon mb_30">
+                          <i className="icon-quote" />
+                        </div>
+                        <div className="text sub-heading mb_30">
+                          “ {testimonial.quote} ”
+                        </div>
+                        <div className="box-user d-flex align-items-center">
+                          <div className="avatar">
+                            <Image
+                              alt="avatar"
+                              src={testimonial.avatar}
+                              width={100}
+                              height={100}
+                            />
+                          </div>
+                          <div className="content">
+                            <p className="text-body-3 sub font3 text_mono-gray-6">
+                              {testimonial.position}
+                            </p>
+                            <div className="text-body-2 text_black name text-uppercase">
+                              <a href="#" className="link">
+                                {testimonial.name}
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    )
+                  )}
+                </div>
+              </div>
+
+              <div
+                className="infiniteslide_wrap"
+                style={{ overflow: "hidden", height: 2370 }}
+              >
+                <div
+                  className="infiniteslide infiniteSlideVertical"
+                  style={{ animationDirection: "reverse" }}
+                >
+                  {[...testimonials3, ...testimonials3].map(
+                    (testimonial, index) => (
+                      <div
+                        key={`${testimonial.id}-${index}`}
+                        className={`testimonial style-default ${
+                          index >= 6 ? "infiniteslide_clone" : ""
+                        }`}
+                        style={{ flex: "0 0 auto", display: "block" }}
+                      >
+                        <div className="icon mb_30">
+                          <i className="icon-quote" />
+                        </div>
+                        <div className="text sub-heading mb_30">
+                          “ {testimonial.quote} ”
+                        </div>
+                        <div className="box-user d-flex align-items-center">
+                          <div className="avatar">
+                            <Image
+                              alt="avatar"
+                              src={testimonial.avatar}
+                              width={100}
+                              height={100}
+                            />
+                          </div>
+                          <div className="content">
+                            <p className="text-body-3 sub font3 text_mono-gray-6">
+                              {testimonial.position}
+                            </p>
+                            <div className="text-body-2 text_black name text-uppercase">
+                              <a href="#" className="link">
+                                {testimonial.name}
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    )
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/common/ThreeImageDisplay.jsx b/components/common/ThreeImageDisplay.jsx
new file mode 100644
index 0000000..0efc48a
--- /dev/null
+++ b/components/common/ThreeImageDisplay.jsx
@@ -0,0 +1,59 @@
+"use client";
+import { testimonials } from "@/data/testimonials";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Image from "next/image";
+import { counterItems2 } from "@/data/facts";
+import OdometerComponent from "@/components/common/OdometerComponent";
+
+export default function ThreeImageDisplay(){
+  return(
+    <div className="section-testimonial style-5 tf-spacing-16 pb-0">
+      <Swiper
+        className="swiper"
+        loop
+        initialSlide={1}
+        centeredSlides
+        spaceBetween={15}
+        breakpoints={{
+          0: { slidesPerView: 1.2 },
+          575: {
+            slidesPerView: 1.2,
+          },
+          768: {
+            slidesPerView: 1.2,
+            spaceBetween: 20,
+          },
+          992: {
+            slidesPerView: 1.3,
+            spaceBetween: 72,
+          },
+          1200: {
+            slidesPerView: 1.98,
+            spaceBetween: 72,
+          },
+        }}
+      >
+        {testimonials.map((testimonial, index) => (
+          <SwiperSlide
+            className="swiper-slide"
+            key={`${testimonial.id}-${index}`}
+          >
+            <div className="testimonial style-4">
+              <div className="img-style mb_40">
+                <Image
+                  className="lazyload"
+                  data-src={testimonial.imageSrc}
+                  alt="testimonial"
+                  src={testimonial.imageSrc}
+                  width={908}
+                  height={652}
+                />
+              </div>
+            </div>
+          </SwiperSlide>
+        ))}
+      </Swiper>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/footers/Footer1.jsx b/components/footers/Footer1.jsx
new file mode 100644
index 0000000..3148fe9
--- /dev/null
+++ b/components/footers/Footer1.jsx
@@ -0,0 +1,333 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import Link from "next/link";
+import Image from "next/image";
+export default function Footer1({ parentClass = "footer style-default" }) {
+  const [success, setSuccess] = useState(true);
+  const [showMessage, setShowMessage] = useState(false);
+  const handleShowMessage = () => {
+    setShowMessage(true);
+    setTimeout(() => {
+      setShowMessage(false);
+    }, 2000);
+  };
+  const sendEmail = async (e) => {
+    e.preventDefault(); // Prevent default form submission behavior
+    const email = e.target.email.value;
+
+    try {
+      const response = await axios.post(
+        "https://express-brevomail.vercel.app/api/contacts",
+        {
+          email,
+        }
+      );
+
+      if ([200, 201].includes(response.status)) {
+        e.target.reset(); // Reset the form
+        setSuccess(true); // Set success state
+        handleShowMessage();
+      } else {
+        setSuccess(false); // Handle unexpected responses
+        handleShowMessage();
+      }
+    } catch (error) {
+      console.error("Error:", error.response?.data || "An error occurred");
+      setSuccess(false); // Set error state
+      handleShowMessage();
+      e.target.reset(); // Reset the form
+    }
+  };
+  useEffect(() => {
+    const headings = document.querySelectorAll(".footer-heading-mobile");
+
+    const toggleOpen = (event) => {
+      const parent = event.target.closest(".footer-col-block");
+      const content = parent.querySelector(".tf-collapse-content");
+
+      if (parent.classList.contains("open")) {
+        parent.classList.remove("open");
+        content.style.height = "0px";
+      } else {
+        parent.classList.add("open");
+        content.style.height = content.scrollHeight + 10 + "px";
+      }
+    };
+
+    headings.forEach((heading) => {
+      heading.addEventListener("click", toggleOpen);
+    });
+
+    // Clean up event listeners when the component unmounts
+    return () => {
+      headings.forEach((heading) => {
+        heading.removeEventListener("click", toggleOpen);
+      });
+    };
+  }, []); // Empty dependency array means this will run only once on mount
+
+  return (
+    <footer id="footer" className={parentClass}>
+      <div className="footer-wrap">
+        <div className="tf-container">
+          <div className="footer-body">
+            <div className="row">
+              <div className="col-lg-4">
+                <div className="footer-about">
+                  <Link href={`/`} className="footer-logo">
+                    <Image
+                      alt="logo"
+                      src="/images/logo/footer-logo.png"
+                      width={390}
+                      height={80}
+                    />
+                  </Link>
+                  <div className="footer-info mb_51">
+                    <a href="#" className="link text-body-2 text_black">
+                      themesflat@gmail.com
+                    </a>
+                    <div className="text-body-2">
+                      152 Thatcher Road St, Mahattan, NY 10463, <br />
+                      United States
+                    </div>
+                    <div className="text-body-2">(+068) 568 9696</div>
+                  </div>
+                  <div className="tf-social">
+                    <a href="#" className="icon-twitter-x" />
+                    <a href="#" className="icon-facebook-f" />
+                    <a href="#" className="icon-github" />
+                    <a href="#" className="icon-instagram" />
+                    <a href="#" className="icon-youtube" />
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-4 col-md-6">
+                <div className="footer-col-block">
+                  <h6 className="footer-heading footer-heading-mobile">
+                    Company
+                  </h6>
+                  <div className="tf-collapse-content">
+                    <ul className="footer-menu-list">
+                      <li className="text-body-2 text_mono-gray-6">
+                        <Link href={`/about`} className="link footer-menu_item">
+                          About Advitex
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-6">
+                        <Link
+                          href={`/contact-us`}
+                          className="link footer-menu_item"
+                        >
+                          Contact us
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-6">
+                        <Link
+                          href={`/portfolio`}
+                          className="link footer-menu_item"
+                        >
+                          Portfolio
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-6">
+                        <Link href={`/faqs`} className="link footer-menu_item">
+                          How We Work
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-6">
+                        <Link
+                          href={`/career`}
+                          className="link footer-menu_item"
+                        >
+                          Career
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-6">
+                        <Link href={`/team`} className="link footer-menu_item">
+                          Our Team
+                        </Link>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-4 col-md-6">
+                <div>
+                  <div className="footer-col-block">
+                    <h6 className="footer-heading footer-heading-mobile">
+                      Links
+                    </h6>
+                    <div className="tf-collapse-content">
+                      <ul className="footer-menu-list">
+                        <li className="text-body-2 text_mono-gray-6">
+                          <Link
+                            href={`/contact-us`}
+                            className="link footer-menu_item"
+                          >
+                            Help Center
+                          </Link>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-6">
+                          <Link
+                            href={`/pricing`}
+                            className="link footer-menu_item"
+                          >
+                            Privacy Policy
+                          </Link>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-6">
+                          <a href="#" className="link footer-menu_item">
+                            Term &amp; Conditon
+                          </a>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-6">
+                          <Link
+                            href={`/FAQs`}
+                            className="link footer-menu_item"
+                          >
+                            FAQs
+                          </Link>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              {/* <div className="col-lg-4">
+                <div className="footer-newsletter">
+                  <h6 className="footer-heading">Subscribe Our Newseltter</h6>
+                  <div className="tf-collapse-content">
+                    <div className="wrap-newsletter">
+                      <p className="text-body-2 text_mono-gray-6 mb_29">
+                        Sign up to get first dibs on new arrivals, sales
+                        exclusive content, events and more!
+                      </p>
+                      <div
+                        className={`tfSubscribeMsg  footer-sub-element ${
+                          showMessage ? "active" : ""
+                        }`}
+                      >
+                        {success ? (
+                          <p style={{ color: "rgb(52, 168, 83)" }}>
+                            You have successfully subscribed.
+                          </p>
+                        ) : (
+                          <p style={{ color: "red" }}>Something went wrong</p>
+                        )}
+                      </div>
+                      <form
+                        onSubmit={(e) => {
+                          e.preventDefault();
+                          sendEmail(e);
+                        }}
+                        id="subscribe-form"
+                        className="form-newsletter style-1 subscribe-form mb_10"
+                      >
+                        <div
+                          id="subscribe-content"
+                          className="subscribe-content"
+                        >
+                          <fieldset className="email">
+                            <input
+                              id="subscribe-email"
+                              type="email"
+                              name="email"
+                              className="subscribe-email style-2"
+                              placeholder="Enter your e-mail"
+                              tabIndex={0}
+                              aria-required="true"
+                            />
+                          </fieldset>
+                          <div className="button-submit">
+                            <button
+                              id="subscribe-button"
+                              className="subscribe-button tf-btn rounded-12 btn-primary2"
+                              type="submit"
+                            >
+                              <span>Subscribe</span>
+                              <span className="bg-effect" />
+                            </button>
+                          </div>
+                          <div className="icon">
+                            <i className="icon-envelope-solid" />
+                          </div>
+                        </div>
+                        <div id="subscribe-msg" className="subscribe-msg" />
+                      </form>
+                      <p className="description text-body-2">
+                        By subscribing, you accepted the our{" "}
+                        <a href="#" className="link-black text_primary">
+                          Privacy Policy
+                        </a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div> */}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="footer-bottom">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="wrapper d-flex align-items-center flex-wrap gap_12">
+                <p className="text-body-2">
+                  © {new Date().getFullYear()} Copyright by{" "}
+                  <a href="#" className="link-black text_primary text-body-3">
+                    Themesflat
+                  </a>{" "}
+                  . All Right Reserved.
+                </p>
+                <ul className="right d-flex align-items-center">
+                  <li>
+                    <Link
+                      href={`/`}
+                      className="link text_mono-gray-5 text-body-1"
+                    >
+                      Home
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/about`}
+                      className="link text_mono-gray-5 text-body-1"
+                    >
+                      About
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/services`}
+                      className="link text_mono-gray-5 text-body-1"
+                    >
+                      Serivce
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/blog`}
+                      className="link text_mono-gray-5 text-body-1"
+                    >
+                      Blog
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/contact-us`}
+                      className="link text_mono-gray-5 text-body-1"
+                    >
+                      Contact
+                    </Link>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/components/footers/Footer2.jsx b/components/footers/Footer2.jsx
new file mode 100644
index 0000000..f44a67c
--- /dev/null
+++ b/components/footers/Footer2.jsx
@@ -0,0 +1,273 @@
+"use client";
+import React, { useEffect } from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { services } from "@/data/services";
+export default function Footer2() {
+  useEffect(() => {
+    const headings = document.querySelectorAll(".footer-heading-mobile");
+
+    const toggleOpen = (event) => {
+      const parent = event.target.closest(".footer-col-block");
+      const content = parent.querySelector(".tf-collapse-content");
+
+      if (parent.classList.contains("open")) {
+        parent.classList.remove("open");
+        content.style.height = "0px";
+      } else {
+        parent.classList.add("open");
+        content.style.height = content.scrollHeight + 10 + "px";
+      }
+    };
+
+    headings.forEach((heading) => {
+      heading.addEventListener("click", toggleOpen);
+    });
+
+    // Clean up event listeners when the component unmounts
+    return () => {
+      headings.forEach((heading) => {
+        heading.removeEventListener("click", toggleOpen);
+      });
+    };
+  }, []); // Empty dependency array means this will run only once on mount
+
+  return (
+    <footer id="footer" className="footer style-1">
+      <div className="footer-wrap">
+        <div className="tf-container">
+          <div className="footer-body">
+            <div className="row">
+              <div className="col-xl-6">
+                <div className="left">
+                  <div className="content flex-md-row">
+                    <div className="footer-col-block">
+                      <div className="text-body-1 footer-heading text_white footer-heading-mobile">
+                        Services
+                      </div>
+                      <div className="tf-collapse-content">
+                        <ul className="footer-menu-list">
+                          {services.map((service, index) => (
+                            <li
+                              key={index}
+                              className="text-body-3 text_mono-gray-8"
+                            >
+                              <Link
+                                href={`/service-details/${service.id}`}
+                                className="link footer-menu_item"
+                              >
+                                {service.title}
+                              </Link>
+                            </li>
+                          ))}
+                          <li className="text-body-3 text_mono-gray-8" />
+                        </ul>
+                      </div>
+                    </div>
+                    <div className="footer-col-block home">
+                      <div className="text-body-1 footer-heading text_white footer-heading-mobile">
+                        Home
+                      </div>
+                      <div className="tf-collapse-content">
+                        <ul className="footer-menu-list">
+                          <li className="text-body-3 text_mono-gray-8">
+                            <Link
+                              href={`/about`}
+                              className="link footer-menu_item"
+                            >
+                              Page
+                            </Link>
+                          </li>
+                          <li className="text-body-3 text_mono-gray-8">
+                            <Link
+                              href={`/blog`}
+                              className="link footer-menu_item"
+                            >
+                              Blog
+                            </Link>
+                          </li>
+                          <li className="text-body-3 text_mono-gray-8">
+                            <Link
+                              href={`/portfolio`}
+                              className="link footer-menu_item"
+                            >
+                              Project
+                            </Link>
+                          </li>
+                          <li className="text-body-3 text_mono-gray-8">
+                            <Link
+                              href={`/contact-us`}
+                              className="link footer-menu_item"
+                            >
+                              Contact
+                            </Link>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <div className="footer-col-block contact">
+                      <div className="text-body-1 footer-heading text_white footer-heading-mobile">
+                        Contact
+                      </div>
+                      <div className="tf-collapse-content">
+                        <ul className="footer-menu-list">
+                          <li className="text_mono-gray-6">
+                            <span className="text-body-3 text_mono-gray-8">
+                              Address
+                            </span>
+                            <p className="text-body-3 text_white">
+                              58 Howard, San Francisco CA 411
+                            </p>
+                          </li>
+                          <li className="text_mono-gray-6">
+                            <span className="text-body-3 text_mono-gray-8">
+                              Email
+                            </span>
+                            <a href="#" className="text-body-3 text_white link">
+                              themesflat@gmail.com
+                            </a>
+                          </li>
+                          <li className="text_mono-gray-6">
+                            <span className="text-body-3 text_mono-gray-8">
+                              Fax
+                            </span>
+                            <a href="#" className="text-body-3 text_white link">
+                              themesflat@gmail.com
+                            </a>
+                          </li>
+                          <li className="text_mono-gray-6">
+                            <span className="text-body-3 text_mono-gray-8">
+                              Work Hour
+                            </span>
+                            <p className="text-body-3 text_white">
+                              Mon - Sat: 9:00 - 18:00
+                            </p>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="footer-logo mb-0">
+                    <Image
+                      alt="logo"
+                      src="/images/logo/footer-logo-2.1.png"
+                      width={160}
+                      height={40}
+                    />
+                  </div>
+                </div>
+              </div>
+              <div className="col-xl-6">
+                <div className="right">
+                  <div className="content">
+                    <h5 className="text_mono-dark-9 mb_11">
+                      We’re here to help
+                    </h5>
+                    <p className="text_mono-gray-7 mb_25 text-body-3">
+                      Have questions or need guidance? Our team is always
+                      available to provide the support and expertise you need to
+                      move forward with confidence.
+                    </p>
+                    <form
+                      onSubmit={(e) => e.preventDefault()}
+                      className="form-help d-grid gap_24"
+                    >
+                      <fieldset>
+                        <input
+                          className="rounded-0"
+                          type="text"
+                          placeholder="Name"
+                          required
+                        />
+                      </fieldset>
+                      <fieldset>
+                        <input
+                          className="rounded-0"
+                          type="email"
+                          placeholder="Email address"
+                          required
+                        />
+                      </fieldset>
+                      <fieldset className="mb_8">
+                        <textarea
+                          className="message rounded-0"
+                          placeholder="Write something for us"
+                          defaultValue={""}
+                        />
+                      </fieldset>
+                      <button
+                        type="submit"
+                        className="tf-btn btn-dark height-2 rounded-0 w-full"
+                      >
+                        <span>Get started</span>
+                        <span className="bg-effect" />
+                      </button>
+                    </form>
+                  </div>
+                  <div className="image hide-sm">
+                    <Image
+                      className="lazyload"
+                      data-src="/images/section/banner-form-help.jpg"
+                      alt="banner"
+                      src="/images/section/banner-form-help.jpg"
+                      width={406}
+                      height={611}
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="footer-bottom">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="wrapper d-flex align-items-center flex-wrap gap_12">
+                <p className="text-body-3 text_mono-gray-5">
+                  © {new Date().getFullYear()}{" "}
+                  <a href="#" className="link text_mono-gray-5 text-body-3">
+                    Themesflat
+                  </a>{" "}
+                  . All Right Reserved.
+                </p>
+                <ul className="right d-flex align-items-center">
+                  <li>
+                    <Link
+                      href={`/pricing`}
+                      className="link text_mono-gray-5 text-body-3"
+                    >
+                      Privacy Policy
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/service-details/1`}
+                      className="link text_mono-gray-5 text-body-3"
+                    >
+                      Terms of Services
+                    </Link>
+                  </li>
+                  <li>
+                    <a href="#" className="link text_mono-gray-5 text-body-3">
+                      Virtual Reality
+                    </a>
+                  </li>
+                </ul>
+                <ul className="social d-flex gap_12 align-items-center">
+                  <li>
+                    <a href="#" className="icon-twitter text_white link" />
+                  </li>
+                  <li>
+                    <a href="#" className="icon-facebook-f text_white link" />
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/components/footers/Footer3.jsx b/components/footers/Footer3.jsx
new file mode 100644
index 0000000..f0c6862
--- /dev/null
+++ b/components/footers/Footer3.jsx
@@ -0,0 +1,315 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import Link from "next/link";
+import Image from "next/image";
+export default function Footer3() {
+  const [success, setSuccess] = useState(true);
+  const [showMessage, setShowMessage] = useState(false);
+  const handleShowMessage = () => {
+    setShowMessage(true);
+    setTimeout(() => {
+      setShowMessage(false);
+    }, 2000);
+  };
+  const sendEmail = async (e) => {
+    e.preventDefault(); // Prevent default form submission behavior
+    const email = e.target.email.value;
+
+    try {
+      const response = await axios.post(
+        "https://express-brevomail.vercel.app/api/contacts",
+        {
+          email,
+        }
+      );
+
+      if ([200, 201].includes(response.status)) {
+        e.target.reset(); // Reset the form
+        setSuccess(true); // Set success state
+        handleShowMessage();
+      } else {
+        setSuccess(false); // Handle unexpected responses
+        handleShowMessage();
+      }
+    } catch (error) {
+      console.error("Error:", error.response?.data || "An error occurred");
+      setSuccess(false); // Set error state
+      handleShowMessage();
+      e.target.reset(); // Reset the form
+    }
+  };
+  useEffect(() => {
+    const headings = document.querySelectorAll(".footer-heading-mobile");
+
+    const toggleOpen = (event) => {
+      const parent = event.target.closest(".footer-col-block");
+      const content = parent.querySelector(".tf-collapse-content");
+
+      if (parent.classList.contains("open")) {
+        parent.classList.remove("open");
+        content.style.height = "0px";
+      } else {
+        parent.classList.add("open");
+        content.style.height = content.scrollHeight + 10 + "px";
+      }
+    };
+
+    headings.forEach((heading) => {
+      heading.addEventListener("click", toggleOpen);
+    });
+
+    // Clean up event listeners when the component unmounts
+    return () => {
+      headings.forEach((heading) => {
+        heading.removeEventListener("click", toggleOpen);
+      });
+    };
+  }, []); // Empty dependency array means this will run only once on mount
+
+  return (
+    <footer id="footer" className="footer style-2">
+      <div className="footer-wrap">
+        <div className="tf-container">
+          <div className="footer-body">
+            <div className="row">
+              <div className="col-lg-4">
+                <div className="footer-about">
+                  <Link href={`/`} className="footer-logo">
+                    <Image
+                      alt="logo"
+                      src="/images/logo/footer-logo-3.png"
+                      width={390}
+                      height={80}
+                    />
+                  </Link>
+                  <div className="footer-info mb_51">
+                    <a href="#" className="link text-body-2 text_dark">
+                      themesflat@gmail.com
+                    </a>
+                    <div className="text-body-2 text_dark">
+                      152 Thatcher Road St, Mahattan, NY 10463,
+                      <br />
+                      United States
+                    </div>
+                    <div className="text-body-2 text_dark">(+068) 568 9696</div>
+                  </div>
+                  <div className="tf-social">
+                    <a href="#" className="icon-twitter-x" />
+                    <a href="#" className="icon-facebook-f" />
+                    <a href="#" className="icon-github" />
+                    <a href="#" className="icon-instagram" />
+                    <a href="#" className="icon-youtube" />
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-2 col-md-6">
+                <div className="footer-col-block">
+                  <h6 className="footer-heading footer-heading-mobile text_dark fw-6">
+                    Company
+                  </h6>
+                  <div className="tf-collapse-content">
+                    <ul className="footer-menu-list">
+                      <li className="text-body-2 text_mono-gray-5">
+                        <Link href={`/about`} className="link footer-menu_item">
+                          About Advitex
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-5">
+                        <Link
+                          href={`/contact-us`}
+                          className="link footer-menu_item"
+                        >
+                          Contact us
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-5">
+                        <Link
+                          href={`/portfolio`}
+                          className="link footer-menu_item"
+                        >
+                          Portfolio
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-5">
+                        <Link href={`/faqs`} className="link footer-menu_item">
+                          How We Work
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-5">
+                        <Link
+                          href={`/career`}
+                          className="link footer-menu_item"
+                        >
+                          Career
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-5">
+                        <Link href={`/team`} className="link footer-menu_item">
+                          Our Team
+                        </Link>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-2 col-md-6">
+                <div>
+                  <div className="footer-col-block">
+                    <h6 className="footer-heading footer-heading-mobile text_dark fw-6">
+                      Links
+                    </h6>
+                    <div className="tf-collapse-content">
+                      <ul className="footer-menu-list">
+                        <li className="text-body-2 text_mono-gray-5">
+                          <Link
+                            href={`/contact-us`}
+                            className="link footer-menu_item"
+                          >
+                            Help Center
+                          </Link>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-5">
+                          <Link
+                            href={`/pricing`}
+                            className="link footer-menu_item"
+                          >
+                            Privacy Policy
+                          </Link>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-5">
+                          <a href="#" className="link footer-menu_item">
+                            Term &amp; Conditon
+                          </a>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-5">
+                          <Link
+                            href={`/FAQs`}
+                            className="link footer-menu_item"
+                          >
+                            FAQs
+                          </Link>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-4">
+                <div className="footer-newsletter">
+                  <h6 className="footer-heading text_dark fw-6">
+                    Sign Up for Email
+                  </h6>
+                  <div className="tf-collapse-content">
+                    <div className="wrap-newsletter">
+                      <p className="text-body-2 text_mono-gray-5 mb_17">
+                        Sign up to get first dibs on new arrivals, sales
+                        <br />
+                        exclusive content, events and more!
+                      </p>
+                      <div
+                        className={`tfSubscribeMsg  footer-sub-element ${
+                          showMessage ? "active" : ""
+                        }`}
+                      >
+                        {success ? (
+                          <p style={{ color: "rgb(52, 168, 83)" }}>
+                            You have successfully subscribed.
+                          </p>
+                        ) : (
+                          <p style={{ color: "red" }}>Something went wrong</p>
+                        )}
+                      </div>
+                      <form
+                        onSubmit={(e) => {
+                          e.preventDefault();
+                          sendEmail(e);
+                        }}
+                        id="subscribe-form"
+                        className="form-newsletter style-1 subscribe-form mb_18"
+                      >
+                        <div
+                          id="subscribe-content"
+                          className="subscribe-content"
+                        >
+                          <fieldset className="email">
+                            <input
+                              id="subscribe-email"
+                              type="email"
+                              name="email"
+                              className="subscribe-email style-2"
+                              placeholder="Enter your e-mail"
+                              tabIndex={0}
+                              aria-required="true"
+                            />
+                          </fieldset>
+                          <div className="button-submit">
+                            <button
+                              id="subscribe-button"
+                              className="subscribe-button tf-btn btn-dark"
+                              type="submit"
+                            >
+                              <span>Subscribe</span>
+                              <span className="bg-effect" />
+                            </button>
+                          </div>
+                          <div className="icon">
+                            <i className="icon-envelope-solid" />
+                          </div>
+                        </div>
+                        <div id="subscribe-msg" className="subscribe-msg" />
+                      </form>
+                      <p className="description text-body-2 text_dark">
+                        By subscribing, you accepted the our{" "}
+                        <a href="#" className="link text_dark">
+                          Privacy Policy
+                        </a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="footer-bottom">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="wrapper d-flex align-items-center flex-wrap gap_12">
+                <p className="text-body-2">
+                  © {new Date().getFullYear()} Copyright by{" "}
+                  <a href="#" className="link-black text_primary text-body-3">
+                    Themesflat
+                  </a>{" "}
+                  . All Right Reserved.
+                </p>
+                <ul className="right d-flex align-items-center">
+                  <li>
+                    <Link
+                      href={`/pricing`}
+                      className="link text_mono-gray-5 text-body-1"
+                    >
+                      Privacy Policy
+                    </Link>
+                  </li>
+                  <li>
+                    <a href="#" className="link text_mono-gray-5 text-body-1">
+                      Terms of Services
+                    </a>
+                  </li>
+                  <li>
+                    <a href="#" className="link text_mono-gray-5 text-body-1">
+                      Virtual Reality
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/components/footers/Footer4.jsx b/components/footers/Footer4.jsx
new file mode 100644
index 0000000..bcbb624
--- /dev/null
+++ b/components/footers/Footer4.jsx
@@ -0,0 +1,338 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import Link from "next/link";
+import Image from "next/image";
+export default function Footer4() {
+  const [success, setSuccess] = useState(true);
+  const [showMessage, setShowMessage] = useState(false);
+  const handleShowMessage = () => {
+    setShowMessage(true);
+    setTimeout(() => {
+      setShowMessage(false);
+    }, 2000);
+  };
+  const sendEmail = async (e) => {
+    e.preventDefault(); // Prevent default form submission behavior
+    const email = e.target.email.value;
+
+    try {
+      const response = await axios.post(
+        "https://express-brevomail.vercel.app/api/contacts",
+        {
+          email,
+        }
+      );
+
+      if ([200, 201].includes(response.status)) {
+        e.target.reset(); // Reset the form
+        setSuccess(true); // Set success state
+        handleShowMessage();
+      } else {
+        setSuccess(false); // Handle unexpected responses
+        handleShowMessage();
+      }
+    } catch (error) {
+      console.error("Error:", error.response?.data || "An error occurred");
+      setSuccess(false); // Set error state
+      handleShowMessage();
+      e.target.reset(); // Reset the form
+    }
+  };
+  useEffect(() => {
+    const headings = document.querySelectorAll(".footer-heading-mobile");
+
+    const toggleOpen = (event) => {
+      const parent = event.target.closest(".footer-col-block");
+      const content = parent.querySelector(".tf-collapse-content");
+
+      if (parent.classList.contains("open")) {
+        parent.classList.remove("open");
+        content.style.height = "0px";
+      } else {
+        parent.classList.add("open");
+        content.style.height = content.scrollHeight + 10 + "px";
+      }
+    };
+
+    headings.forEach((heading) => {
+      heading.addEventListener("click", toggleOpen);
+    });
+
+    // Clean up event listeners when the component unmounts
+    return () => {
+      headings.forEach((heading) => {
+        heading.removeEventListener("click", toggleOpen);
+      });
+    };
+  }, []); // Empty dependency array means this will run only once on mount
+
+  return (
+    <footer id="footer" className="footer style-3">
+      <div className="footer-wrap">
+        <div className="tf-container">
+          <div className="footer-body">
+            <div className="row">
+              <div className="col-lg-4">
+                <div className="footer-about">
+                  <Link href={`/`} className="footer-logo">
+                    <Image
+                      alt="logo"
+                      src="/images/logo/footer-logo-2.png"
+                      width={390}
+                      height={80}
+                    />
+                  </Link>
+                  <div className="footer-info mb_51">
+                    <a href="#" className="link text-body-2 text_white">
+                      themesflat@gmail.com
+                    </a>
+                    <div className="text-body-2 text_white">
+                      152 Thatcher Road St, Mahattan, NY 10463,
+                      <br />
+                      United States
+                    </div>
+                    <div className="text-body-2 text_white">
+                      (+068) 568 9696
+                    </div>
+                  </div>
+                  <div className="tf-social">
+                    <a href="#" className="icon-twitter-x" />
+                    <a href="#" className="icon-facebook-f" />
+                    <a href="#" className="icon-github" />
+                    <a href="#" className="icon-instagram" />
+                    <a href="#" className="icon-youtube" />
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-2 col-md-6">
+                <div className="footer-col-block">
+                  <h6 className="footer-heading footer-heading-mobile text_white">
+                    Company
+                  </h6>
+                  <div className="tf-collapse-content">
+                    <ul className="footer-menu-list">
+                      <li className="text-body-2 text_mono-gray-4">
+                        <Link href={`/about`} className="link footer-menu_item">
+                          About Advitex
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-4">
+                        <Link
+                          href={`/contact-us`}
+                          className="link footer-menu_item"
+                        >
+                          Contact us
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-4">
+                        <Link
+                          href={`/portfolio`}
+                          className="link footer-menu_item"
+                        >
+                          Portfolio
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-4">
+                        <Link href={`/faqs`} className="link footer-menu_item">
+                          How We Work
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-4">
+                        <Link
+                          href={`/career`}
+                          className="link footer-menu_item"
+                        >
+                          Career
+                        </Link>
+                      </li>
+                      <li className="text-body-2 text_mono-gray-4">
+                        <Link href={`/team`} className="link footer-menu_item">
+                          Our Team
+                        </Link>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-2 col-md-6">
+                <div>
+                  <div className="footer-col-block">
+                    <h6 className="footer-heading footer-heading-mobile text_white">
+                      Links
+                    </h6>
+                    <div className="tf-collapse-content">
+                      <ul className="footer-menu-list">
+                        <li className="text-body-2 text_mono-gray-4">
+                          <Link
+                            href={`/contact-us`}
+                            className="link footer-menu_item"
+                          >
+                            Help Center
+                          </Link>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-4">
+                          <Link
+                            href={`/pricing`}
+                            className="link footer-menu_item"
+                          >
+                            Privacy Policy
+                          </Link>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-4">
+                          <a href="#" className="link footer-menu_item">
+                            Term &amp; Conditon
+                          </a>
+                        </li>
+                        <li className="text-body-2 text_mono-gray-4">
+                          <Link
+                            href={`/FAQs`}
+                            className="link footer-menu_item"
+                          >
+                            FAQs
+                          </Link>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="col-lg-4">
+                <div className="footer-newsletter">
+                  <h6 className="footer-heading text_white">
+                    Subscribe Our Newseltter
+                  </h6>
+                  <div className="tf-collapse-content">
+                    <div className="wrap-newsletter">
+                      <p className="text-body-2 text_mono-gray-4 mb_29">
+                        Sign up to get first dibs on new arrivals, sales
+                        exclusive content, events and more!
+                      </p>
+                      <div
+                        className={`tfSubscribeMsg  footer-sub-element ${
+                          showMessage ? "active" : ""
+                        }`}
+                      >
+                        {success ? (
+                          <p style={{ color: "rgb(52, 168, 83)" }}>
+                            You have successfully subscribed.
+                          </p>
+                        ) : (
+                          <p style={{ color: "red" }}>Something went wrong</p>
+                        )}
+                      </div>
+                      <form
+                        onSubmit={(e) => {
+                          e.preventDefault();
+                          sendEmail(e);
+                        }}
+                        id="subscribe-form"
+                        className="form-newsletter style-1 subscribe-form mb_10"
+                      >
+                        <div
+                          id="subscribe-content"
+                          className="subscribe-content"
+                        >
+                          <fieldset className="email">
+                            <input
+                              id="subscribe-email"
+                              type="email"
+                              name="email"
+                              className="subscribe-email style-2"
+                              placeholder="Enter your e-mail"
+                              tabIndex={0}
+                              aria-required="true"
+                            />
+                          </fieldset>
+                          <div className="button-submit">
+                            <button
+                              id="subscribe-button"
+                              className="subscribe-button tf-btn rounded-12"
+                              type="submit"
+                            >
+                              <span>Subscribe</span>
+                              <span className="bg-effect" />
+                            </button>
+                          </div>
+                          <div className="icon">
+                            <i className="icon-envelope-solid" />
+                          </div>
+                        </div>
+                        <div id="subscribe-msg" className="subscribe-msg" />
+                      </form>
+                      <p className="description text-body-2 text_white">
+                        By subscribing, you accepted the our{" "}
+                        <a href="#" className="link-white text_primary">
+                          Privacy Policy
+                        </a>
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="footer-bottom">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="wrapper d-flex align-items-center flex-wrap gap_12">
+                <p className="text-body-2 text_mono-gray-4">
+                  © {new Date().getFullYear()} Copyright by{" "}
+                  <a href="#" className="link text_white text-body-3">
+                    Themesflat
+                  </a>{" "}
+                  . All Right Reserved.
+                </p>
+                <ul className="right d-flex align-items-center">
+                  <li>
+                    <Link
+                      href={`/`}
+                      className="link-white text_mono-gray-5 text-body-1"
+                    >
+                      Home
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/about`}
+                      className="link-white text_mono-gray-5 text-body-1"
+                    >
+                      About
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/services`}
+                      className="link-white text_mono-gray-5 text-body-1"
+                    >
+                      Serivce
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/blog`}
+                      className="link-white text_mono-gray-5 text-body-1"
+                    >
+                      Blog
+                    </Link>
+                  </li>
+                  <li>
+                    <Link
+                      href={`/contact-us`}
+                      className="link-white text_mono-gray-5 text-body-1"
+                    >
+                      Contact
+                    </Link>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/components/footers/Footer5.jsx b/components/footers/Footer5.jsx
new file mode 100644
index 0000000..17b7ab0
--- /dev/null
+++ b/components/footers/Footer5.jsx
@@ -0,0 +1,253 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import Link from "next/link";
+import Image from "next/image";
+import { services } from "@/data/services";
+export default function Footer5() {
+  const [success, setSuccess] = useState(true);
+  const [showMessage, setShowMessage] = useState(false);
+  const handleShowMessage = () => {
+    setShowMessage(true);
+    setTimeout(() => {
+      setShowMessage(false);
+    }, 2000);
+  };
+  const sendEmail = async (e) => {
+    e.preventDefault(); // Prevent default form submission behavior
+    const email = e.target.email.value;
+
+    try {
+      const response = await axios.post(
+        "https://express-brevomail.vercel.app/api/contacts",
+        {
+          email,
+        }
+      );
+
+      if ([200, 201].includes(response.status)) {
+        e.target.reset(); // Reset the form
+        setSuccess(true); // Set success state
+        handleShowMessage();
+      } else {
+        setSuccess(false); // Handle unexpected responses
+        handleShowMessage();
+      }
+    } catch (error) {
+      console.error("Error:", error.response?.data || "An error occurred");
+      setSuccess(false); // Set error state
+      handleShowMessage();
+      e.target.reset(); // Reset the form
+    }
+  };
+  useEffect(() => {
+    const headings = document.querySelectorAll(".footer-heading-mobile");
+
+    const toggleOpen = (event) => {
+      const parent = event.target.closest(".footer-col-block");
+      const content = parent.querySelector(".tf-collapse-content");
+
+      if (parent.classList.contains("open")) {
+        parent.classList.remove("open");
+        content.style.height = "0px";
+      } else {
+        parent.classList.add("open");
+        content.style.height = content.scrollHeight + 10 + "px";
+      }
+    };
+
+    headings.forEach((heading) => {
+      heading.addEventListener("click", toggleOpen);
+    });
+
+    // Clean up event listeners when the component unmounts
+    return () => {
+      headings.forEach((heading) => {
+        heading.removeEventListener("click", toggleOpen);
+      });
+    };
+  }, []); // Empty dependency array means this will run only once on mount
+
+  return (
+    <footer id="footer" className="footer style-4">
+      <div className="footer-wrap">
+        <div className="tf-container">
+          <div className="row justify-content-center">
+            <div className="col-xl-10">
+              <div className="footer-top mt_30">
+                <div className="footer-newsletter">
+                  
+                </div>
+                <div className="wrap-social">
+                  <h6 className="footer-heading text_white text_white fw-5">
+                    Our Social
+                  </h6>
+                  <div className="tf-social">
+                    <a href="#" className="icon-twitter-x" />
+                    <a href="#" className="icon-instagram" />
+                    <a href="#" className="icon-youtube" />
+                  </div>
+                </div>
+              </div>
+              <div className="footer-body">
+                <div className="left flex-md-row">
+                  <div className="footer-col-block">
+                    <div className="text-body-1 footer-heading footer-heading-mobile text_white fw-5">
+                      Services
+                    </div>
+                    <div className="tf-collapse-content">
+                      <ul className="footer-menu-list">
+                        {services.map((service, index) => (
+                          <li
+                            key={index}
+                            className="text-body-3 text_mono-gray-8"
+                          >
+                            <Link
+                              href={`/service-details/${service.id}`}
+                              className="link footer-menu_item"
+                            >
+                              {service.title}
+                            </Link>
+                          </li>
+                        ))}
+                      </ul>
+                    </div>
+                  </div>
+                  <div className="footer-col-block">
+                    <div className="text-body-1 footer-heading footer-heading-mobile text_white fw-5">
+                      Home
+                    </div>
+                    <div className="tf-collapse-content">
+                      <ul className="footer-menu-list">
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/about`}
+                            className="link footer-menu_item"
+                          >
+                            Page
+                          </Link>
+                        </li>
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/contact-us`}
+                            className="link footer-menu_item"
+                          >
+                            Blog
+                          </Link>
+                        </li>
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/portfolio`}
+                            className="link footer-menu_item"
+                          >
+                            Project
+                          </Link>
+                        </li>
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/faqs`}
+                            className="link footer-menu_item"
+                          >
+                            Contact
+                          </Link>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                  <div className="footer-col-block">
+                    <div className="text-body-1 footer-heading footer-heading-mobile text_white fw-5">
+                      Resources
+                    </div>
+                    <div className="tf-collapse-content">
+                      <ul className="footer-menu-list">
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/about`}
+                            className="link footer-menu_item"
+                          >
+                            About Advitex
+                          </Link>
+                        </li>
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/blog`}
+                            className="link footer-menu_item"
+                          >
+                            Blog
+                          </Link>
+                        </li>
+                        <li className="text-body-3 text_mono-gray-8">
+                          <Link
+                            href={`/faqs`}
+                            className="link footer-menu_item"
+                          >
+                            FAQs
+                          </Link>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+                <div className="right">
+                  <div className="footer-about">
+                    <div className="footer-info mb_51">
+                      <a href="#" className="link text-body-2 text_white">
+                        themesflat@gmail.com
+                      </a>
+                      <div className="text-body-2 text_white">
+                        152 Thatcher Road St, Mahattan, NY 10463, <br />
+                        United States
+                      </div>
+                      <div className="text-body-2 text_white">
+                        (+068) 568 9696
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="footer-bottom">
+                <div className="wrapper d-flex align-items-end flex-wrap gap_12">
+                  <ul className="left d-flex align-items-center">
+                    <li>
+                      <Link
+                        href={`/pricing`}
+                        className="link text_mono-gray-5 text-body-3"
+                      >
+                        Privacy Policy
+                      </Link>
+                    </li>
+                    <li>
+                      <a href="#" className="link text_mono-gray-5 text-body-3">
+                        Terms of Services
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" className="link text_mono-gray-5 text-body-3">
+                        Virtual Reality
+                      </a>
+                    </li>
+                  </ul>
+                  <div className="footer-logo mb-0">
+                    <Image
+                      alt="logo"
+                      src="/images/logo/footer-logo-4.png"
+                      width={650}
+                      height={128}
+                    />
+                  </div>
+                </div>
+                <p className="text-body-3 text-center text_mono-gray-5">
+                  © {new Date().getFullYear()} Copyright by{" "}
+                  <a href="#" className="link text_mono-gray-5 text-body-3">
+                    Themesflat
+                  </a>{" "}
+                  . All Right Reserved.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/components/headers/Header1.jsx b/components/headers/Header1.jsx
new file mode 100644
index 0000000..71583fe
--- /dev/null
+++ b/components/headers/Header1.jsx
@@ -0,0 +1,89 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import Nav from "./Nav";
+import SearchPopup from "./SearchPopup";
+export default function Header1({ parentClass = "header style-default" }) {
+  return (
+    <header className={parentClass}>
+      <div className="header-inner">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="header-inner-wrap">
+                <div className="header-left d-flex align-items-center">
+                  <div className="header-logo">
+                    <Link href={`/`} className="site-logo">
+                      <svg
+                        width={149}
+                        height={46}
+                        viewBox="0 0 149 46"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <rect
+                          x="0.625"
+                          y="0.625"
+                          width="147.75"
+                          height="44.75"
+                          rx="22.375"
+                          fill="white"
+                        />
+                        <rect
+                          x="0.625"
+                          y="0.625"
+                          width="147.75"
+                          height="44.75"
+                          rx="22.375"
+                          stroke="white"
+                          strokeWidth="1.25"
+                        />
+                        <path
+                          d="M32.3775 20.311L39.7515 32.7325C39.8499 32.8983 40.0285 33 40.2214 33L47.6138 33C47.8054 33 47.983 32.8997 48.0819 32.7356L52 26.2351L44.3144 26.2245C44.123 26.2242 43.9458 26.1239 43.847 25.9599L36.2013 13.2645C36.1024 13.1004 35.9248 13 35.7332 13L28.3861 13C28.1948 13 28.0174 13.1 27.9184 13.2638L23.9821 19.776L20.1708 26.052C20.0657 26.2251 20.0649 26.4421 20.1688 26.6159L23.823 32.7338C23.9217 32.8989 24.0998 33 24.2922 33L30.9792 33C31.4043 33 31.6666 32.5358 31.4473 32.1716L23.9821 19.776L31.4378 19.776C31.8235 19.776 32.1806 19.9793 32.3775 20.311Z"
+                          fill="#0075FF"
+                        />
+                        <path
+                          d="M60.56 30L65.7 16H67.88L73 30H70.88L66.78 18.4L62.64 30H60.56ZM62.88 26.54L63.44 24.94H70.02L70.56 26.54H62.88ZM78.4873 30.24C77.5273 30.24 76.674 30.0133 75.9273 29.56C75.194 29.1067 74.6207 28.4867 74.2073 27.7C73.8073 26.9 73.6073 26 73.6073 25C73.6073 23.9867 73.8073 23.0867 74.2073 22.3C74.6207 21.5133 75.2007 20.9 75.9473 20.46C76.694 20.0067 77.5473 19.78 78.5073 19.78C79.294 19.78 79.9873 19.94 80.5873 20.26C81.2007 20.5667 81.674 21 82.0073 21.56V15.6H84.0073V30H82.2073L82.0073 28.44C81.794 28.7467 81.5273 29.04 81.2073 29.32C80.8873 29.5867 80.5007 29.8067 80.0473 29.98C79.594 30.1533 79.074 30.24 78.4873 30.24ZM78.8073 28.5C79.434 28.5 79.9873 28.3533 80.4673 28.06C80.9473 27.7667 81.3207 27.36 81.5873 26.84C81.854 26.3067 81.9873 25.6933 81.9873 25C81.9873 24.3067 81.854 23.7 81.5873 23.18C81.3207 22.66 80.9473 22.2533 80.4673 21.96C79.9873 21.6667 79.434 21.52 78.8073 21.52C78.194 21.52 77.6473 21.6667 77.1673 21.96C76.6873 22.2533 76.314 22.66 76.0473 23.18C75.7807 23.7 75.6473 24.3067 75.6473 25C75.6473 25.6933 75.7807 26.3067 76.0473 26.84C76.314 27.36 76.6873 27.7667 77.1673 28.06C77.6473 28.3533 78.194 28.5 78.8073 28.5ZM89.1417 30L85.3817 20.02H87.4817L90.3217 28.08L93.1817 20.02H95.2417L91.5017 30H89.1417ZM96.7648 30V20.02H98.7648V30H96.7648ZM97.7648 18.08C97.3915 18.08 97.0782 17.96 96.8248 17.72C96.5715 17.48 96.4448 17.1733 96.4448 16.8C96.4448 16.44 96.5715 16.1467 96.8248 15.92C97.0782 15.68 97.3915 15.56 97.7648 15.56C98.1382 15.56 98.4515 15.68 98.7048 15.92C98.9582 16.1467 99.0848 16.44 99.0848 16.8C99.0848 17.1733 98.9582 17.48 98.7048 17.72C98.4515 17.96 98.1382 18.08 97.7648 18.08ZM105.345 30C104.705 30 104.152 29.9 103.685 29.7C103.218 29.5 102.858 29.1667 102.605 28.7C102.352 28.2333 102.225 27.6 102.225 26.8V21.7H100.505V20.02H102.225L102.485 17.52H104.225V20.02H107.065V21.7H104.225V26.82C104.225 27.3933 104.345 27.7867 104.585 28C104.825 28.2 105.238 28.3 105.825 28.3H106.965V30H105.345ZM113.159 30.24C112.185 30.24 111.325 30.0267 110.579 29.6C109.832 29.16 109.245 28.5533 108.819 27.78C108.405 26.9933 108.199 26.08 108.199 25.04C108.199 23.9867 108.405 23.0667 108.819 22.28C109.232 21.4933 109.812 20.88 110.559 20.44C111.319 20 112.192 19.78 113.179 19.78C114.165 19.78 115.012 20 115.719 20.44C116.439 20.8667 116.985 21.44 117.359 22.16C117.745 22.88 117.939 23.6733 117.939 24.54C117.939 24.6733 117.939 24.82 117.939 24.98C117.939 25.1267 117.932 25.2933 117.919 25.48H109.659V24.06H115.959C115.919 23.2467 115.639 22.6067 115.119 22.14C114.599 21.6733 113.945 21.44 113.159 21.44C112.625 21.44 112.125 21.56 111.659 21.8C111.205 22.04 110.839 22.3933 110.559 22.86C110.292 23.3267 110.159 23.9133 110.159 24.62V25.2C110.159 25.9333 110.292 26.5533 110.559 27.06C110.839 27.5533 111.205 27.9333 111.659 28.2C112.112 28.4533 112.605 28.58 113.139 28.58C113.779 28.58 114.305 28.44 114.719 28.16C115.145 27.8667 115.459 27.48 115.659 27H117.659C117.485 27.6133 117.192 28.1667 116.779 28.66C116.365 29.14 115.852 29.5267 115.239 29.82C114.639 30.1 113.945 30.24 113.159 30.24ZM118.234 30L121.734 25L118.234 20.02H120.394L123.054 23.92L125.734 20.02H127.894L124.394 25L127.894 30H125.734L123.054 26.1L120.394 30H118.234Z"
+                          fill="black"
+                        />
+                      </svg>
+                    </Link>
+                  </div>
+                  <nav className="main-menu style-default">
+                    <ul className="navigation">
+                      <Nav />
+                    </ul>
+                  </nav>
+                </div>
+                <div className="header-right d-flex align-items-center">
+                  <SearchPopup />
+                  <Link href={`/pricing`} className="tf-btn btn-white hide-sm">
+                    <span>Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <Link href={`/contact-us`} className="tf-btn hide-sm">
+                    <span>Contact Us</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <div
+                    className="mobile-button"
+                    data-bs-toggle="offcanvas"
+                    data-bs-target="#menu-mobile"
+                    aria-controls="menu-mobile"
+                  >
+                    <div className="burger">
+                      <span />
+                      <span />
+                      <span />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/components/headers/Header2.jsx b/components/headers/Header2.jsx
new file mode 100644
index 0000000..14f348a
--- /dev/null
+++ b/components/headers/Header2.jsx
@@ -0,0 +1,154 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+export default function Header2() {
+  const handleScroll = (sectionId) => {
+    const element = document.getElementById(sectionId);
+    if (element) {
+      element.scrollIntoView({
+        behavior: 'smooth',
+        block: 'start',
+      });
+    }
+  };
+
+  return (
+    <header id="header-main" className="header style-1">
+      <div className="header-inner">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="header-inner-wrap">
+                <div className="header-left d-flex align-items-center">
+                  <div className="header-logo">
+                    <Link href={`/#`} className="site-logo">
+                      <Image
+                        src="/images/logo/footer-logo1.png" // Replace with your logo path
+                        alt="Logo"
+                        width={140}
+                        height={40}
+                      />
+                    </Link>
+                  </div>
+                  <nav className="main-menu style-1">
+                    <ul className="navigation">
+                      <li>
+                        <button 
+                          onClick={() => handleScroll('home')}
+                          style={{
+                            background: 'none',
+                            border: 'none',
+                            color: 'inherit',
+                            font: 'inherit',
+                            cursor: 'pointer',
+                            padding: 0
+                          }}
+                        >
+                          Home
+                        </button>
+                      </li>
+                      <li>
+                        <button 
+                          onClick={() => handleScroll('services')}
+                          style={{
+                            background: 'none',
+                            border: 'none',
+                            color: 'inherit',
+                            font: 'inherit',
+                            cursor: 'pointer',
+                            padding: 0
+                          }}
+                        >
+                          Services
+                        </button>
+                      </li>
+                      <li>
+                        <button 
+                          onClick={() => handleScroll('focus-areas')}
+                          style={{
+                            background: 'none',
+                            border: 'none',
+                            color: 'inherit',
+                            font: 'inherit',
+                            cursor: 'pointer',
+                            padding: 0
+                          }}
+                        >
+                          Focus Areas
+                        </button>
+                      </li>
+                      <li>
+                        <button 
+                          onClick={() => handleScroll('team')}
+                          style={{
+                            background: 'none',
+                            border: 'none',
+                            color: 'inherit',
+                            font: 'inherit',
+                            cursor: 'pointer',
+                            padding: 0
+                          }}
+                        >
+                          Team
+                        </button>
+                      </li>
+                      <li>
+                        <button 
+                          onClick={() => handleScroll('about')}
+                          style={{
+                            background: 'none',
+                            border: 'none',
+                            color: 'inherit',
+                            font: 'inherit',
+                            cursor: 'pointer',
+                            padding: 0
+                          }}
+                        >
+                          About Us
+                        </button>
+                      </li>
+                    </ul>
+                  </nav>
+                </div>
+                <div className="header-right d-flex align-items-center">
+                  <div className="support text-body-2 d-flex gap_12 align-items-center text_mono-dark-9">
+                    <i className="icon-customer-support" />
+                    24/7 Support: (234) 109-6666
+                  </div>
+                  <button
+                    onClick={() => handleScroll('focus-areas')}
+                    className="tf-btn btn-border hide-sm h36 rounded-0"
+                  >
+                    <span className="text-caption-3">Get Started</span>
+                    <span className="bg-effect" />
+                  </button>
+                  <button
+                    onClick={() => handleScroll('contact')}
+                    className="tf-btn hide-sm btn-dark h36 rounded-0"
+                  >
+                    <span className="text-caption-3">Contact Us</span>
+                    <span className="bg-effect" />
+                  </button>
+                  <div
+                    className="mobile-button"
+                    data-bs-toggle="offcanvas"
+                    data-bs-target="#menu-mobile"
+                    aria-controls="menu-mobile"
+                  >
+                    <div className="burger">
+                      <span />
+                      <span />
+                      <span />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
\ No newline at end of file
diff --git a/components/headers/Header3.jsx b/components/headers/Header3.jsx
new file mode 100644
index 0000000..767db74
--- /dev/null
+++ b/components/headers/Header3.jsx
@@ -0,0 +1,68 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import Nav from "./Nav";
+export default function Header3() {
+  return (
+    <header id="header-main" className="header style-2">
+      <div className="header-inner">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="header-inner-wrap">
+                <div className="header-left d-flex align-items-center">
+                  <div className="header-logo">
+                    <Link href={`/finance-advisor`} className="site-logo">
+                      <svg
+                        width={111}
+                        height={32}
+                        viewBox="0 0 111 32"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M14.5746 12.5626L23.516 27.7831C23.5949 27.9174 23.7393 27.9995 23.895 27.9988L32.9117 27.9571C33.0646 27.9564 33.206 27.8759 33.2846 27.7448L38 19.8822L28.7552 19.8692C28.6014 19.869 28.459 19.788 28.3803 19.6558L19.177 4.21336C19.0982 4.08105 18.9555 4 18.8015 4L9.84039 4C9.68662 4 9.54416 4.08079 9.46523 4.21275L4.72869 12.1311L0.134205 19.7767C0.0515211 19.9143 0.0508955 20.0861 0.132576 20.2243L4.60178 27.7853C4.68044 27.9184 4.82352 28 4.97811 28L13.4166 28C13.7559 28 13.9658 27.6304 13.7922 27.339L4.72869 12.1311L13.8208 12.1311C14.1308 12.1311 14.4176 12.2953 14.5746 12.5626Z"
+                          fill="white"
+                        />
+                        <path
+                          d="M47.8108 22L52.4956 8.56H54.7996L59.4076 22H57.6988L53.6668 9.9616H53.6092L49.5004 22H47.8108ZM50.0764 17.9872L50.5372 16.6816H56.6236L57.0844 17.9872H50.0764ZM64.5202 22.2304C63.5858 22.2304 62.7794 22.0128 62.101 21.5776C61.4226 21.1296 60.8978 20.528 60.5266 19.7728C60.1554 19.0176 59.9698 18.1728 59.9698 17.2384C59.9698 16.2912 60.1554 15.44 60.5266 14.6848C60.8978 13.9296 61.4354 13.3344 62.1394 12.8992C62.8434 12.464 63.6882 12.2464 64.6738 12.2464C65.5314 12.2464 66.2482 12.4256 66.8242 12.784C67.413 13.1424 67.861 13.5648 68.1682 14.0512V8.464H69.781V22H68.4178L68.2642 20.2336H68.2066C67.9506 20.656 67.637 21.0144 67.2658 21.3088C66.8946 21.6032 66.4786 21.8336 66.0178 22C65.557 22.1536 65.0578 22.2304 64.5202 22.2304ZM64.8466 20.8288C65.5122 20.8288 66.0882 20.6816 66.5746 20.3872C67.0738 20.08 67.4578 19.6576 67.7266 19.12C67.9954 18.5824 68.1298 17.9552 68.1298 17.2384C68.1298 16.5216 67.9954 15.8944 67.7266 15.3568C67.4578 14.8192 67.0738 14.4032 66.5746 14.1088C66.0882 13.8016 65.5122 13.648 64.8466 13.648C64.1938 13.648 63.6242 13.8016 63.1378 14.1088C62.6514 14.4032 62.2738 14.8192 62.005 15.3568C61.7362 15.8944 61.6018 16.5216 61.6018 17.2384C61.6018 17.9552 61.7362 18.5824 62.005 19.12C62.2738 19.6576 62.6514 20.08 63.1378 20.3872C63.6242 20.6816 64.1938 20.8288 64.8466 20.8288ZM74.4039 22L70.9479 12.4768H72.6375L75.4023 20.6368H75.4599L78.2247 12.4768H79.8759L76.4199 22H74.4039ZM81.265 22V12.4768H82.8778V22H81.265ZM82.0714 10.5184C81.7514 10.5184 81.4826 10.416 81.265 10.2112C81.0602 9.9936 80.9578 9.7184 80.9578 9.3856C80.9578 9.0784 81.0602 8.8224 81.265 8.6176C81.4826 8.4 81.7514 8.2912 82.0714 8.2912C82.3786 8.2912 82.641 8.4 82.8586 8.6176C83.0762 8.8224 83.185 9.0848 83.185 9.4048C83.185 9.712 83.0762 9.9744 82.8586 10.192C82.641 10.4096 82.3786 10.5184 82.0714 10.5184ZM88.7532 22C88.1772 22 87.678 21.9104 87.2556 21.7312C86.8332 21.552 86.5068 21.2512 86.2764 20.8288C86.0588 20.3936 85.95 19.8112 85.95 19.0816V13.6864H84.2988V12.4768H85.95L86.142 10.192H87.5628V12.4768H90.366V13.6864H87.5628V19.0816C87.5628 19.7344 87.6844 20.1696 87.9276 20.3872C88.1708 20.6048 88.5996 20.7136 89.214 20.7136H90.2124V22H88.7532ZM95.6296 22.2304C94.7208 22.2304 93.9144 22.0256 93.2104 21.616C92.5064 21.1936 91.9496 20.6112 91.54 19.8688C91.1432 19.1136 90.9448 18.2368 90.9448 17.2384C90.9448 16.2272 91.1432 15.3504 91.54 14.608C91.9368 13.8656 92.4872 13.2896 93.1912 12.88C93.908 12.4576 94.7336 12.2464 95.668 12.2464C96.6024 12.2464 97.4024 12.4576 98.068 12.88C98.7336 13.2896 99.2456 13.8336 99.604 14.512C99.9624 15.1776 100.142 15.9072 100.142 16.7008C100.142 16.8288 100.142 16.9696 100.142 17.1232C100.142 17.264 100.135 17.424 100.122 17.6032H92.1544V16.3552H98.548C98.5096 15.4592 98.2152 14.7616 97.6648 14.2624C97.1272 13.7632 96.4488 13.5136 95.6296 13.5136C95.0792 13.5136 94.5672 13.6352 94.0936 13.8784C93.62 14.1216 93.236 14.4864 92.9416 14.9728C92.66 15.4592 92.5192 16.0672 92.5192 16.7968V17.3344C92.5192 18.128 92.6664 18.7872 92.9608 19.312C93.2552 19.8368 93.6392 20.2336 94.1128 20.5024C94.5992 20.7584 95.1048 20.8864 95.6296 20.8864C96.2952 20.8864 96.852 20.7328 97.3 20.4256C97.748 20.1184 98.0744 19.696 98.2792 19.1584H99.8728C99.7064 19.7472 99.4312 20.272 99.0472 20.7328C98.6632 21.1936 98.1832 21.5584 97.6072 21.8272C97.044 22.096 96.3848 22.2304 95.6296 22.2304ZM100.685 22L103.987 17.2384L100.685 12.4768H102.432L105.063 16.4704H105.12L107.789 12.4768H109.517L106.215 17.2384L109.517 22H107.789L105.12 17.9872H105.063L102.432 22H100.685Z"
+                          fill="white"
+                        />
+                      </svg>
+                    </Link>
+                  </div>
+                  <nav className="main-menu style-2">
+                    <ul className="navigation">
+                      <Nav />
+                    </ul>
+                  </nav>
+                </div>
+                <div className="header-right d-flex align-items-center">
+                  <Link
+                    href={`/contact-us`}
+                    className="tf-btn hide-sm btn-white2 h36"
+                  >
+                    <span className="text-caption-3">Contact Us</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <div
+                    className="mobile-button"
+                    data-bs-toggle="offcanvas"
+                    data-bs-target="#menu-mobile"
+                    aria-controls="menu-mobile"
+                  >
+                    <div className="burger">
+                      <span />
+                      <span />
+                      <span />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/components/headers/Header4.jsx b/components/headers/Header4.jsx
new file mode 100644
index 0000000..ff74fc7
--- /dev/null
+++ b/components/headers/Header4.jsx
@@ -0,0 +1,79 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import Nav from "./Nav";
+export default function Header4() {
+  return (
+    <header id="header-main" className="header style-3">
+      <div className="header-inner">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="header-inner-wrap">
+                <div className="header-left d-flex align-items-center">
+                  <div className="header-logo">
+                    <Link href={`/insurance-consulting`} className="site-logo">
+                      <svg
+                        width="139.5"
+                        height={40}
+                        viewBox="0 0 140 40"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M18.2183 15.7033L29.395 34.7289C29.4936 34.8967 29.6741 34.9994 29.8687 34.9985L41.1397 34.9463C41.3308 34.9455 41.5075 34.8448 41.6058 34.6809L47.5 24.8527L35.944 24.8365C35.7518 24.8362 35.5738 24.7349 35.4754 24.5698L23.9713 5.2667C23.8727 5.10131 23.6944 5 23.5019 5L12.3005 5C12.1083 5 11.9302 5.10099 11.8315 5.26594L5.91087 15.1639L0.167756 24.7208C0.0644005 24.8928 0.0636223 25.1076 0.165723 25.2804L5.75222 34.7316C5.85055 34.8979 6.02941 35 6.22264 35L16.7708 35C17.1948 35 17.4573 34.538 17.2402 34.1738L5.91087 15.1639L17.276 15.1639C17.6635 15.1639 18.022 15.3691 18.2183 15.7033Z"
+                          fill="#28285B"
+                        />
+                        <path
+                          d="M58.22 28.5L64.412 11.7H66.548L72.716 28.5H70.58L65.468 14.22L60.332 28.5H58.22ZM61.052 24.18L61.628 22.548H69.236L69.812 24.18H61.052ZM79.5973 28.788C78.4133 28.788 77.3733 28.516 76.4773 27.972C75.5973 27.428 74.9093 26.684 74.4133 25.74C73.9333 24.796 73.6933 23.724 73.6933 22.524C73.6933 21.324 73.9333 20.26 74.4133 19.332C74.9093 18.388 75.6053 17.652 76.5013 17.124C77.3973 16.58 78.4373 16.308 79.6213 16.308C80.5973 16.308 81.4613 16.508 82.2133 16.908C82.9813 17.308 83.5653 17.868 83.9653 18.588V11.22H85.9813V28.5H84.1573L83.9653 26.532C83.7093 26.916 83.3813 27.284 82.9813 27.636C82.5813 27.972 82.1013 28.252 81.5413 28.476C80.9813 28.684 80.3333 28.788 79.5973 28.788ZM79.8133 27.036C80.6133 27.036 81.3173 26.852 81.9253 26.484C82.5493 26.1 83.0293 25.572 83.3653 24.9C83.7173 24.228 83.8933 23.444 83.8933 22.548C83.8933 21.652 83.7173 20.868 83.3653 20.196C83.0293 19.524 82.5493 19.004 81.9253 18.636C81.3173 18.252 80.6133 18.06 79.8133 18.06C79.0293 18.06 78.3253 18.252 77.7013 18.636C77.0933 19.004 76.6133 19.524 76.2613 20.196C75.9253 20.868 75.7573 21.652 75.7573 22.548C75.7573 23.444 75.9253 24.228 76.2613 24.9C76.6133 25.572 77.0933 26.1 77.7013 26.484C78.3253 26.852 79.0293 27.036 79.8133 27.036ZM92.483 28.5L87.971 16.596H90.083L93.659 26.556L97.259 16.596H99.323L94.811 28.5H92.483ZM101.543 28.5V16.596H103.559V28.5H101.543ZM102.551 13.956C102.151 13.956 101.815 13.828 101.543 13.572C101.287 13.3 101.159 12.964 101.159 12.564C101.159 12.164 101.287 11.844 101.543 11.604C101.815 11.348 102.151 11.22 102.551 11.22C102.935 11.22 103.263 11.348 103.535 11.604C103.807 11.844 103.943 12.164 103.943 12.564C103.943 12.964 103.807 13.3 103.535 13.572C103.263 13.828 102.935 13.956 102.551 13.956ZM111.533 28.5C110.813 28.5 110.189 28.388 109.661 28.164C109.133 27.94 108.725 27.564 108.437 27.036C108.165 26.492 108.029 25.764 108.029 24.852V18.3H105.965V16.596H108.029L108.293 13.74H110.045V16.596H113.549V18.3H110.045V24.852C110.045 25.604 110.197 26.116 110.501 26.388C110.805 26.644 111.341 26.772 112.109 26.772H113.357V28.5H111.533ZM120.894 28.788C119.758 28.788 118.75 28.532 117.87 28.02C116.99 27.492 116.294 26.764 115.782 25.836C115.286 24.892 115.038 23.796 115.038 22.548C115.038 21.284 115.286 20.188 115.782 19.26C116.278 18.332 116.966 17.612 117.846 17.1C118.742 16.572 119.774 16.308 120.942 16.308C122.11 16.308 123.11 16.572 123.942 17.1C124.774 17.612 125.414 18.292 125.862 19.14C126.31 19.972 126.534 20.884 126.534 21.876C126.534 22.036 126.534 22.212 126.534 22.404C126.534 22.58 126.526 22.78 126.51 23.004H116.55V21.444H124.542C124.494 20.372 124.126 19.532 123.438 18.924C122.766 18.316 121.918 18.012 120.894 18.012C120.206 18.012 119.566 18.164 118.974 18.468C118.382 18.772 117.902 19.22 117.534 19.812C117.182 20.388 117.006 21.116 117.006 21.996V22.668C117.006 23.644 117.19 24.46 117.558 25.116C117.926 25.772 118.406 26.268 118.998 26.604C119.59 26.924 120.222 27.084 120.894 27.084C121.726 27.084 122.422 26.892 122.982 26.508C123.542 26.124 123.95 25.604 124.206 24.948H126.198C125.99 25.684 125.646 26.34 125.166 26.916C124.686 27.492 124.086 27.948 123.366 28.284C122.662 28.62 121.838 28.788 120.894 28.788ZM127.203 28.5L131.331 22.548L127.203 16.596H129.387L132.723 21.516L136.083 16.596H138.243L134.115 22.548L138.243 28.5H136.083L132.723 23.58L129.387 28.5H127.203Z"
+                          fill="#121416"
+                        />
+                      </svg>
+                    </Link>
+                  </div>
+                  <nav className="main-menu style-3">
+                    <ul className="navigation">
+                      <Nav />
+                    </ul>
+                  </nav>
+                </div>
+                <div className="header-right d-flex align-items-center">
+                  <div className="support text-body-2 d-flex gap_12 align-items-center text_mono-dark-9">
+                    <i className="icon-customer-support" />
+                    24/7 Support: (234) 109-6666
+                  </div>
+                  <Link
+                    href={`/about`}
+                    className="tf-btn btn-border border-1 hide-sm h36 rounded-12"
+                  >
+                    <span className="text-caption">Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <Link
+                    href={`/contact-us`}
+                    className="tf-btn hide-sm rounded-12 h36"
+                  >
+                    <span className="text-caption">Contact Us</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <div
+                    className="mobile-button"
+                    data-bs-toggle="offcanvas"
+                    data-bs-target="#menu-mobile"
+                    aria-controls="menu-mobile"
+                  >
+                    <div className="burger">
+                      <span />
+                      <span />
+                      <span />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/components/headers/Header5.jsx b/components/headers/Header5.jsx
new file mode 100644
index 0000000..597b298
--- /dev/null
+++ b/components/headers/Header5.jsx
@@ -0,0 +1,86 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import Nav from "./Nav";
+export default function Header5() {
+  return (
+    <header className="header style-4">
+      <div className="header-inner">
+        <div className="tf-container-2">
+          <div className="row">
+            <div className="col-12">
+              <div className="header-inner-wrap">
+                <div className="header-logo">
+                  <Link href={`/marketing-consulting`} className="site-logo">
+                    <svg
+                      width={140}
+                      height={40}
+                      viewBox="0 0 140 40"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M18.2183 15.7033L29.395 34.7289C29.4936 34.8967 29.6741 34.9994 29.8687 34.9985L41.1397 34.9463C41.3308 34.9455 41.5075 34.8448 41.6058 34.6809L47.5 24.8527L35.944 24.8365C35.7518 24.8362 35.5738 24.7349 35.4754 24.5698L23.9713 5.2667C23.8727 5.10131 23.6944 5 23.5019 5L12.3005 5C12.1083 5 11.9302 5.10099 11.8315 5.26594L5.91087 15.1639L0.167756 24.7208C0.0644005 24.8928 0.0636223 25.1076 0.165723 25.2804L5.75222 34.7316C5.85055 34.8979 6.02941 35 6.22264 35L16.7708 35C17.1948 35 17.4573 34.538 17.2402 34.1738L5.91087 15.1639L17.276 15.1639C17.6635 15.1639 18.022 15.3691 18.2183 15.7033Z"
+                        fill="url(#paint0_linear_4689_6079)"
+                      />
+                      <path
+                        d="M58.22 28.5L64.412 11.7H66.548L72.716 28.5H70.58L65.468 14.22L60.332 28.5H58.22ZM61.052 24.18L61.628 22.548H69.236L69.812 24.18H61.052ZM79.5733 28.788C78.4053 28.788 77.3733 28.516 76.4773 27.972C75.5973 27.412 74.9173 26.652 74.4373 25.692C73.9573 24.732 73.7173 23.644 73.7173 22.428C73.7173 21.212 73.9573 20.132 74.4373 19.188C74.9173 18.228 75.5973 17.476 76.4773 16.932C77.3733 16.388 78.4133 16.116 79.5973 16.116C80.5733 16.116 81.4293 16.316 82.1653 16.716C82.9173 17.116 83.5013 17.676 83.9173 18.396V11.22H85.9333V28.5H84.1093L83.9173 26.508C83.6613 26.908 83.3333 27.284 82.9333 27.636C82.5333 27.972 82.0533 28.252 81.4933 28.476C80.9493 28.684 80.3093 28.788 79.5733 28.788ZM79.7893 27.036C80.5893 27.036 81.2933 26.844 81.9013 26.46C82.5093 26.076 82.9813 25.548 83.3173 24.876C83.6693 24.188 83.8453 23.38 83.8453 22.452C83.8453 21.54 83.6693 20.74 83.3173 20.052C82.9813 19.364 82.5093 18.828 81.9013 18.444C81.2933 18.06 80.5893 17.868 79.7893 17.868C79.0213 17.868 78.3253 18.06 77.7013 18.444C77.0933 18.828 76.6213 19.364 76.2853 20.052C75.9493 20.74 75.7813 21.54 75.7813 22.452C75.7813 23.38 75.9493 24.188 76.2853 24.876C76.6213 25.548 77.0933 26.076 77.7013 26.46C78.3253 26.844 79.0213 27.036 79.7893 27.036ZM92.5081 28.5L87.9241 16.404H90.0361L93.6841 26.556L97.3561 16.404H99.4201L94.8361 28.5H92.5081ZM101.636 28.5V16.404H103.652V28.5H101.636ZM102.644 13.836C102.244 13.836 101.908 13.708 101.636 13.452C101.38 13.18 101.252 12.844 101.252 12.444C101.252 12.044 101.38 11.724 101.636 11.484C101.908 11.228 102.244 11.1 102.644 11.1C103.028 11.1 103.356 11.228 103.628 11.484C103.9 11.724 104.036 12.044 104.036 12.444C104.036 12.844 103.9 13.18 103.628 13.452C103.356 13.708 103.028 13.836 102.644 13.836ZM111.722 28.5C111.002 28.5 110.378 28.388 109.85 28.164C109.322 27.94 108.914 27.564 108.626 27.036C108.354 26.492 108.218 25.764 108.218 24.852V18.108H106.106V16.404H108.218L108.482 13.476H110.234V16.404H113.738V18.108H110.234V24.852C110.234 25.604 110.386 26.116 110.69 26.388C110.994 26.644 111.53 26.772 112.298 26.772H113.594V28.5H111.722ZM121.104 28.788C119.984 28.788 118.984 28.524 118.104 27.996C117.224 27.468 116.536 26.732 116.04 25.788C115.544 24.828 115.296 23.716 115.296 22.452C115.296 21.172 115.536 20.06 116.016 19.116C116.512 18.172 117.2 17.436 118.08 16.908C118.976 16.38 120 16.116 121.152 16.116C122.336 16.116 123.344 16.38 124.176 16.908C125.008 17.436 125.64 18.132 126.072 18.996C126.52 19.844 126.744 20.78 126.744 21.804C126.744 21.964 126.744 22.132 126.744 22.308C126.744 22.484 126.736 22.684 126.72 22.908H116.808V21.348H124.752C124.704 20.244 124.336 19.38 123.648 18.756C122.976 18.132 122.128 17.82 121.104 17.82C120.432 17.82 119.8 17.98 119.208 18.3C118.616 18.604 118.144 19.06 117.792 19.668C117.44 20.26 117.264 21.004 117.264 21.9V22.572C117.264 23.564 117.44 24.396 117.792 25.068C118.16 25.74 118.632 26.244 119.208 26.58C119.8 26.916 120.432 27.084 121.104 27.084C121.952 27.084 122.648 26.9 123.192 26.532C123.752 26.148 124.16 25.628 124.416 24.972H126.408C126.2 25.708 125.856 26.364 125.376 26.94C124.896 27.5 124.296 27.948 123.576 28.284C122.872 28.62 122.048 28.788 121.104 28.788ZM127.438 28.5L131.542 22.452L127.438 16.404H129.646L132.91 21.348L136.222 16.404H138.382L134.278 22.452L138.382 28.5H136.222L132.91 23.532L129.646 28.5H127.438Z"
+                        fill="#121416"
+                      />
+                      <defs>
+                        <linearGradient
+                          id="paint0_linear_4689_6079"
+                          x1="-7.99999"
+                          y1={20}
+                          x2="38.4226"
+                          y2="21.8957"
+                          gradientUnits="userSpaceOnUse"
+                        >
+                          <stop stopColor="#FF3A2D" />
+                          <stop offset={1} stopColor="#FFA13F" />
+                        </linearGradient>
+                      </defs>
+                    </svg>
+                  </Link>
+                </div>
+                <nav className="main-menu">
+                  <ul className="navigation">
+                    <Nav />
+                  </ul>
+                </nav>
+                <div className="header-right d-flex align-items-center">
+                  <Link
+                    href={`/pricing`}
+                    className="tf-btn btn-border hide-sm h36"
+                  >
+                    <span className="text-body-4">Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <Link
+                    href={`/contact-us`}
+                    className="tf-btn btn-dark hide-sm h36"
+                  >
+                    <span className="text-body-4">Contact Us</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <div
+                    className="mobile-button"
+                    data-bs-toggle="offcanvas"
+                    data-bs-target="#menu-mobile"
+                    aria-controls="menu-mobile"
+                  >
+                    <div className="burger">
+                      <span />
+                      <span />
+                      <span />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/components/headers/Nav.jsx b/components/headers/Nav.jsx
new file mode 100644
index 0000000..a30c26e
--- /dev/null
+++ b/components/headers/Nav.jsx
@@ -0,0 +1,140 @@
+"use client";
+import {
+  blogPages,
+  homepages,
+  otherPages,
+  servicePages,
+  shopPages,
+} from "@/data/menu";
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import React from "react";
+
+export default function Nav() {
+  const pathname = usePathname();
+  const isActive = (link) => link.split("/")[1] == pathname.split("/")[1];
+  const isActiveParent = (links) => links.some((link) => isActive(link.href));
+  return (
+    <>
+      {" "}
+      <li
+        className={`has-child ${
+          isActiveParent(homepages) ? "current-menu" : ""
+        } `}
+      >
+        <a href="#">Home</a>
+        <div className="submenu mega-menu">
+          <div className="wrap-demo-item tf-grid-layout-lg lg-col-3">
+            {homepages.map((item, index) => (
+              <div
+                key={index}
+                className={`demo-item ${
+                  isActive(item.href) ? "current-menu-item" : ""
+                }`}
+              >
+                <Link href={item.href}>
+                  <div className="demo-image">
+                    <Image
+                      className="lazyload"
+                      data-src={item.src}
+                      src={item.src}
+                      alt={item.alt}
+                      width={480}
+                      height={228}
+                    />
+                  </div>
+                  <h6 className="demo-name fw-4">{item.title}</h6>
+                </Link>
+              </div>
+            ))}
+            <div className="comming-soon">
+              <Link href={`/coming-soon`} className="wrap">
+                <h5 className="demo-name">Coming Soon</h5>
+              </Link>
+            </div>
+          </div>
+        </div>
+      </li>
+      <li
+        className={`has-child position-relative ${
+          isActiveParent(otherPages) ? "current-menu" : ""
+        } `}
+      >
+        <a href="#">Pages</a>
+        <ul className="submenu">
+          {otherPages.map((item) => (
+            <li
+              key={item.href}
+              className={`menu-item  ${
+                isActive(item.href) ? "current-menu-item" : ""
+              }`}
+            >
+              <Link href={item.href}>{item.label}</Link>
+            </li>
+          ))}
+        </ul>
+      </li>
+      <li
+        className={`has-child position-relative ${
+          isActiveParent(servicePages) ? "current-menu" : ""
+        } `}
+      >
+        <a href="#">Serivce</a>
+        <ul className="submenu">
+          {servicePages.map((item) => (
+            <li
+              key={item.href}
+              className={`menu-item  ${
+                isActive(item.href) ? "current-menu-item" : ""
+              }`}
+            >
+              <Link href={item.href}>{item.label}</Link>
+            </li>
+          ))}
+        </ul>
+      </li>
+      <li
+        className={`has-child position-relative ${
+          isActiveParent(blogPages) ? "current-menu" : ""
+        } `}
+      >
+        <a href="#">Blog</a>
+        <ul className="submenu">
+          {blogPages.map((item) => (
+            <li
+              key={item.href}
+              className={`menu-item  ${
+                isActive(item.href) ? "current-menu-item" : ""
+              }`}
+            >
+              <Link href={item.href}>{item.label}</Link>
+            </li>
+          ))}
+        </ul>
+      </li>
+      <li className={` ${isActive("/contact-us") ? "current-menu" : ""} `}>
+        <Link href={`/contact-us`}>Contact</Link>
+      </li>
+      <li
+        className={`has-child position-relative ${
+          isActiveParent(shopPages) ? "current-menu" : ""
+        } `}
+      >
+        <a href="#">Shop</a>
+        <ul className="submenu">
+          {shopPages.map((item) => (
+            <li
+              key={item.href}
+              className={`menu-item  ${
+                isActive(item.href) ? "current-menu-item" : ""
+              }`}
+            >
+              <Link href={item.href}>{item.label}</Link>
+            </li>
+          ))}
+        </ul>
+      </li>
+    </>
+  );
+}
diff --git a/components/headers/SearchPopup.jsx b/components/headers/SearchPopup.jsx
new file mode 100644
index 0000000..cd0d81f
--- /dev/null
+++ b/components/headers/SearchPopup.jsx
@@ -0,0 +1,79 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+
+export default function SearchPopup() {
+  const [isActive, setisActive] = useState(false);
+  const popupRef = useRef(null);
+
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (popupRef.current && !popupRef.current.contains(event.target)) {
+        // Clicked outside the popup
+        setisActive(false);
+        // Perform close action here
+      }
+    }
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  return (
+    <div className="popup-show-form" ref={popupRef}>
+      <a
+        href="#"
+        onClick={(e) => {
+          e.preventDefault();
+          setisActive((pre) => !pre);
+        }}
+        className="tf-btn btn-white btn-find btn-show"
+      >
+        <i className="icon-search-solid" />
+        <span className="bg-effect" />
+      </a>
+      <div
+        className={`popup-show popup-form-search ${isActive ? "show" : ""} `}
+      >
+        <div className="close-form">
+          <i className="icon-times-solid" />
+        </div>
+        <form
+          className="form-search style-line-bot style-1"
+          onSubmit={(e) => e.preventDefault()}
+        >
+          <fieldset className="text">
+            <input
+              type="text"
+              placeholder="Search..."
+              className=""
+              name="text"
+              tabIndex={0}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+          <button className="" type="submit">
+            <i className="icon icon-search-solid" />
+          </button>
+        </form>
+        <ul className="wrap-tag d-flex align-items-center flex-wrap gap_16">
+          <li className="tag-item d-flex align-items-center gap_12">
+            <span className="sub-heading text_black">Blog</span>
+            <span className="remove-item">
+              <i className="icon-times-solid" />
+            </span>
+          </li>
+          <li className="tag-item d-flex align-items-center gap_12">
+            <span className="sub-heading text_black">Single Post</span>
+            <span className="remove-item">
+              <i className="icon-times-solid" />
+            </span>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Blogs.jsx b/components/homes/finance-advisor/Blogs.jsx
new file mode 100644
index 0000000..bdf4387
--- /dev/null
+++ b/components/homes/finance-advisor/Blogs.jsx
@@ -0,0 +1,96 @@
+"use client";
+import Link from "next/link";
+import Image from "next/image";
+import { blogArticles4, posts } from "@/data/blogs";
+export default function Blogs() {
+  return (
+    <div className="section-blog style-2 tf-spacing-23">
+      <div className="tf-container-2">
+        <div className="heading-section mb_59">
+          <div className="heading-tag style-2 v2 text_mono-gray-5 text-body-3 mb_12">
+            BLOGS
+          </div>
+          <h2 className="heading-title text_white fw-6 split-text effect-right">
+            Helpful insights and tips for your <br />
+            financial success journey
+          </h2>
+        </div>
+        <div className="wrapper">
+          {blogArticles4.map((article) => (
+            <div
+              key={article.id}
+              className="blog-article-item style-2 hover-image wow animate__fadeInLeft animate__animated"
+              data-wow-delay={article.delay}
+            >
+              <Link
+                href={`/single-post/${article.id}`}
+                className="article-thumb"
+              >
+                <Image
+                  className="lazyload"
+                  data-src={article.imageSrc}
+                  alt={article.alt}
+                  src={article.imageSrc}
+                  width={621}
+                  height={621}
+                />
+              </Link>
+              <div className="article-content">
+                <p className="text-body-2 text_mono-gray-3">{article.date}</p>
+                <h6 className="title fw-5 letter-spacing-2">
+                  <Link
+                    href={`/single-post/${article.id}`}
+                    className="text_white"
+                  >
+                    {article.title}
+                  </Link>
+                </h6>
+              </div>
+            </div>
+          ))}
+          <div className="right">
+            {posts.map((post) => (
+              <div
+                key={post.id}
+                className="relatest-post-item style-1 hover-image-2 wow animate__fadeInRight animate__animated"
+                data-wow-delay={post.delay}
+              >
+                <Link
+                  href={`/single-post/${post.id}`}
+                  className="image-rotate image mt-0"
+                >
+                  <Image
+                    alt={post.alt}
+                    src={post.imageSrc}
+                    width={120}
+                    height={120}
+                  />
+                </Link>
+                <div className="content">
+                  <p className="text-body-2 text_primary-fa-yellow mb_3">
+                    {post.date}
+                  </p>
+                  <div className="sub-heading fw-5 mb_12 text_primary-fa-yellow">
+                    <Link
+                      href={`/single-post/${post.id}`}
+                      className="link line-clamp-3"
+                    >
+                      {post.title}
+                    </Link>
+                  </div>
+                </div>
+              </div>
+            ))}
+            <Link
+              href={`/blog`}
+              className="link btn_link text-body-1 text_white text-decoration-underline wow animate__fadeInUp animate__animated"
+              data-wow-delay="0s"
+            >
+              View all stories
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/CaseStudies.jsx b/components/homes/finance-advisor/CaseStudies.jsx
new file mode 100644
index 0000000..5831911
--- /dev/null
+++ b/components/homes/finance-advisor/CaseStudies.jsx
@@ -0,0 +1,82 @@
+"use client";
+import { caseStudies3 } from "@/data/caseStudies";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Navigation } from "swiper/modules";
+export default function CaseStudies() {
+  return (
+    <div className="section-case-studies sw-layout-1 tf-spacing-28">
+      <div className="tf-container-2">
+        <div className="row">
+          <div className="col-12">
+            <div className="heading-section d-flex justify-content-between mb_59">
+              <h2 className="fw-6 split-text effect-right">
+                Explore how we’ve helped people
+              </h2>
+              <div className="wrap-sw-button d-flex gap_16">
+                <div className="sw-button style-default has-bg nav-prev-layout-1 snbp1">
+                  <i className="icon-caret-left" />
+                </div>
+                <div className="sw-button style-default has-bg nav-next-layout-1 snbn1">
+                  <i className="icon-caret-right" />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="tf-container-2 slider-layout-right wow animate__fadeInLeft animate__animated"
+        data-wow-delay="0s"
+      >
+        <Swiper
+          className="swiper"
+          spaceBetween={15}
+          breakpoints={{
+            0: { slidesPerView: 1.3 },
+            575: {
+              slidesPerView: 1.3,
+            },
+            768: {
+              slidesPerView: 2.5,
+              spaceBetween: 20,
+            },
+            992: {
+              slidesPerView: 4.73,
+              spaceBetween: 48,
+            },
+          }}
+          modules={[Navigation]}
+          navigation={{
+            prevEl: ".snbp1",
+            nextEl: ".snbn1",
+          }}
+        >
+          {caseStudies3.map((study) => (
+            <SwiperSlide className="swiper-slide" key={study.id}>
+              <div className="case-studies-item style-3 hover-image">
+                <div className="img-style">
+                  <Image
+                    className="lazyload"
+                    data-src={study.imageSrc}
+                    alt={study.title}
+                    src={study.imageSrc}
+                    width={study.width}
+                    height={study.height}
+                  />
+                </div>
+                <h6 className="title text_white">
+                  <Link href={`/single-project/${study.id}`} className="link">
+                    {study.title}
+                  </Link>
+                </h6>
+              </div>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Choices.jsx b/components/homes/finance-advisor/Choices.jsx
new file mode 100644
index 0000000..a8ed818
--- /dev/null
+++ b/components/homes/finance-advisor/Choices.jsx
@@ -0,0 +1,164 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Choices() {
+  return (
+    <div className="section-choices">
+      <div className="tf-container-2">
+        <div className="heading-secetion text-center mb_61">
+          <h1 className="heading-title text_dark fw-6 split-text effect-right">
+            We fuel your financial confidence
+          </h1>
+        </div>
+        <div className="tf-grid-layout lg-col-3">
+          <div
+            className="choice-item left wow animate__fadeInLeft animate__animated"
+            data-wow-delay="0s"
+          >
+            <div className="heading">
+              <h5 className="text_dark fw-6 mb_16">
+                Frequently asked Questions
+              </h5>
+              <p className="text-body-1 text_dark">
+                Our FAQ section provides straightforward, clear answers to help
+                you better under stand our services
+              </p>
+            </div>
+            <Link href={`/faqs`} className="link text_dark text-body-1">
+              View all question
+            </Link>
+            <div
+              className="item scroll-tranform"
+              data-direction="left"
+              data-distance="20%"
+            >
+              <Image
+                alt="item"
+                src="/images/item/item-choice-1.png"
+                width={235}
+                height={235}
+              />
+            </div>
+          </div>
+          <div
+            className="choice-item center wow animate__fadeInLeft animate__animated"
+            data-wow-delay="0.2s"
+          >
+            <div className="heading">
+              <h5 className="text_dark text_white fw-6 mb_16">
+                Package your Development Plan
+              </h5>
+              <p className="text-body-1 text_dark text_white mb_32">
+                Our development plan packages are designed to provide
+                comprehensive, personalized strategies
+              </p>
+              <ul className="list d-grid gap_8">
+                <li className="text-body-2 text_white fw-6 d-flex align-items-center gap_16">
+                  <i className="icon-check-cycle-line-2" />
+                  Cancel anytime
+                </li>
+                <li className="text-body-2 text_white fw-6 d-flex align-items-center gap_16">
+                  <i className="icon-check-cycle-line-2" />
+                  Save cost for your development
+                </li>
+                <li className="text-body-2 text_white fw-6 d-flex align-items-center gap_16">
+                  <i className="icon-check-cycle-line-2" />
+                  Comprehensive package
+                </li>
+              </ul>
+            </div>
+            <Link href={`/faqs`} className="link-black text_white text-body-1">
+              View all question
+            </Link>
+          </div>
+          <div
+            className="choice-item right wow animate__fadeInLeft animate__animated"
+            data-wow-delay="0.3s"
+          >
+            <div className="heading">
+              <h5 className="text_dark fw-6 mb_16">
+                Begin your Journey with Advitex!
+              </h5>
+              <p className="text-body-1 text_dark">
+                We are always looking for talented, driven professionals who
+                share our commitment to excellence
+              </p>
+            </div>
+            <Link href={`/faqs`} className="link text_dark text-body-1">
+              View all question
+            </Link>
+            <div
+              className="item scroll-tranform"
+              data-direction="right"
+              data-distance="20%"
+            >
+              <Image
+                alt="item"
+                src="/images/item/item-choice-2.png"
+                width={235}
+                height={235}
+              />
+            </div>
+          </div>
+        </div>
+        <div className="cta">
+          <div className="left">
+            <div className="heading mb_30">
+              <h5 className="text_dark fw-6 mb_16 title split-text effect-right">
+                What you get from us!
+              </h5>
+              <p
+                className="text-body-1 text_dark split-text wow animate__fadeInUp animate__animated"
+                data-wow-delay="0s"
+              >
+                Our FAQ section provides straightforward, clear
+                <br />
+                answers to help you better
+              </p>
+            </div>
+            <Link
+              href={`/pricing`}
+              className="tf-btn btn-dark height-2 wow animate__fadeInUp animate__animated"
+              data-wow-delay="0s"
+            >
+              <span className="fw-5">Get Started</span>
+              <span className="bg-effect" />
+            </Link>
+          </div>
+          <div className="right">
+            <ul className="list d-grid gap_8">
+              <li
+                className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0s"
+              >
+                <i className="icon-check-cycle-line-2" />
+                Tailored financial solutions for every client
+              </li>
+              <li
+                className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0.1s"
+              >
+                <i className="icon-check-cycle-line-2" />
+                Proactive and Agile Market responses
+              </li>
+              <li
+                className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0.2s"
+              >
+                <i className="icon-check-cycle-line-2" />
+                Transparent, Client-Friendly fee structures
+              </li>
+              <li
+                className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0.3s"
+              >
+                <i className="icon-check-cycle-line-2" />
+                Advanced technology for Real-Time financial management
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Contact.jsx b/components/homes/finance-advisor/Contact.jsx
new file mode 100644
index 0000000..545466c
--- /dev/null
+++ b/components/homes/finance-advisor/Contact.jsx
@@ -0,0 +1,83 @@
+"use client";
+import React from "react";
+
+export default function Contact() {
+  return (
+    <div className="section-contact style-1 tf-spacing-20 pt-0">
+      <div className="tf-container-2">
+        <div className="heading-section text-center mb_63">
+          <div className="heading-tag style-2 text_mono-gray-5 text-body-3 mx-auto text-uppercase mb_12">
+            Works with us
+          </div>
+          <h1 className="heading-title fw-6 split-text effect-right">
+            Let’s work together!
+          </h1>
+          <p
+            className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            Partner with us to unlock tailored solutions, backed by expertise
+            and a <br />
+            commitment to your success.
+          </p>
+        </div>
+        <div className="box-inner">
+          <form className="form-contact" onSubmit={(e) => e.preventDefault()}>
+            <div className="wrap">
+              <fieldset className="mb_20">
+                <label className="mb_15" htmlFor="name">
+                  Full Name*
+                </label>
+                <input type="text" placeholder="Full Name" id="name" required />
+              </fieldset>
+              <div className="grid-2 gap_24 mb_20">
+                <fieldset>
+                  <label className="mb_15" htmlFor="email">
+                    Email Address*
+                  </label>
+                  <input
+                    type="email"
+                    placeholder="Your email address*"
+                    id="email"
+                    required
+                  />
+                </fieldset>
+                <fieldset>
+                  <label className="mb_15" htmlFor="phone">
+                    Phone Number
+                    <span className="text_mono-gray-5">(Optional)</span>
+                  </label>
+                  <input
+                    type="text"
+                    placeholder="Your phone number"
+                    id="phone"
+                    required
+                  />
+                </fieldset>
+              </div>
+              <fieldset className="mb_24">
+                <label className="mb_15" htmlFor="message">
+                  Message
+                </label>
+                <textarea
+                  className="message"
+                  placeholder="Write your message here..."
+                  id="message"
+                  defaultValue={""}
+                />
+              </fieldset>
+              <a href="#" className="link attachment">
+                <i className="icon-paperclip-solid" />
+                Add an attachment
+              </a>
+            </div>
+            <button type="submit" className="tf-btn btn-primary2 height-2">
+              <span>Send Message</span>
+              <span className="bg-effect" />
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Faq.jsx b/components/homes/finance-advisor/Faq.jsx
new file mode 100644
index 0000000..bbb4712
--- /dev/null
+++ b/components/homes/finance-advisor/Faq.jsx
@@ -0,0 +1,201 @@
+import React from "react";
+import Link from "next/link";
+export default function Faq() {
+  return (
+    <div className="section-faqs style-2 tf-spacing-20">
+      <div className="tf-container">
+        <div className="heading-section text-center mb_64">
+          <div className="heading-tag style-2 text_mono-gray-5 text-body-3 mx-auto mb_12">
+            FAQs
+          </div>
+          <h1 className="heading-title fw-6 split-text effect-right">
+            Have questions? Explore our FAQs
+          </h1>
+          <p
+            className="text-body-1 text_mono-gray-7 mt_21 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            Providing expert financial consulting services to help you grow,
+            optimize, and <br />
+            thrive in today's competitive landscape
+          </p>
+        </div>
+        <ul
+          className="accordion-wrap style-faqs d-grid gap_24"
+          id="accordion-faq-2"
+        >
+          <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+            <a
+              href="#accordion-2-1"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-2-1"
+            >
+              <div className="heading">
+                <div className="text_mono-dark-9 text-body-1 title fw-5">
+                  Do you provide personalized financial plans?
+                </div>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-2-1"
+              className="collapse"
+              data-bs-parent="#accordion-faq-2"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2">
+                  Advitex offers a range of financial consulting services,
+                  including personal financial planning, corporate strategy,
+                  investment advisory, and risk compliance. We tailor our
+                  solutions to help individuals, businesses, and investors
+                  achieve their financial goals efficiently.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click active style-1 scrolling-effect effectRight">
+            <a
+              href="#accordion-2-2"
+              className="action accordion-title current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-2-2"
+            >
+              <div className="heading">
+                <div className="text_mono-dark-9 text-body-1 title fw-5">
+                  How can financial consulting benefit my business?
+                </div>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-2-2"
+              className="collapse show"
+              data-bs-parent="#accordion-faq-2"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2">
+                  Advitex offers a range of financial consulting services,
+                  including personal financial planning, corporate strategy,
+                  investment advisory, and risk compliance. We tailor our
+                  solutions to help individuals, businesses, and investors
+                  achieve their financial goals efficiently.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+            <a
+              href="#accordion-2-3"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-2-3"
+            >
+              <div className="heading">
+                <div className="text_mono-dark-9 text-body-1 title fw-5">
+                  What services does Advitex offer?
+                </div>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-2-3"
+              className="collapse"
+              data-bs-parent="#accordion-faq-2"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2">
+                  Advitex offers a range of financial consulting services,
+                  including personal financial planning, corporate strategy,
+                  investment advisory, and risk compliance. We tailor our
+                  solutions to help individuals, businesses, and investors
+                  achieve their financial goals efficiently.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+            <a
+              href="#accordion-2-4"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-2-4"
+            >
+              <div className="heading">
+                <div className="text_mono-dark-9 text-body-1 title fw-5">
+                  What industries do you specialize in?
+                </div>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-2-4"
+              className="collapse"
+              data-bs-parent="#accordion-faq-2"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2">
+                  Advitex offers a range of financial consulting services,
+                  including personal financial planning, corporate strategy,
+                  investment advisory, and risk compliance. We tailor our
+                  solutions to help individuals, businesses, and investors
+                  achieve their financial goals efficiently.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+            <a
+              href="#accordion-2-5"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-2-5"
+            >
+              <div className="heading">
+                <div className="text_mono-dark-9 text-body-1 title fw-5">
+                  How long does the consultation process take?
+                </div>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-2-5"
+              className="collapse"
+              data-bs-parent="#accordion-faq-2"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2">
+                  Advitex offers a range of financial consulting services,
+                  including personal financial planning, corporate strategy,
+                  investment advisory, and risk compliance. We tailor our
+                  solutions to help individuals, businesses, and investors
+                  achieve their financial goals efficiently.
+                </p>
+              </div>
+            </div>
+          </li>
+        </ul>
+        <div className="bot text-center">
+          <div className="text-body-1 text_mono-gray-7">
+            If you can't find your answer, please{" "}
+            <Link
+              href={`/contact-us`}
+              className="link text_black fw-5 text-decoration-underline"
+            >
+              Contact Us
+            </Link>
+          </div>
+          <Link href={`/faqs`} className="tf-btn btn-primary2 height-2 mx-auto">
+            <span>All questions</span>
+            <span className="bg-effect" />
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Features.jsx b/components/homes/finance-advisor/Features.jsx
new file mode 100644
index 0000000..9507c79
--- /dev/null
+++ b/components/homes/finance-advisor/Features.jsx
@@ -0,0 +1,95 @@
+import React from "react";
+import Image from "next/image";
+export default function Features() {
+  return (
+    <div className="tf-container-2 tf-spacing-24">
+      <div className="heading-secetion text-center mb_60">
+        <h1 className="heading-title text_dark fw-6 split-text effect-right">
+          The core values define our commitment
+        </h1>
+      </div>
+      <div className="tf-grid-layout md-col-2">
+        <div className="tf-box-icon style-4 effect-icon">
+          <div className="heading d-flex justify-content-between gap_12">
+            <h5 className="text_dark fw-6">
+              Commitment to intergrity <br />
+              and ethical practices
+            </h5>
+            <div className="icon">
+              <Image
+                alt="icon"
+                src="/images/box-icon/line-chart.svg"
+                width={48}
+                height={48}
+              />
+            </div>
+          </div>
+          <p className="text-body-1 text_dark">
+            The company always puts the client's interests first, ensuring
+            transparency and honesty in all financial recommendations
+          </p>
+        </div>
+        <div className="tf-box-icon style-4 effect-icon">
+          <div className="heading d-flex justify-content-between gap_12">
+            <h5 className="text_dark fw-6">
+              Transparency in every <br />
+              communication
+            </h5>
+            <div className="icon">
+              <Image
+                alt="icon"
+                src="/images/box-icon/handshake.svg"
+                width={48}
+                height={48}
+              />
+            </div>
+          </div>
+          <p className="text-body-1 text_dark">
+            We ensure that every financial recommendation is clearly explained,
+            empowering clients to make informed choices
+          </p>
+        </div>
+        <div className="tf-box-icon style-4 effect-icon">
+          <div className="heading d-flex justify-content-between gap_12">
+            <h5 className="text_dark fw-6">
+              Client-centered approach <br />
+              focused on your needs
+            </h5>
+            <div className="icon">
+              <Image
+                alt="icon"
+                src="/images/box-icon/line-radar.svg"
+                width={39}
+                height={39}
+              />
+            </div>
+          </div>
+          <p className="text-body-1 text_dark">
+            We prioritize building long-term relationships by understanding each
+            client’s unique financial goals
+          </p>
+        </div>
+        <div className="tf-box-icon style-4 effect-icon">
+          <div className="heading d-flex justify-content-between gap_12">
+            <h5 className="text_dark fw-6">
+              Dedicated to Long-term <br />
+              financial success
+            </h5>
+            <div className="icon">
+              <Image
+                alt="icon"
+                src="/images/box-icon/line-board.svg"
+                width={48}
+                height={48}
+              />
+            </div>
+          </div>
+          <p className="text-body-1 text_dark">
+            We develop comprehensive financial plans that are built for
+            sustainability, guiding clients toward lasting financial security
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Hero.jsx b/components/homes/finance-advisor/Hero.jsx
new file mode 100644
index 0000000..bb61af4
--- /dev/null
+++ b/components/homes/finance-advisor/Hero.jsx
@@ -0,0 +1,433 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Hero() {
+  return (
+    <div className="page-title style-3">
+      <div className="tf-container">
+        <div className="row justify-content-center">
+          <div className="col-xl-7">
+            <div className="heading-title">
+              <div className="text-display-2 fw-6 text_white mb_29 split-text effect-rotate">
+                Secure your financial future with expert guidance
+              </div>
+              <p className="sub-heading text_white mb_41 split-text split-lines-transform">
+                Providing expert financial consulting services to help you grow,{" "}
+                <br />
+                optimize, and thrive in today's competitive landscape
+              </p>
+              <Link
+                href={`/pricing`}
+                className="tf-btn btn-white2 btn-px-28 height-2"
+              >
+                <span className="fw-5">Get Started</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+          <div className="col-xl-5 col-md-8">
+            <div className="position-relative right">
+              <Image
+                alt="shape"
+                className="shape"
+                src="/images/item/shape.png"
+                width={693}
+                height={620}
+              />
+              <Image
+                alt="person"
+                className="position-absolute person"
+                src="/images/page-title/person.png"
+                width={435}
+                height={563}
+              />
+              <Image
+                alt="item"
+                className="position-absolute item left-right"
+                src="/images/item/item-1.png"
+                width={146}
+                height={147}
+              />
+              <Image
+                alt="item-finance"
+                className="position-absolute item-finance up-down"
+                src="/images/item/item-finance.png"
+                width={260}
+                height={203}
+              />
+              <Image
+                alt="item-accounting"
+                className="position-absolute item-accounting up-down"
+                src="/images/item/item-accounting.png"
+                width={236}
+                height={158}
+              />
+              <Image
+                alt="item-expert"
+                className="position-absolute item-expert up-down-2"
+                src="/images/item/item-expert.png"
+                width={260}
+                height={174}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
+        <div className="infiniteslide tf-marquee infiniteSlide">
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-1-1.png"
+                width={162}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-2-1.png"
+                width={168}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-3-1.png"
+                width={213}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-4-1.png"
+                width={187}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-5-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-6-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-7-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-8-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-9-1.png"
+                width={136}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-1-1.png"
+                width={162}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-2-1.png"
+                width={168}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-3-1.png"
+                width={213}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-4-1.png"
+                width={187}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-5-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-6-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-7-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-8-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-9-1.png"
+                width={136}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-1-1.png"
+                width={162}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-2-1.png"
+                width={168}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-3-1.png"
+                width={213}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-4-1.png"
+                width={187}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-5-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-6-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-7-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-8-1.png"
+                width={169}
+                height={56}
+              />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="partner style-2">
+              <Image
+                alt="brands"
+                src="/images/brands/brand-9-1.png"
+                width={136}
+                height={56}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Services.jsx b/components/homes/finance-advisor/Services.jsx
new file mode 100644
index 0000000..fb7962b
--- /dev/null
+++ b/components/homes/finance-advisor/Services.jsx
@@ -0,0 +1,557 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { counterItems } from "@/data/facts";
+import OdometerComponent from "@/components/common/OdometerComponent";
+export default function Services() {
+  return (
+    <div className="section-service style-4 tf-spacing-23">
+      <div className="tf-container-2">
+        <div className="heading-section text-center mb_65">
+          <div className="heading-tag style-2 text_mono-gray-5 text-body-3 mb_12 mx-auto">
+            SERVICES
+          </div>
+          <h1 className="heading-title text_dark fw-6 split-text effect-right">
+            We committed to your financial growth
+          </h1>
+          <p className="text-body-1 text_mono-gray-7 mt_28 split-text split-lines-transform">
+            Providing expert financial consulting services to help you grow,
+            optimize, and <br />
+            thrive in today's competitive landscape
+          </p>
+        </div>
+        <div className="wrap">
+          <ul
+            className="nav nav-tabs-wrap overflow-x-auto style-1 mb_50"
+            id="myTab"
+            role="tablist"
+          >
+            <li className="nav-item" role="presentation">
+              <button
+                className="nav-link active sub-heading text_dark"
+                id="wealth-management"
+                data-bs-toggle="tab"
+                data-bs-target="#wealth-management-pane"
+                type="button"
+                role="tab"
+                aria-controls="wealth-management-pane"
+                aria-selected="true"
+              >
+                <span className="icon">
+                  <svg
+                    width={32}
+                    height={32}
+                    viewBox="0 0 32 32"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M6.36251 6.36417L6.03149 5.98893C3.54774 8.35662 2 11.6975 2 15.3999C2 19.7741 4.16034 23.6437 7.47226 25.9999C9.59649 27.5112 12.1945 28.3999 15 28.3999C16.2306 28.3999 17.4212 28.2289 18.5495 27.9094C19.0808 27.759 19.3451 27.18 19.154 26.6619L15.1844 15.8999H15.0026L6.36251 6.36417ZM6.36251 6.36417C3.98179 8.64058 2.5 11.8469 2.5 15.3999C2.5 19.6054 4.57637 23.326 7.76211 25.5925C9.80448 27.0455 12.3017 27.8999 15 27.8999C16.1841 27.8999 17.3289 27.7354 18.4132 27.4283C18.6393 27.3643 18.7843 27.1046 18.6849 26.8349L14.5632 15.6606L6.36251 6.36417ZM15.2257 14.8999L7.11217 5.70235C9.26378 3.95003 12.0087 2.8999 15 2.8999C21.5798 2.8999 26.9726 7.98407 27.4636 14.4378C27.4815 14.6736 27.2866 14.8999 27 14.8999H15.2257Z"
+                      stroke="#3F3D2E"
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M19.0343 17.7002H29.5996C29.8867 17.7002 30.0811 17.9263 30.0632 18.1616C29.7115 22.7887 26.8395 26.7135 22.8148 28.5638C22.6012 28.662 22.3221 28.5586 22.2226 28.2889L18.5652 18.3732C18.4448 18.0468 18.6864 17.7002 19.0343 17.7002Z"
+                      stroke="#3F3D2E"
+                    />
+                  </svg>
+                </span>
+                Wealth Management
+              </button>
+            </li>
+            <li className="nav-item" role="presentation">
+              <button
+                className="nav-link sub-heading text_dark"
+                id="business-strategy"
+                data-bs-toggle="tab"
+                data-bs-target="#business-strategy-pane"
+                type="button"
+                role="tab"
+                aria-controls="business-strategy-pane"
+                aria-selected="false"
+              >
+                <span className="icon">
+                  <svg
+                    width={33}
+                    height={32}
+                    viewBox="0 0 33 32"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M3.33301 2.80005V28.8C3.33301 28.9105 3.42255 29 3.53301 29H29.533"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M25.5332 7L25.5332 24.2"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M19.7334 11L19.7334 24.2"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M13.9326 15L13.9326 24.2"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M8.13281 19L8.13281 24.2"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                  </svg>
+                </span>
+                Business Strategy
+              </button>
+            </li>
+            <li className="nav-item" role="presentation">
+              <button
+                className="nav-link sub-heading text_dark"
+                id="stock-planning"
+                data-bs-toggle="tab"
+                data-bs-target="#stock-planning-pane"
+                type="button"
+                role="tab"
+                aria-controls="stock-planning-pane"
+                aria-selected="false"
+              >
+                <span className="icon">
+                  <svg
+                    width={33}
+                    height={32}
+                    viewBox="0 0 33 32"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M16.6663 29V23.6M16.6663 2.80005V7.40005M12.1073 21.2V23.54C12.1073 23.5732 12.1341 23.6 12.1673 23.6H16.6663M12.1073 21.2V18.86C12.1073 18.8269 12.1341 18.8 12.1673 18.8H16.6663M12.1073 21.2H7.26631M28.4663 21.2H23.6254M23.6254 21.2V18.86C23.6254 18.8269 23.5985 18.8 23.5654 18.8H16.6663M23.6254 21.2V23.54C23.6254 23.5732 23.5985 23.6 23.5654 23.6H16.6663M8.30725 9.80005V12.14C8.30725 12.1732 8.33412 12.2 8.36725 12.2H16.6663M8.30725 9.80005V7.46005C8.30725 7.42691 8.33412 7.40005 8.36725 7.40005L16.6663 7.40005M8.30725 9.80005H3.46631M24.6663 9.80005H19.8254M19.8254 9.80005V7.46005C19.8254 7.42691 19.7985 7.40005 19.7654 7.40005H16.6663M19.8254 9.80005V12.14C19.8254 12.1732 19.7985 12.2 19.7654 12.2H16.6663M16.6663 18.8V12.2"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                  </svg>
+                </span>
+                Stock Planning
+              </button>
+            </li>
+            <li className="nav-item" role="presentation">
+              <button
+                className="nav-link sub-heading text_dark"
+                id="investment-planning"
+                data-bs-toggle="tab"
+                data-bs-target="#investment-planning-pane"
+                type="button"
+                role="tab"
+                aria-controls="investment-planning-pane"
+                aria-selected="false"
+              >
+                <span className="icon">
+                  <svg
+                    width={32}
+                    height={32}
+                    viewBox="0 0 32 32"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <circle
+                      cx="14.6109"
+                      cy="13.8108"
+                      r="8.2"
+                      transform="rotate(-45 14.6109 13.8108)"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                    />
+                    <path
+                      d="M10.7998 13.3999L10.7998 16.7999"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M18.3999 11.6001L18.3999 16.8001"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M14.6001 10L14.6001 16.8"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                    <path
+                      d="M20.5503 19.7505L26.7728 25.973"
+                      stroke="#3F3D2E"
+                      strokeWidth={2}
+                      strokeLinecap="round"
+                    />
+                  </svg>
+                </span>
+                Investment Planning
+              </button>
+            </li>
+          </ul>
+          <div
+            className="tab-content flat-animate-tab effect-content-slide"
+            id="myTabContent"
+          >
+            <div
+              className="tab-pane show active"
+              id="wealth-management-pane"
+              role="tabpanel"
+              aria-labelledby="wealth-management"
+              tabIndex={0}
+            >
+              <div className="box-service style-1">
+                <div className="img-style effect-item effect-left effect-2">
+                  <Image
+                    className="lazyload"
+                    data-src="/images/section/service-1.jpg"
+                    alt="service"
+                    src="/images/section/service-1.jpg"
+                    width={657}
+                    height={534}
+                  />
+                </div>
+                <div className="content">
+                  <div className="heading mb_25 effect-item effect-right effect-2">
+                    <span className="text-body-1 text_dark font2">
+                      Optimization
+                    </span>
+                    <h3 className="text_dark fw-6">
+                      Wealth management solutions
+                    </h3>
+                  </div>
+                  <ul className="list effect-item effect-right effect-3">
+                    <li className="text-body-1 text_dark">
+                      Tailored plans based on your unique financial goals and
+                      risk tolerance.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      A holistic approach that covers asset growth, protection,
+                      and long-term wealth preservation.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      Access to experienced financial advisors who continuously
+                      monitor and adjust your portfolio.
+                    </li>
+                  </ul>
+                  <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                    <div className="avatar rounded-cycle overflow-hidden">
+                      <Image
+                        alt="avatar"
+                        src="/images/avatar/avatar-17.jpg"
+                        width={144}
+                        height={144}
+                      />
+                    </div>
+                    <div className="content">
+                      <p className="description fw-3 text-body-2 mb_4">
+                        “It's a comprehensive tool of Advitex that we
+                        <span className="fw-6 text_dark">rely on daily</span> to
+                        guide our
+                        <span className="fw-6 text_dark">
+                          investment decisions
+                        </span>
+                        and ensure we're on track”
+                      </p>
+                      <div className="text-body-2 fw-6">
+                        John Sena - CEO of Kling
+                      </div>
+                    </div>
+                  </div>
+                  <Link
+                    href={`/pricing`}
+                    className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
+                  >
+                    <span>Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+            <div
+              className="tab-pane show"
+              id="business-strategy-pane"
+              role="tabpanel"
+              aria-labelledby="business-strategy"
+              tabIndex={0}
+            >
+              <div className="box-service style-1">
+                <div className="img-style effect-item effect-left effect-2">
+                  <Image
+                    className="lazyload"
+                    data-src="/images/section/service-2.jpg"
+                    alt="service"
+                    src="/images/section/service-2.jpg"
+                    width={657}
+                    height={534}
+                  />
+                </div>
+                <div className="content">
+                  <div className="heading mb_25 effect-item effect-right effect-2">
+                    <span className="text-body-1 text_dark font2">
+                      Optimization
+                    </span>
+                    <h3 className="text_dark fw-6">
+                      Business Strategy solution
+                    </h3>
+                  </div>
+                  <ul className="list effect-item effect-right effect-3">
+                    <li className="text-body-1 text_dark">
+                      Customized blueprints designed to propel your business
+                      forward and enhance competitiveness.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      A well-rounded approach that focuses on market analysis,
+                      operational efficiency, and sustainable growth
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      Work closely with skilled strategists who provide ongoing
+                      support and adjust plans to meet evolving market trends.
+                    </li>
+                  </ul>
+                  <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                    <div className="avatar rounded-cycle overflow-hidden">
+                      <Image
+                        alt="avatar"
+                        src="/images/avatar/avatar-5.jpg"
+                        width={100}
+                        height={100}
+                      />
+                    </div>
+                    <div className="content">
+                      <p className="description fw-3 text-body-2 mb_4">
+                        “It's a comprehensive tool of Advitex that we
+                        <span className="fw-6 text_dark">rely on daily </span>
+                        to guide our
+                        <span className="text_dark fw-6">
+                          investment decision
+                        </span>
+                        and ensure we're on track"
+                      </p>
+                      <div className="text-body-2 fw-6">
+                        Elise Chrona - CEO of Minga
+                      </div>
+                    </div>
+                  </div>
+                  <Link
+                    href={`/pricing`}
+                    className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
+                  >
+                    <span>Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+            <div
+              className="tab-pane show"
+              id="stock-planning-pane"
+              role="tabpanel"
+              aria-labelledby="stock-planning"
+              tabIndex={0}
+            >
+              <div className="box-service style-1">
+                <div className="img-style effect-item effect-left effect-2">
+                  <Image
+                    className="lazyload"
+                    data-src="/images/section/service-3.jpg"
+                    alt="service"
+                    src="/images/section/service-3.jpg"
+                    width={657}
+                    height={534}
+                  />
+                </div>
+                <div className="content">
+                  <div className="heading mb_25 effect-item effect-right effect-2">
+                    <span className="text-body-1 text_dark font2">
+                      Optimization
+                    </span>
+                    <h3 className="text_dark fw-6">Stock Planning solution</h3>
+                  </div>
+                  <ul className="list effect-item effect-right effect-3">
+                    <li className="text-body-1 text_dark">
+                      Personalized strategies to navigate the stock market with
+                      confidence and precision.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      A thorough process that includes stock selection, risk
+                      analysis, and diversification for maximum returns.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      Receive continuous guidance from market-savvy advisors who
+                      adapt strategies based on market movements.
+                    </li>
+                  </ul>
+                  <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                    <div className="avatar rounded-cycle overflow-hidden">
+                      <Image
+                        alt="avatar"
+                        src="/images/avatar/avatar-6.jpg"
+                        width={100}
+                        height={100}
+                      />
+                    </div>
+                    <div className="content">
+                      <p className="description fw-3 text-body-2 mb_4">
+                        "Thanks to Advitex's stock planning tools, we have seen
+                        <span className="text_dark fw-6">
+                          remarkable stability
+                        </span>
+                        in our investments, even during volatile periods."
+                      </p>
+                      <div className="text-body-2 fw-6">
+                        Alex Boar - CEO of Marcus
+                      </div>
+                    </div>
+                  </div>
+                  <Link
+                    href={`/pricing`}
+                    className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
+                  >
+                    <span>Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+            <div
+              className="tab-pane show"
+              id="investment-planning-pane"
+              role="tabpanel"
+              aria-labelledby="investment-planning"
+              tabIndex={0}
+            >
+              <div className="box-service style-1">
+                <div className="img-style effect-item effect-left effect-2">
+                  <Image
+                    className="lazyload"
+                    data-src="/images/section/service-4.jpg"
+                    alt="service"
+                    src="/images/section/service-4.jpg"
+                    width={657}
+                    height={534}
+                  />
+                </div>
+                <div className="content">
+                  <div className="heading mb_25 effect-item effect-right effect-2">
+                    <span className="text-body-1 text_dark font2">
+                      Optimization
+                    </span>
+                    <h3 className="text_dark fw-6">
+                      Investment Planning solution
+                    </h3>
+                  </div>
+                  <ul className="list effect-item effect-right effect-3">
+                    <li className="text-body-1 text_dark">
+                      Comprehensive investment plans designed to align with your
+                      financial objectives and time horizon.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      An approach that covers asset allocation, portfolio
+                      rebalancing, and performance optimization.
+                    </li>
+                    <li className="text-body-1 text_dark">
+                      Leverage expert financial planners who review and
+                      fine-tune investments to stay in sync with your goals.
+                    </li>
+                  </ul>
+                  <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                    <div className="avatar rounded-cycle overflow-hidden">
+                      <Image
+                        alt="avatar"
+                        src="/images/avatar/avatar-8.jpg"
+                        width={96}
+                        height={96}
+                      />
+                    </div>
+                    <div className="content">
+                      <p className="description fw-3 text-body-2 mb_4">
+                        "Advitex's investment planning has
+                        <span className="">simplified complex decisions</span> ,
+                        giving us clarity and
+                        <span className="text_dark fw-6">confidence</span> in
+                        our financial journey."
+                      </p>
+                      <div className="text-body-2 fw-6">
+                        Marca Heizy - CEO of Fantom
+                      </div>
+                    </div>
+                  </div>
+                  <Link
+                    href={`/pricing`}
+                    className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
+                  >
+                    <span>Get Started</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="wrap-counter styel-1">
+          <div className="clutch-rating-item d-flex align-items-center">
+            <Image
+              alt="clutch-rating"
+              src="/images/item/clutch-rating.png"
+              width={92}
+              height={92}
+            />
+            <div className="content">
+              <div className="wrap-rating d-flex gap_10 align-items-center">
+                <span className="text-body-1 fw-6 text_dark">4.9/5</span>
+                <ul className="tf-rating d-flex align-items-center gap_3">
+                  <li>
+                    <i className="icon-star-solid" />
+                  </li>
+                  <li>
+                    <i className="icon-star-solid" />
+                  </li>
+                  <li>
+                    <i className="icon-star-solid" />
+                  </li>
+                  <li>
+                    <i className="icon-star-solid" />
+                  </li>
+                  <li>
+                    <i className="icon-star-solid" />
+                  </li>
+                </ul>
+              </div>
+              <p className="text-body-3 text_dark">
+                Based on 24 Clutch reviews
+              </p>
+            </div>
+          </div>
+          <div className="right d-flex align-items-center justify-content-between">
+            {counterItems.map((item, index) => (
+              <div
+                key={index}
+                className="counter-item style-1 v2 flex-column align-items-start"
+              >
+                <div className="counter-number">
+                  <h2 className="odometer font2 fw-6 text_dark">
+                    <OdometerComponent max={item.value} />
+                  </h2>
+                  <span className="sub text_dark fw-6">{item.unit}</span>
+                </div>
+                <p className="text-body-1 text_dark">{item.description}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Team.jsx b/components/homes/finance-advisor/Team.jsx
new file mode 100644
index 0000000..e79ca8a
--- /dev/null
+++ b/components/homes/finance-advisor/Team.jsx
@@ -0,0 +1,142 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { teamMembers3 } from "@/data/team";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination } from "swiper/modules";
+export default function Team() {
+  return (
+    <div className="section-team style-3 tf-spacing-23 pt-0">
+      <div className="tf-container-2">
+        <div className="heading-section text-center mb_65">
+          <div className="heading-tag style-2 text_mono-gray-5 text-body-3 mb_12 mx-auto">
+            OUR TEAMS
+          </div>
+          <h1 className="heading-title text_dark fw-6 split-text effect-right">
+            Show you the way to the success
+          </h1>
+          <p className="text-body-1 text_mono-gray-7 mt_28 split-text split-lines-transform">
+            Providing expert financial consulting services to help you grow,
+            optimize, and <br />
+            thrive in today's competitive landscape
+          </p>
+        </div>
+        <Swiper
+          spaceBetween={15}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd17",
+          }}
+          className="swiper tf-sw-mobile mb_40 swiper-active-768"
+        >
+          {teamMembers3.map((member, index) => (
+            <SwiperSlide
+              key={index}
+              className="swiper-slide wow animate__fadeInRight animate__animated"
+              data-wow-delay={`${index * 0.1}s`}
+            >
+              <div className="team-item style-1">
+                <div className="position-relative mb_29">
+                  <Link href="/team" className="img-style">
+                    <Image
+                      alt="avatar"
+                      src={member.imgSrc}
+                      width={237}
+                      height={384}
+                    />
+                  </Link>
+                  <div className="wrap-social">
+                    <div className="btn-share">
+                      <i className="icon-share-network" />
+                    </div>
+                    <ul className="social">
+                      <li>
+                        <a href="#" className="icon-facebook-f link" />
+                      </li>
+                      <li>
+                        <a href="#" className="icon-twitter-x link" />
+                      </li>
+                      <li>
+                        <a href="#" className="icon-instagram link" />
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div className="content">
+                  <h6 className="name text_dark fw-5">
+                    <Link href="/team" className="link">
+                      {member.name}
+                    </Link>
+                  </h6>
+                  <p className="text-body-1 text_mono-gray-5">{member.role}</p>
+                </div>
+              </div>
+            </SwiperSlide>
+          ))}
+
+          <div className="sw-dots spd17 style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+        </Swiper>
+        <div className="swiper tf-sw-mobile mb_40 swiper-inActive-768">
+          <div className="swiper-wrapper tf-grid-layout-md xl-col-5 gap_25 md-col-2">
+            {teamMembers3.map((member, index) => (
+              <div
+                key={index}
+                className="swiper-slide wow animate__fadeInRight animate__animated"
+                data-wow-delay={`${index * 0.1}s`}
+              >
+                <div className="team-item style-1">
+                  <div className="position-relative mb_29">
+                    <Link href="/team" className="img-style">
+                      <Image
+                        alt="avatar"
+                        src={member.imgSrc}
+                        width={237}
+                        height={384}
+                      />
+                    </Link>
+                    <div className="wrap-social">
+                      <div className="btn-share">
+                        <i className="icon-share-network" />
+                      </div>
+                      <ul className="social">
+                        <li>
+                          <a href="#" className="icon-facebook-f link" />
+                        </li>
+                        <li>
+                          <a href="#" className="icon-twitter-x link" />
+                        </li>
+                        <li>
+                          <a href="#" className="icon-instagram link" />
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                  <div className="content">
+                    <h6 className="name text_dark fw-5">
+                      <Link href="/team" className="link">
+                        {member.name}
+                      </Link>
+                    </h6>
+                    <p className="text-body-1 text_mono-gray-5">
+                      {member.role}
+                    </p>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+          <div className="sw-dots style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+        </div>
+        <Link
+          href={`/team`}
+          className="tf-btn btn-dark mx-auto height-2 btn-px-28"
+        >
+          <span>About our team</span>
+          <span className="bg-effect" />
+        </Link>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-advisor/Testimonials.jsx b/components/homes/finance-advisor/Testimonials.jsx
new file mode 100644
index 0000000..a2f3b5c
--- /dev/null
+++ b/components/homes/finance-advisor/Testimonials.jsx
@@ -0,0 +1,371 @@
+"use client";
+import Image from "next/image";
+import { useEffect } from "react";
+export default function Testimonials() {
+  useEffect(() => {
+    const container = document.querySelector(".circle-container");
+    if (!container) return;
+
+    const outerElements = document.querySelectorAll(".outer-element");
+    const innerElements = document.querySelectorAll(".inner-element");
+    const testimonialElements = document.querySelectorAll(".testimonial");
+
+    let angle = 0,
+      innerAngle = 0;
+    const rotationSpeed = 0.0005,
+      innerRotationSpeed = -0.001;
+    let outerPaused = false;
+    let innerPaused = false;
+    let animationFrameId;
+
+    function updateElementWidth() {
+      const width = container.offsetWidth;
+      container.style.setProperty("--circle-container-width", `${width}px`);
+    }
+
+    function updatePositions() {
+      const containerWidth = container.offsetWidth;
+      const outerRadius = containerWidth / 2.08;
+      const innerRadius = containerWidth / 3.4;
+
+      if (!outerPaused) {
+        outerElements.forEach((element, index) => {
+          const avatarAngle =
+            angle + index * ((2 * Math.PI) / outerElements.length);
+          element.style.transform = `translate(${
+            Math.cos(avatarAngle) * outerRadius
+          }px, ${Math.sin(avatarAngle) * outerRadius}px)`;
+        });
+      }
+
+      if (!innerPaused) {
+        innerElements.forEach((element, index) => {
+          const elemAngle =
+            innerAngle + index * ((2 * Math.PI) / innerElements.length);
+          element.style.transform = `translate(${
+            Math.cos(elemAngle) * innerRadius
+          }px, ${Math.sin(elemAngle) * innerRadius}px)`;
+        });
+      }
+    }
+
+    function animate() {
+      if (!outerPaused) angle += rotationSpeed;
+      if (!innerPaused) innerAngle += innerRotationSpeed;
+      updatePositions();
+      animationFrameId = requestAnimationFrame(animate);
+    }
+
+    function handleOuterHover(event) {
+      if (event.type === "mouseenter") {
+        outerPaused = true;
+      } else {
+        outerPaused = false;
+      }
+    }
+
+    function handleInnerHover(event) {
+      if (event.type === "mouseenter") {
+        innerPaused = true;
+      } else {
+        innerPaused = false;
+      }
+    }
+
+    function handleTestimonialHover(event) {
+      const testimonial = event.currentTarget;
+      const popup = testimonial.querySelector(".content");
+      if (!popup) return;
+
+      const pinOffset = testimonial.getBoundingClientRect();
+      const pinWidth = testimonial.offsetWidth;
+      const wrapOffset = container.getBoundingClientRect();
+      const popupWidth = popup.offsetWidth;
+      const windowWidth = window.innerWidth;
+      const windowOffsetTop = window.scrollY;
+      const thisOffsetToWindow = pinOffset.top - windowOffsetTop;
+      const windowHeight = window.innerHeight;
+
+      if (pinOffset.left + popupWidth > windowWidth) {
+        popup.style.left = `-${
+          pinOffset.left + popupWidth - windowWidth + 15
+        }px`;
+        const arrow = popup.querySelector(".arrow");
+        if (arrow) {
+          arrow.style.left = `${
+            pinOffset.left + popupWidth - windowWidth + 47
+          }px`;
+        }
+      } else {
+        const arrow = popup.querySelector(".arrow");
+        if (arrow) {
+          arrow.style.left = "auto";
+        }
+        popup.style.left = "0";
+      }
+
+      if (thisOffsetToWindow > windowHeight / 2) {
+        popup.classList.add("top");
+        popup.classList.remove("bottom");
+      } else {
+        popup.classList.remove("top");
+        popup.classList.add("bottom");
+      }
+    }
+
+    function handleResize() {
+      updateElementWidth();
+      updatePositions();
+    }
+
+    // Add event listeners
+    outerElements.forEach((el) => {
+      el.addEventListener("mouseenter", handleOuterHover);
+      el.addEventListener("mouseleave", handleOuterHover);
+    });
+
+    innerElements.forEach((el) => {
+      el.addEventListener("mouseenter", handleInnerHover);
+      el.addEventListener("mouseleave", handleInnerHover);
+    });
+
+    testimonialElements.forEach((el) => {
+      el.addEventListener("mouseenter", handleTestimonialHover);
+    });
+
+    window.addEventListener("resize", handleResize);
+
+    // Initialize
+    updateElementWidth();
+    updatePositions();
+    animate();
+
+    // Cleanup
+    return () => {
+      cancelAnimationFrame(animationFrameId);
+
+      outerElements.forEach((el) => {
+        el.removeEventListener("mouseenter", handleOuterHover);
+        el.removeEventListener("mouseleave", handleOuterHover);
+      });
+
+      innerElements.forEach((el) => {
+        el.removeEventListener("mouseenter", handleInnerHover);
+        el.removeEventListener("mouseleave", handleInnerHover);
+      });
+
+      testimonialElements.forEach((el) => {
+        el.removeEventListener("mouseenter", handleTestimonialHover);
+      });
+
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  return (
+    <div className="section-testimonial style-2 tf-spacing-23 pt-0 hide-md">
+      <div className="tf-container-2">
+        <div className="row">
+          <div className="col-12 position-relative testimonial-container">
+            <div className="heading-section">
+              <div className="heading-tag style-2 v2 text-body-3 mb_11 mx-auto">
+                TESTIMONIAL
+              </div>
+              <h1
+                className="heading-title fw-6 text_primary-fa-yellow split-text split-lines-rotation-x"
+                style={{ perspective: "400px" }}
+              >
+                <div
+                  className="split-line"
+                  style={{
+                    display: "block",
+                    textAlign: "center",
+                    position: "relative",
+                    transformOrigin: "238.219px 36px",
+                    transform: "translate(0px, 0px)",
+                    opacity: 1,
+                  }}
+                >
+                  Customer
+                </div>
+                <div
+                  className="split-line"
+                  style={{
+                    display: "block",
+                    textAlign: "center",
+                    position: "relative",
+                    transformOrigin: "238.219px 36px",
+                    transform: "translate(0px, 0px)",
+                    opacity: 1,
+                  }}
+                >
+                  Testimonial
+                </div>
+              </h1>
+              <div
+                className="text-body-1 text_primary-fa-yellow mt_27 split-text split-lines-transform"
+                style={{ perspective: "400px" }}
+              >
+                <div
+                  className="split-line"
+                  style={{
+                    display: "block",
+                    textAlign: "center",
+                    position: "relative",
+                    opacity: 1,
+                    visibility: "inherit",
+                    transform: "translate(0px, 0px)",
+                  }}
+                >
+                  Trusted by businesses and individuals, see how we’ve made a
+                </div>
+                <div
+                  className="split-line"
+                  style={{
+                    display: "block",
+                    textAlign: "center",
+                    position: "relative",
+                    opacity: 1,
+                    visibility: "inherit",
+                    transform: "translate(0px, 0px)",
+                  }}
+                >
+                  real impact on their financial well-being
+                </div>
+              </div>
+            </div>
+
+            <div
+              className="circle-container"
+              style={{ "--circle-container-width": "1434px" }}
+            >
+              {[
+                {
+                  img: "/images/avatar/avatar-5.jpg",
+                  width: 100,
+                  height: 100,
+                  transform: "-434.685px, 535.12px",
+                  left: "0px",
+                },
+                {
+                  img: "/images/avatar/avatar-13.jpg",
+                  width: 96,
+                  height: 96,
+                  transform: "-643.254px, -248.049px",
+                  left: "0px",
+                },
+                {
+                  img: "/images/avatar/avatar-9.jpg",
+                  width: 96,
+                  height: 96,
+                  transform: "37.1317px, -688.422px",
+                },
+                {
+                  img: "/images/avatar/avatar-10.jpg",
+                  width: 96,
+                  height: 96,
+                  transform: "666.203px, -177.42px",
+                },
+                {
+                  img: "/images/avatar/avatar-11.jpg",
+                  width: 96,
+                  height: 96,
+                  transform: "374.604px, 578.771px",
+                  left: "-109.684px",
+                  arrowLeft: "141.684px",
+                },
+              ].map((item, index) => (
+                <div
+                  key={index}
+                  className="testimonial outer-element style-1"
+                  style={{ transform: `translate(${item.transform})` }}
+                >
+                  <div className="avatar">
+                    <Image
+                      alt="avatar"
+                      src={item.img}
+                      width={item.width}
+                      height={item.height}
+                    />
+                  </div>
+                  <div
+                    className={`content ${item.left ? "top" : ""}`}
+                    style={{ left: item.left || undefined }}
+                  >
+                    <p className="text text_dark text-body-1 fw-5">
+                      Advitex provided exceptional financial guidance that
+                      transformed my investment approach. Their expertise and
+                      personalized advice made all the difference. Highly
+                      recommend!"
+                    </p>
+                    <div className="info">
+                      <h6 className="name fw-5 text_dark">James Waverly</h6>
+                      <p className="text_mono-gray-5 text-body-2">
+                        Senior Wealth Manager
+                      </p>
+                    </div>
+                    <span
+                      className="arrow"
+                      style={{ left: item.arrowLeft || "auto" }}
+                    ></span>
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            <div className="inner-container">
+              {[
+                {
+                  img: "/images/avatar/avatar-12.jpg",
+                  transform: "-75.2548px, 414.997px",
+                  position: "top",
+                },
+                {
+                  img: "/images/avatar/avatar-8.jpg",
+                  transform: "75.2548px, -414.997px",
+                  position: "bottom",
+                },
+              ].map((item, index) => (
+                <div
+                  key={index}
+                  className="testimonial style-1 inner-element"
+                  style={{ transform: `translate(${item.transform})` }}
+                >
+                  <div className="avatar">
+                    <Image alt="avatar" src={item.img} width="96" height="96" />
+                  </div>
+                  <div
+                    className={`content ${item.position}`}
+                    style={{ left: "0px" }}
+                  >
+                    <p className="text text_dark text-body-1 fw-5">
+                      Advitex provided exceptional financial guidance that
+                      transformed my investment approach. Their expertise and
+                      personalized advice made all the difference. Highly
+                      recommend!"
+                    </p>
+                    <div className="info">
+                      <h6 className="name fw-5 text_dark">James Waverly</h6>
+                      <p className="text_mono-gray-5 text-body-2">
+                        Senior Wealth Manager
+                      </p>
+                    </div>
+                    <span className="arrow" style={{ left: "auto" }}></span>
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            <div className="bg">
+              <Image
+                alt="background"
+                src="/images/section/bg-testimonial.png"
+                width="1410"
+                height="1410"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/About.jsx b/components/homes/finance-consulting/About.jsx
new file mode 100644
index 0000000..2520003
--- /dev/null
+++ b/components/homes/finance-consulting/About.jsx
@@ -0,0 +1,86 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function About() {
+  return (
+    <div className="section-about tf-spacing-7 pt-0">
+      <div className="tf-container-3">
+        <div className="box-about style-1">
+          <div className="img-style img-custom-anim-left wow">
+            <Image
+              className="lazyload"
+              data-src="/images/section/section-about.jpg"
+              alt="testimonial"
+              src="/images/section/section-about.jpg"
+              width={510}
+              height={698}
+            />
+          </div>
+          <div className="content">
+            <div className="heading-section">
+              <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_13">
+                About Us
+              </div>
+              <h3 className="split-text split-lines-rotation-x">
+                Welcome to Advitex – driving your financial success with
+                strategic expertise and solutions
+              </h3>
+            </div>
+            <div className="bot">
+              <div className="clutch-rating-item style-1 d-flex align-items-center">
+                <div className="logo">
+                  <svg
+                    width={34}
+                    height={38}
+                    viewBox="0 0 34 38"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M33.363 31.4385C29.8792 35.4578 24.7365 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C24.7364 0 29.879 2.54213 33.3628 6.56127L27.8911 11.2998C25.7345 8.81185 22.551 7.23818 19 7.23818C12.5041 7.23818 7.23807 12.5042 7.23807 19.0001C7.23807 25.496 12.5041 30.762 19 30.762C22.5512 30.762 25.7348 29.1882 27.8914 26.7L33.363 31.4385Z"
+                      fill="black"
+                    />
+                    <ellipse
+                      cx="19.0003"
+                      cy="19.0003"
+                      rx="6.33333"
+                      ry="6.33333"
+                      fill="#EF2B10"
+                    />
+                  </svg>
+                </div>
+                <div>
+                  <div className="wrap-ratings d-flex gap_13 align-items-center">
+                    <div className="text-body-1 fw-6 font2 fw-6">4.9/5</div>
+                    <div className="ratings">
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                    </div>
+                  </div>
+                  <p className="text-body-4">Based on 24 reviews</p>
+                </div>
+              </div>
+              <p className="text-body-1 text_mono-gray-7 mb_31">
+                Their expert guidance in streamlining our cash flow processes
+                and optimizing operational costs has saved us 18% in annual
+                expenditures.
+              </p>
+              <Link
+                href={`/about`}
+                className="tf-btn btn-dark rounded-0 btn-px-28 height-2"
+              >
+                <span>View Details</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Blogs.jsx b/components/homes/finance-consulting/Blogs.jsx
new file mode 100644
index 0000000..8ffad44
--- /dev/null
+++ b/components/homes/finance-consulting/Blogs.jsx
@@ -0,0 +1,115 @@
+"use client";
+
+import { blogArticles2 } from "@/data/blogs";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Pagination } from "swiper/modules";
+export default function Blogs() {
+  return (
+    <div className="section-blog style-1 sw-layout-1">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-12">
+            <div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_63">
+              <div className="left">
+                <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
+                  Blogs
+                </div>
+                <h3 className="split-text split-lines-rotation-x">
+                  Stay informed with expert insights, tips, and <br />
+                  strategies designed to help you navigate
+                </h3>
+              </div>
+              <div className="right">
+                <div className="sw-progress swiper-pagination sw-progress-layout-1 spd2" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        className="tf-container slider-layout-right w-xl wow animate__fadeInRight animate__animated"
+        data-wow-delay="0s"
+      >
+        <Swiper
+          className="swiper"
+          spaceBetween={15}
+          breakpoints={{
+            0: { slidesPerView: 1.1 },
+            575: {
+              slidesPerView: 1.1,
+            },
+            768: {
+              slidesPerView: 1.5,
+              spaceBetween: 20,
+            },
+            992: {
+              slidesPerView: 3.4,
+              spaceBetween: 30,
+            },
+            1200: {
+              slidesPerView: 3.9,
+              spaceBetween: 72,
+            },
+          }}
+          modules={[Pagination]}
+          pagination={{
+            type: "progressbar",
+            clickable: true,
+            el: ".spd2",
+          }}
+          data-pagination-type="progressbar"
+        >
+          {blogArticles2.map((article) => (
+            <SwiperSlide className="swiper-slide" key={article.id}>
+              <div className="blog-article-item style-1 hover-image-3">
+                <Link
+                  href={`/single-post/${article.id}`}
+                  className="article-thumb mb_30"
+                >
+                  <Image
+                    className="lazyload"
+                    data-src={article.imageSrc}
+                    alt="blog"
+                    src={article.imageSrc}
+                    width={article.width}
+                    height={article.height}
+                  />
+                  <Image
+                    className="lazyload"
+                    data-src={article.imageSrc}
+                    alt="blog"
+                    src={article.imageSrc}
+                    width={article.width}
+                    height={article.height}
+                  />
+                  <div className="tag text-body-3 text_white d-flex flex-column">
+                    <h6 className="text_white">{article.day}</h6>
+                    <span>{article.month}</span>
+                  </div>
+                </Link>
+                <div className="article-content mb_25">
+                  <h6 className="title fw-5 letter-spacing-2 mb_8">
+                    <Link href={`/single-post/${article.id}`} className="link">
+                      {article.title}
+                    </Link>
+                  </h6>
+                  <p className="text-body-1 text_mono-gray-5">
+                    {article.description}
+                  </p>
+                </div>
+                <Link
+                  href={`/single-post/${article.id}`}
+                  className="btn_link text-body-1 link-black"
+                >
+                  Read it
+                </Link>
+              </div>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/CaseStudies.jsx b/components/homes/finance-consulting/CaseStudies.jsx
new file mode 100644
index 0000000..603dce3
--- /dev/null
+++ b/components/homes/finance-consulting/CaseStudies.jsx
@@ -0,0 +1,98 @@
+"use client";
+import { caseStudies2 } from "@/data/caseStudies";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+import Image from "next/image";
+import { EffectFade, Navigation, Pagination } from "swiper/modules";
+export default function CaseStudies() {
+  return (
+    <div className="section-case-studies style-2 tf-spacing-20">
+      <div className="tf-container">
+        <div className="heading-section text-center mb_61">
+          <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_16 mx-auto">
+            Case Study
+          </div>
+          <h3 className="split-text effect-right">
+            Explore real-life examples of how our solutions have driven results
+          </h3>
+        </div>
+        <Swiper
+          className="swiper sw-single effect-content-slide"
+          effect="fade"
+          modules={[EffectFade, Navigation, Pagination]}
+          pagination={{
+            el: ".csp1",
+          }}
+          navigation={{
+            prevEl: ".snbpc1",
+            nextEl: ".snbnc1",
+          }}
+        >
+          {caseStudies2.map((study) => (
+            <SwiperSlide className="swiper-slide" key={study.id}>
+              <div className="case-studies-item style-2">
+                <div className="tf-grid-layout md-col-2">
+                  <div className="content d-flex flex-column justify-content-between">
+                    <div className="heading">
+                      <p className="text-body-1 text-uppercase text_mono-gray-6 mb_20 effect-item effect-left effect-1">
+                        {study.tags}
+                      </p>
+                      <h1 className="effect-item effect-left effect-2">
+                        {study.title}
+                      </h1>
+                    </div>
+                    <div className="bot">
+                      <div className="wrap-sw-button d-flex mb_22 hide-md">
+                        <div className="sw-button style-1 sw-single-prev snbpc1">
+                          <i className="icon-caret-left" />
+                        </div>
+                        <div className="sw-button style-1 sw-single-next snbnc1">
+                          <i className="icon-caret-right" />
+                        </div>
+                      </div>
+                      <p className="text_mono-gray-6 text-body-1 mb_40">
+                        {study.description}
+                      </p>
+                      <a
+                        href="#"
+                        className="tf-btn btn-dark height-2 btn-px-30 rounded-0"
+                      >
+                        <span className="">View Details</span>
+                        <span className="bg-effect" />
+                      </a>
+                    </div>
+                  </div>
+                  <div className="right overflow-hidden position-relative">
+                    <div className="img-style effect-img-zoom effect-item effect-right effect-3">
+                      <Image
+                        className="lazyload img-zoom"
+                        data-src={study.imageSrc}
+                        alt="case-studies"
+                        src={study.imageSrc}
+                        width={787}
+                        height={826}
+                      />
+                    </div>
+                    <div className="highlight effect-item effect-right effect-4">
+                      <h6 className="text_primary">{study.highlightText}</h6>
+                      <div className="icon">
+                        <Image
+                          alt="icon"
+                          src={study.highlightIcon}
+                          width={study.highlightIconWidth}
+                          height={study.highlightIconHeight}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </SwiperSlide>
+          ))}
+          <div className="sw-dots style-default sw-pagination-single justify-content-center d-flex d-md-none csp1" />
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Cta.jsx b/components/homes/finance-consulting/Cta.jsx
new file mode 100644
index 0000000..1abddf6
--- /dev/null
+++ b/components/homes/finance-consulting/Cta.jsx
@@ -0,0 +1,109 @@
+"use client";
+import React, { useEffect } from "react";
+import Link from "next/link";
+
+export default function Cta() {
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      import("simple-parallax-js/vanilla").then(
+        ({ default: SimpleParallax }) => {
+          const elements = document.querySelectorAll(".parallaxie");
+
+          if (elements.length > 0) {
+            elements.forEach((element) => {
+              new SimpleParallax(element, {
+                delay: 0.5,
+                orientation: "up",
+                scale: 1.7,
+                transition: "cubic-bezier(0.2, 0.8, 1, 1)",
+                customContainer: "",
+                customWrapper: "",
+              });
+            });
+          }
+        }
+      );
+    }
+  }, []);
+  return (
+    <>
+      <div className="section-CTA tf-spacing-21">
+        <div className="tf-container">
+          <div className="box-inner">
+            <div className="row">
+              <div className="col-lg-7">
+                <div className="left d-flex flex-column justify-content-between">
+                  <div className="heading-section">
+                    <h1 className="text_white split-text effect-right">
+                      Let Us Guide You Toward Clarity
+                    </h1>
+                    <p
+                      className="text-body-2 text_mono-gray-3 mt_13 wow animate__fadeInUp animate__animated"
+                      data-wow-delay="0s"
+                    >
+                      Firms using legacy systems experience 30% slower
+                      decision-making <br />
+                      processes and up to 40% higher operational costs.
+                    </p>
+                  </div>
+                  <Link
+                    href={`/contact-us`}
+                    className="tf-btn btn-white rounded-0 btn-px-28 height-2 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0s"
+                  >
+                    <span>Get in touch</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+              <div className="col-lg-5">
+                <ul className="list d-flex flex-column gap_17">
+                  <li
+                    className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0s"
+                  >
+                    <i className="icon-check-solid" />
+                    We offering customized strategies that truly work for you
+                  </li>
+                  <li
+                    className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0.1s"
+                  >
+                    <i className="icon-check-solid" />
+                    Brings the knowledge and insights you need to make informed
+                    decisions that drive success.
+                  </li>
+                  <li
+                    className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0.2s"
+                  >
+                    <i className="icon-check-solid" />
+                    Cancel anytime you want
+                  </li>
+                  <li
+                    className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0.3s"
+                  >
+                    <i className="icon-check-solid" />
+                    Proven Results and Client Satisfaction
+                  </li>
+                  <li
+                    className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0.4s"
+                  >
+                    <i className="icon-check-solid" />
+                    Comprehensive package for all stages
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div
+            className="wrap parallaxie"
+            style={{ background: 'url("/images/section/cta.jpg")' }}
+          />
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/components/homes/finance-consulting/Faqs.jsx b/components/homes/finance-consulting/Faqs.jsx
new file mode 100644
index 0000000..37aa019
--- /dev/null
+++ b/components/homes/finance-consulting/Faqs.jsx
@@ -0,0 +1,185 @@
+import React from "react";
+
+export default function Faqs() {
+  return (
+    <div className="section-faqs style-3 tf-spacing-22">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-lg-6">
+            <div className="heading-section sticky-element">
+              <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_12">
+                FAQs
+              </div>
+              <h2 className="split-text split-lines-rotation-x">
+                Have questions? Explore our FAQs for clear insights and quick
+                solutions
+              </h2>
+            </div>
+          </div>
+          <div className="col-lg-6">
+            <ul
+              className="accordion-wrap style-faqs d-grid gap_24"
+              id="accordion-faq-2"
+            >
+              <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+                <a
+                  href="#accordion-2-1"
+                  className="action accordion-title collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-2-1"
+                >
+                  <div className="heading">
+                    <div className="text_mono-dark-9 text-body-1 title fw-5">
+                      Do you provide personalized financial plans?
+                    </div>
+                  </div>
+                  <div className="icon" />
+                </a>
+                <div
+                  id="accordion-2-1"
+                  className="collapse"
+                  data-bs-parent="#accordion-faq-2"
+                >
+                  <div className="accordion-faqs-content">
+                    <p className="text_mono-dark-9 text-body-2">
+                      Advitex offers a range of financial consulting services,
+                      including personal financial planning, corporate strategy,
+                      investment advisory, and risk compliance. We tailor our
+                      solutions to help individuals, businesses, and investors
+                      achieve their financial goals efficiently.
+                    </p>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click active style-1 scrolling-effect effectRight">
+                <a
+                  href="#accordion-2-2"
+                  className="action accordion-title current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-2-2"
+                >
+                  <div className="heading">
+                    <div className="text_mono-dark-9 text-body-1 title fw-5">
+                      How can financial consulting benefit my business?
+                    </div>
+                  </div>
+                  <div className="icon" />
+                </a>
+                <div
+                  id="accordion-2-2"
+                  className="collapse show"
+                  data-bs-parent="#accordion-faq-2"
+                >
+                  <div className="accordion-faqs-content">
+                    <p className="text_mono-dark-9 text-body-2">
+                      Advitex offers a range of financial consulting services,
+                      including personal financial planning, corporate strategy,
+                      investment advisory, and risk compliance. We tailor our
+                      solutions to help individuals, businesses, and investors
+                      achieve their financial goals efficiently.
+                    </p>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+                <a
+                  href="#accordion-2-3"
+                  className="action accordion-title collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-2-3"
+                >
+                  <div className="heading">
+                    <div className="text_mono-dark-9 text-body-1 title fw-5">
+                      What services does Advitex offer?
+                    </div>
+                  </div>
+                  <div className="icon" />
+                </a>
+                <div
+                  id="accordion-2-3"
+                  className="collapse"
+                  data-bs-parent="#accordion-faq-2"
+                >
+                  <div className="accordion-faqs-content">
+                    <p className="text_mono-dark-9 text-body-2">
+                      Advitex offers a range of financial consulting services,
+                      including personal financial planning, corporate strategy,
+                      investment advisory, and risk compliance. We tailor our
+                      solutions to help individuals, businesses, and investors
+                      achieve their financial goals efficiently.
+                    </p>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+                <a
+                  href="#accordion-2-4"
+                  className="action accordion-title collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-2-4"
+                >
+                  <div className="heading">
+                    <div className="text_mono-dark-9 text-body-1 title fw-5">
+                      What industries do you specialize in?
+                    </div>
+                  </div>
+                  <div className="icon" />
+                </a>
+                <div
+                  id="accordion-2-4"
+                  className="collapse"
+                  data-bs-parent="#accordion-faq-2"
+                >
+                  <div className="accordion-faqs-content">
+                    <p className="text_mono-dark-9 text-body-2">
+                      Advitex offers a range of financial consulting services,
+                      including personal financial planning, corporate strategy,
+                      investment advisory, and risk compliance. We tailor our
+                      solutions to help individuals, businesses, and investors
+                      achieve their financial goals efficiently.
+                    </p>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click style-1 scrolling-effect effectRight">
+                <a
+                  href="#accordion-2-5"
+                  className="action accordion-title collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-2-5"
+                >
+                  <div className="heading">
+                    <div className="text_mono-dark-9 text-body-1 title fw-5">
+                      How long does the consultation process take?
+                    </div>
+                  </div>
+                  <div className="icon" />
+                </a>
+                <div
+                  id="accordion-2-5"
+                  className="collapse"
+                  data-bs-parent="#accordion-faq-2"
+                >
+                  <div className="accordion-faqs-content">
+                    <p className="text_mono-dark-9 text-body-2">
+                      Advitex offers a range of financial consulting services,
+                      including personal financial planning, corporate strategy,
+                      investment advisory, and risk compliance. We tailor our
+                      solutions to help individuals, businesses, and investors
+                      achieve their financial goals efficiently.
+                    </p>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Features.jsx b/components/homes/finance-consulting/Features.jsx
new file mode 100644
index 0000000..8e34c5c
--- /dev/null
+++ b/components/homes/finance-consulting/Features.jsx
@@ -0,0 +1,71 @@
+import React from "react";
+import Image from "next/image";
+import Link from "next/link";
+export default function Features() {
+  return (
+    <div className="section-about tf-spacing-19">
+      <div className="tf-container-3">
+        <div className="box-choose style-1">
+          <div className="content">
+            <div className="heading-section">
+              <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
+                Why Choose Us
+              </div>
+              <h3 className="split-text effect-right">
+                Turn your vision into a financially sound strategy
+              </h3>
+              <p className="text-body-1 mt_23 split-text split-lines-transform">
+                Their expert guidance in streamlining our cash flow processes
+                and optimizing operational costs has saved us 18% in annual
+                expenditures.
+              </p>
+            </div>
+            <div className="bot">
+              <ul className="list-check">
+                <li
+                  className="text-body-1 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  <i className="icon-check-solid" />
+                  Customized financial roadmaps
+                </li>
+                <li
+                  className="text-body-1 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  <i className="icon-check-solid" />
+                  Cash flow forecasting and budgeting
+                </li>
+                <li
+                  className="text-body-1 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  <i className="icon-check-solid" />
+                  Long-term growth and sustainability strategies
+                </li>
+              </ul>
+              <Link
+                href={`/about`}
+                className="tf-btn btn-dark rounded-0 btn-px-28 height-2 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0s"
+              >
+                <span>View Details</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+          <div className="img-style img-custom-anim-right wow">
+            <Image
+              className="lazyload"
+              data-src="/images/section/section-choose.jpg"
+              alt="testimonial"
+              src="/images/section/section-choose.jpg"
+              width={510}
+              height={698}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Hero.jsx b/components/homes/finance-consulting/Hero.jsx
new file mode 100644
index 0000000..dce3f08
--- /dev/null
+++ b/components/homes/finance-consulting/Hero.jsx
@@ -0,0 +1,103 @@
+"use client";
+import { bannerSlides } from "@/data/heroSlides";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+// const brands = [
+//   { id: 1, src: "/images/brands/brand-1.png", width: 169, height: 56 },
+//   { id: 2, src: "/images/brands/brand-2.png", width: 169, height: 56 },
+//   { id: 3, src: "/images/brands/brand-3.png", width: 213, height: 56 },
+//   { id: 4, src: "/images/brands/brand-4.png", width: 187, height: 56 },
+//   { id: 5, src: "/images/brands/brand-5.png", width: 169, height: 56 },
+//   { id: 6, src: "/images/brands/brand-6.png", width: 169, height: 56 },
+//   { id: 7, src: "/images/brands/brand-7.png", width: 169, height: 56 },
+//   { id: 8, src: "/images/brands/brand-8.png", width: 168, height: 56 },
+// ];
+export default function Hero() {
+  // const allBrands = [...brands, ...brands, ...brands];
+  return (
+    <div className="page-title style-2">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-12">
+            <div className="heading-title d-flex mb_66">
+              <div className="left">
+                <h4 className="sub text_mono-gray-5 mb_11 split-text effect-left">
+                  Bridging Opportunities Between India and Ireland
+                </h4>
+                <h3 className="title split-text effect-right">
+                  Fostering global business ventures across tech, energy, food, and logistics.
+                </h3>
+              </div>
+              <div className="right">
+                <p className="text_mono-gray-6 sub-heading mb_17 split-text split-lines-transform">
+                  Providing expert financial consulting services to help you
+                  grow, <br />
+                  optimize, and thrive in today's competitive landscape
+                </p>
+                <div className="wrap-btn d-flex gap_20">
+                  <Link
+                    href="#focus-areas"
+                    className="tf-btn btn-primary2 btn-px-28 height-2 rounded-0"
+                  >
+                    <span>Explore Opportunities</span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <Link
+                    href="#contact"
+                    className="tf-btn btn-border btn-px-28 height-2 rounded-0"
+                  >
+                    <span>Partner With Us</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+            <Swiper className="swiper sw-single" data-effect="fade">
+              {bannerSlides.map((slide) => (
+                <SwiperSlide className="swiper-slide" key={slide.id}>
+                  <div className="slide-inner">
+                    <Image
+                      className="lazyload"
+                      data-src={slide.imageSrc}
+                      alt="banner"
+                      src={slide.imageSrc}
+                      width={slide.width}
+                      height={slide.height}
+                    />
+                    <h3 className="title text_white">{slide.title}</h3>
+                  </div>
+                </SwiperSlide>
+              ))}
+              <div className="sw-line sw-pagination-single" />
+            </Swiper>
+            {/* <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
+              <div
+                className="infiniteslide tf-marquee infiniteSlide"
+                data-clone={2}
+              >
+                {allBrands.map((elm, i) => (
+                  <div
+                    key={i}
+                    className="marquee-item style-2"
+                    style={{ flex: "0 0 auto", display: "block" }}
+                  >
+                    <div className="partner style-1">
+                      <Image
+                        alt=""
+                        src={elm.src}
+                        width={elm.width}
+                        height={elm.height}
+                      />
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div> */}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/MarqueeSlide.jsx b/components/homes/finance-consulting/MarqueeSlide.jsx
new file mode 100644
index 0000000..9dc0552
--- /dev/null
+++ b/components/homes/finance-consulting/MarqueeSlide.jsx
@@ -0,0 +1,279 @@
+import React from "react";
+
+export default function MarqueeSlide() {
+  return (
+    <div className="wrap-infiniteslide">
+      <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
+        <div
+          className="infiniteslide tf-marquee style-2 infiniteSlide"
+          style={{ animationDirection: "reverse" }}
+        >
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+          <div
+            className="marquee-item infiniteslide_clone"
+            style={{ flex: "0 0 auto", display: "block" }}
+          >
+            <div className="text-inner">
+              <h3>
+                Strategize <span className="text_mono-gray-5">for</span> Growth
+              </h3>
+              <i className="icon-arrow-right-02-sharp" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Process.jsx b/components/homes/finance-consulting/Process.jsx
new file mode 100644
index 0000000..e241ad8
--- /dev/null
+++ b/components/homes/finance-consulting/Process.jsx
@@ -0,0 +1,189 @@
+import React from "react";
+import Link from "next/link";
+export default function Process() {
+  return (
+    <div className="section-work style-1">
+      <div className="tf-container-3">
+        <div className="row">
+          <div className="col-lg-5">
+            <div className="sticky-element left">
+              <div className="heading-section mb_34">
+                <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
+                  How It Works
+                </div>
+                <h3 className="split-text split-lines-rotation-x">
+                  Turn your vision into a financially strategy
+                </h3>
+                <p
+                  className="text-body-1 text_mono-gray-5 mt_23 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  Their expert guidance in streamlining our cash flow processes
+                  and optimizing operational costs has saved us 18% in annual
+                  expenditures.
+                </p>
+              </div>
+              <Link
+                href={`/pricing`}
+                className="tf-btn btn-dark rounded-0 btn-px-30 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0s"
+              >
+                <span>See Pricing Plan</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+          <div className="col-lg-7">
+            <div className="step-container">
+              <div className="tf-box-icon style-3 effect-icon active">
+                <span className="number text-body-1">1</span>
+                <div className="icon">
+                  <svg
+                    width={40}
+                    height={40}
+                    viewBox="0 0 40 40"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M32.0854 16.3555C31.9479 16.2783 31.7753 16.2384 31.596 16.2529C31.4967 16.261 31.3592 16.3037 30.5205 16.6857C30.1542 16.8525 29.9486 16.9485 29.79 17.0634C29.6691 17.1511 29.6301 17.2125 29.6053 17.2854C29.6032 17.2944 29.5971 17.3271 29.5924 17.4041C29.5844 17.533 29.5839 17.7045 29.5839 18.0074V25.3259C29.5839 25.6288 29.5844 25.8003 29.5924 25.9292C29.5971 26.0062 29.6032 26.0389 29.6053 26.0479C29.6301 26.1208 29.669 26.1822 29.79 26.2699C29.9486 26.3848 30.1542 26.4808 30.5205 26.6476C31.3592 27.0296 31.4967 27.0724 31.596 27.0804C31.7753 27.0949 31.9479 27.055 32.0854 26.9778C32.1486 26.9423 32.2336 26.8713 32.8018 26.1811C33.0308 25.9031 33.2442 25.657 33.45 25.4196C33.757 25.0657 34.0472 24.7311 34.3474 24.3383C34.8142 23.7273 35.1396 23.1721 35.2873 22.6313C35.4605 21.9972 35.4605 21.3361 35.2873 20.702C35.1969 20.371 35.0168 20.0043 34.6299 19.4549C34.2342 18.8932 33.68 18.2189 32.882 17.2495C32.7678 17.1108 32.6929 17.0143 32.6276 16.93C32.5492 16.8289 32.4844 16.7454 32.3816 16.6276C32.2366 16.4615 32.144 16.3884 32.0854 16.3555ZM29.606 26.0506C29.606 26.0506 29.6058 26.0499 29.6053 26.0481L29.606 26.0506ZM29.606 17.2827C29.606 17.2828 29.6058 17.2837 29.6053 17.2852L29.606 17.2827ZM31.3945 13.7611C32.0568 13.7075 32.7273 13.8489 33.309 14.1754C33.7272 14.4101 34.0393 14.7251 34.2649 14.9835C34.3895 15.1262 34.5579 15.3398 34.6805 15.4952C34.7371 15.567 34.7839 15.6263 34.812 15.6605L33.847 16.455L34.812 15.6605L34.8428 15.6979C35.6029 16.621 36.2175 17.3676 36.6737 18.0152C37.1448 18.684 37.5017 19.3212 37.6989 20.0432C37.99 21.1086 37.99 22.2247 37.6989 23.2901C37.4271 24.2852 36.8799 25.1416 36.3338 25.8562C36.0032 26.2888 35.6023 26.7534 35.2492 27.1626C35.056 27.3864 34.8772 27.5937 34.7319 27.7702L33.7669 26.9756L34.7319 27.7702C34.6998 27.8092 34.6677 27.8482 34.6358 27.8872C34.234 28.3774 33.8374 28.8614 33.309 29.1579C32.7273 29.4844 32.0568 29.6258 31.3945 29.5723C30.7983 29.524 30.2292 29.2636 29.6243 28.9868C29.5778 28.9655 29.5312 28.9441 29.4842 28.9227C29.4504 28.9074 29.4141 28.8911 29.3755 28.8739C28.7819 28.6087 27.6627 28.1086 27.2364 26.8468C27.0813 26.3879 27.0826 25.8973 27.0837 25.4408C27.0838 25.4022 27.0839 25.3639 27.0839 25.3259V18.0074C27.0839 17.9694 27.0838 17.9311 27.0837 17.8926C27.0826 17.436 27.0813 16.9454 27.2364 16.4865C27.6627 15.2247 28.7819 14.7246 29.3755 14.4594C29.4141 14.4422 29.4504 14.426 29.4842 14.4106C29.5312 14.3892 29.5778 14.3678 29.6243 14.3466C30.2292 14.0698 30.7983 13.8093 31.3945 13.7611Z"
+                      fill="#121416"
+                    />
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M7.90244 16.4064C8.06687 16.2834 8.19868 16.2365 8.40526 16.2533C8.5046 16.2613 8.64209 16.304 9.4808 16.686C10.1201 16.9772 10.1972 17.0261 10.2403 17.0636C10.315 17.1285 10.3455 17.1821 10.3704 17.283C10.4071 17.4317 10.4174 17.6294 10.4174 18.0077V25.3262C10.4174 25.7046 10.4071 25.9022 10.3704 26.051C10.3455 26.1518 10.315 26.2055 10.2403 26.2704C10.1972 26.3079 10.1201 26.3568 9.48081 26.648C8.64209 27.03 8.5046 27.0727 8.40526 27.0807C8.20323 27.0971 8.07739 27.0527 7.92834 26.9466C7.72706 26.8035 7.52444 26.5762 7.19946 26.1815C6.97052 25.9034 6.75714 25.6574 6.55127 25.42C6.24434 25.0661 5.95411 24.7314 5.65394 24.3386C5.18708 23.7276 4.86175 23.1725 4.71401 22.6317C4.54078 21.9976 4.54078 21.3364 4.71401 20.7023C4.80443 20.3714 4.98446 20.0046 5.37143 19.4553C5.76711 18.8935 6.32126 18.2192 7.11932 17.2499C7.47075 16.823 7.67975 16.573 7.90244 16.4064ZM5.18929 15.6608L6.1543 16.4553L5.18929 15.6608L5.15847 15.6983C4.39845 16.6214 3.78383 17.3679 3.3276 18.0156C2.85651 18.6843 2.49963 19.3215 2.30239 20.0435C2.01133 21.1089 2.01133 22.2251 2.30239 23.2905C2.57421 24.2855 3.12143 25.1419 3.66752 25.8565C3.99811 26.2892 4.39899 26.7537 4.75212 27.1629C4.94527 27.3867 5.12415 27.594 5.26943 27.7705L6.23444 26.976L5.26943 27.7705C5.28471 27.789 5.30029 27.808 5.31618 27.8274C5.88936 28.5254 6.865 29.7135 8.60679 29.5726C9.20297 29.5244 9.77215 29.2639 10.377 28.9871C10.4235 28.9658 10.4701 28.9445 10.5171 28.9231C10.5534 28.9065 10.5898 28.89 10.6261 28.8736C11.0806 28.6675 11.5258 28.4657 11.8809 28.1568C12.919 27.254 12.918 26.0623 12.9175 25.3733C12.9174 25.3573 12.9174 25.3416 12.9174 25.3262V18.0077C12.9174 17.9923 12.9174 17.9767 12.9175 17.9607C12.918 17.2716 12.919 16.08 11.8809 15.1772C11.5258 14.8683 11.0806 14.6665 10.6261 14.4604C10.5898 14.4439 10.5534 14.4275 10.5171 14.4109C10.4702 14.3895 10.4235 14.3682 10.377 14.3469C9.77215 14.0701 9.20297 13.8096 8.60679 13.7614C6.84856 13.6192 5.85495 14.8421 5.28724 15.5408C5.25307 15.5828 5.22044 15.623 5.18929 15.6608Z"
+                      fill="#121416"
+                    />
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M20.0002 6.25C14.0595 6.25 9.5835 10.3413 9.5835 15V16.25H7.0835V15C7.0835 8.61296 13.0542 3.75 20.0002 3.75C26.9461 3.75 32.9168 8.61296 32.9168 15V16.25H30.4168V15C30.4168 10.3413 25.9408 6.25 20.0002 6.25Z"
+                      fill="#121416"
+                    />
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M31.6675 27.084C32.3578 27.084 32.9175 27.6436 32.9175 28.334V29.6673C32.9175 33.5491 29.0984 36.2507 25.0008 36.2507H21.6675C20.9771 36.2507 20.4175 35.691 20.4175 35.0007C20.4175 34.3103 20.9771 33.7507 21.6675 33.7507H25.0008C28.2671 33.7507 30.4175 31.6766 30.4175 29.6673V28.334C30.4175 27.6436 30.9771 27.084 31.6675 27.084Z"
+                      fill="#121416"
+                    />
+                  </svg>
+                </div>
+                <div className="content">
+                  <h6 className="title">
+                    Initial Consultation &amp; Assessment
+                  </h6>
+                  <p className="text-body-2 text_mono-gray-5">
+                    Understand your spending habits and make informed decisions.
+                    We can make it!
+                  </p>
+                </div>
+              </div>
+              <div className="tf-box-icon style-3 effect-icon">
+                <span className="number text-body-1">2</span>
+                <div className="icon">
+                  <svg
+                    width={40}
+                    height={40}
+                    viewBox="0 0 40 40"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M13.3325 33.3333C12.4758 34.4957 12.1282 34.9001 11.4237 34.9881C10.7193 35.0761 10.2322 34.6728 9.25814 33.8662C5.63434 30.8656 3.33252 26.3756 3.33252 21.3579C3.33252 12.3237 10.7944 5 19.9992 5C29.2039 5 36.6659 12.3237 36.6659 21.3579C36.6659 26.3756 34.364 30.8656 30.7402 33.8662C29.7661 34.6728 29.2791 35.0761 28.5746 34.9881C27.8702 34.9001 27.5226 34.4957 26.6659 33.3333"
+                      stroke="#121416"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M22.499 17.5L29.999 8.33337"
+                      stroke="#121416"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <circle
+                      cx="19.999"
+                      cy={20}
+                      r="2.5"
+                      stroke="#121416"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                  </svg>
+                </div>
+                <div className="content">
+                  <h6 className="title">
+                    Strategic Planning &amp; Development
+                  </h6>
+                  <p className="text-body-2 text_mono-gray-5">
+                    Develop a comprehensive financial strategy that aligns with
+                    your long-term goals.
+                  </p>
+                </div>
+              </div>
+              <div className="tf-box-icon style-3 effect-icon">
+                <span className="number text-body-1">3</span>
+                <div className="icon">
+                  <svg
+                    width={34}
+                    height={34}
+                    viewBox="0 0 34 34"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M10.3335 25.3333L10.3335 20.3333"
+                      stroke="#141B34"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M17 20.3333L17 11.9999"
+                      stroke="#141B34"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M23.6665 12L23.6665 7"
+                      stroke="#141B34"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M30.3335 13.6667L30.3335 3.66675"
+                      stroke="#141B34"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M2 2V20.3333C2 25.8331 2 28.5829 3.70854 30.2915C5.41709 32 8.16695 32 13.6667 32H32"
+                      stroke="#141B34"
+                      strokeWidth="2.5"
+                      strokeLinecap="round"
+                    />
+                  </svg>
+                </div>
+                <div className="content">
+                  <h6 className="title">Ongoing Monitor &amp; Adjustments</h6>
+                  <p className="text-body-2 text_mono-gray-5">
+                    Continuously monitor your financial progress and adapt the
+                    plan as needed.
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Services.jsx b/components/homes/finance-consulting/Services.jsx
new file mode 100644
index 0000000..6b6bb19
--- /dev/null
+++ b/components/homes/finance-consulting/Services.jsx
@@ -0,0 +1,105 @@
+"use client";
+import { serviceBoxes } from "@/data/services";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Navigation, Pagination } from "swiper/modules";
+export default function Services() {
+  return (
+    <div className="section-service style-2 tf-spacing-46">
+      <div className="tf-container-3">
+        <div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_62">
+          <div className="left">
+            <div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
+              Our Focus Areas
+            </div>
+            <h3 className="split-text effect-right">
+              Strategic Opportunities for you to maintain <br />
+              sustainable growth
+            </h3>
+          </div>
+          <div className="right">
+            <Link
+              href="#contact-section"
+              className="tf-btn btn-dark rounded-0 btn-px-28 height-2 mb_10"
+            >
+              <span>Get in touch</span>
+              <span className="bg-effect" />
+            </Link>
+          </div>
+        </div>
+        <div
+          className="sw-layout-1 position-relative wow animate__fadeInRight animate__animated"
+          data-wow-delay="0s"
+        >
+          <Swiper
+            className="swiper"
+            breakpoints={{
+              0: { slidesPerView: 1 },
+              575: {
+                slidesPerView: 1,
+              },
+              768: {
+                slidesPerView: 2,
+              },
+              992: {
+                slidesPerView: 3,
+                spaceBetween: 16,
+              },
+            }}
+            spaceBetween={15}
+            modules={[Navigation, Pagination]}
+            pagination={{
+              clickable: true,
+              el: ".spd4",
+            }}
+            navigation={{
+              prevEl: ".snbp4",
+              nextEl: ".snbn4",
+            }}
+          >
+            {serviceBoxes.map((service) => (
+              <SwiperSlide className="swiper-slide" key={service.id}>
+                <div className="tf-box-icon style-2 effect-icon">
+                  <span className="number">{service.number}</span>
+                  <div className="content">
+                    <div className="icon mb_16">
+                      <Image
+                        alt=""
+                        src={service.iconSrc}
+                        width={48}
+                        height={48}
+                      />
+                    </div>
+                    <h6 className="fw-5 mb_11">
+                      <a href="#" className="link">
+                        {service.title}
+                      </a>
+                    </h6>
+                    <p className="text-body-2 text_mono-gray-5">
+                      {service.description}
+                    </p>
+                    {/* <a
+                      href="#"
+                      className="text-body-1 text_primary link-black btn_link"
+                    >
+                      Book a call
+                    </a> */}
+                  </div>
+                </div>
+              </SwiperSlide>
+            ))}
+          </Swiper>
+          <div className="sw-button style-default nav-prev-layout-1 xl-hide snbp4">
+            <i className="icon-arrow-left-01" />
+          </div>
+          <div className="sw-button style-default nav-next-layout-1 xl-hide snbn4">
+            <i className="icon-arrow-right-01" />
+          </div>
+          <div className="sw-dots style-default sw-pagination-layout-1 mt_20 justify-content-center d-flex d-xl-none spd4" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/finance-consulting/Testimonials.jsx b/components/homes/finance-consulting/Testimonials.jsx
new file mode 100644
index 0000000..a2b040a
--- /dev/null
+++ b/components/homes/finance-consulting/Testimonials.jsx
@@ -0,0 +1,105 @@
+"use client";
+import { testimonials } from "@/data/testimonials";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Image from "next/image";
+import { counterItems2 } from "@/data/facts";
+import OdometerComponent from "@/components/common/OdometerComponent";
+export default function Testimonials() {
+  return (
+    <div className="section-testimonial style-5 tf-spacing-16 pb-0">
+      <div className="heading-section text-center mb_63">
+        <h3 className="text_white split-text effect-right">
+          Our client’s journeys to success
+        </h3>
+      </div>
+      <Swiper
+        className="swiper sw-layout"
+        loop
+        initialSlide={1}
+        centeredSlides
+        spaceBetween={15}
+        breakpoints={{
+          0: { slidesPerView: 1.2 },
+          575: {
+            slidesPerView: 1.2,
+          },
+          768: {
+            slidesPerView: 1.2,
+            spaceBetween: 20,
+          },
+          992: {
+            slidesPerView: 1.3,
+            spaceBetween: 72,
+          },
+          1200: {
+            slidesPerView: 1.98,
+            spaceBetween: 72,
+          },
+        }}
+      >
+        {testimonials.map((testimonial, index) => (
+          <SwiperSlide
+            className="swiper-slide"
+            key={`${testimonial.id}-${index}`}
+          >
+            <div className="testimonial style-4">
+              <div className="img-style mb_40">
+                <Image
+                  className="lazyload"
+                  data-src={testimonial.imageSrc}
+                  alt="testimonial"
+                  src={testimonial.imageSrc}
+                  width={908}
+                  height={652}
+                />
+              </div>
+              <div className="content">
+                <div className="left">
+                  <p className="text-body-2 text_white mb_12">
+                    {testimonial.quote}
+                  </p>
+                  <p className="text-body-3 text_mono-gray-5">
+                    {testimonial.author}
+                  </p>
+                </div>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src={testimonial.logoSrc}
+                    width={testimonial.logoWidth}
+                    height={testimonial.logoHeight}
+                  />
+                </div>
+              </div>
+            </div>
+          </SwiperSlide>
+        ))}
+      </Swiper>
+      <div className="bot">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-12">
+              <div className="wrap-counter styel-1">
+                {counterItems2.map((item, index) => (
+                  <div key={index} className="counter-item style-1">
+                    <div className="counter-number">
+                      <h2 className="odometer text_mono-dark-9">
+                        <OdometerComponent max={item.value} />
+                      </h2>
+                      <span className="sub text_mono-dark-9">{item.unit}</span>
+                    </div>
+                    <p
+                      className="text-body-2 text_mono-gray-7"
+                      dangerouslySetInnerHTML={{ __html: item.description }}
+                    />
+                  </div>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/home-1/Blogs.jsx b/components/homes/home-1/Blogs.jsx
new file mode 100644
index 0000000..c805e5a
--- /dev/null
+++ b/components/homes/home-1/Blogs.jsx
@@ -0,0 +1,107 @@
+"use client";
+import { blogArticles } from "@/data/blogs";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Navigation } from "swiper/modules";
+export default function Blogs() {
+  return (
+    <div className="section-blog style-3 sw-layout-1 tf-spacing-17">
+      <div className="tf-container">
+        <div className="wrap">
+          <div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_108">
+            <div className="left">
+              <h1 className="heading-title split-text effect-right">
+                Insights From Our Press
+              </h1>
+              <p
+                className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+                data-wow-delay="0s"
+              >
+                Discover the latest insights and trends in our most recent
+                articles. Stay informed and <br />
+                up to date on the topics that matter most to you.
+              </p>
+            </div>
+            <div className="wrap-sw-button d-flex gap_16">
+              <div className="sw-button style-default v2 has-bg nav-prev-layout-1 snbp5">
+                <i className="icon-caret-left" />
+              </div>
+              <div className="sw-button style-default v2 has-bg nav-next-layout-1 snbn5">
+                <i className="icon-caret-right" />
+              </div>
+            </div>
+          </div>
+          <Swiper
+            className="swiper swiper-container wow animate__fadeInLeft animate__animated"
+            data-wow-delay="0s"
+            spaceBetween={15}
+            breakpoints={{
+              0: { slidesPerView: 1 },
+              575: {
+                slidesPerView: 1,
+              },
+              768: {
+                slidesPerView: 2,
+                spaceBetween: 20,
+              },
+              992: {
+                slidesPerView: 3,
+                spaceBetween: 24,
+              },
+            }}
+            modules={[Navigation]}
+            navigation={{
+              prevEl: ".snbp5",
+              nextEl: ".snbn5",
+            }}
+          >
+            {blogArticles.map((article) => (
+              <SwiperSlide className="swiper-slide" key={article.id}>
+                <div className="blog-article-item hover-image">
+                  <Link
+                    href={`/single-post/${article.id}`}
+                    className="article-thumb mb_25"
+                  >
+                    <Image
+                      className="lazyload"
+                      data-src={article.imageSrc}
+                      alt="blog"
+                      src={article.imageSrc}
+                      width={article.width}
+                      height={article.height}
+                    />
+                  </Link>
+                  <div className="article-content">
+                    <ul className="blog-article-meta mb_15 d-flex align-items-center">
+                      <li className="meta-item text-body-1">
+                        <Link
+                          href={`/single-post/${article.id}`}
+                          className="link-black"
+                        >
+                          {article.category}
+                        </Link>
+                      </li>
+                      <li className="meta-item date text-body-1">
+                        {article.date}
+                      </li>
+                    </ul>
+                    <h5 className="title letter-spacing-2">
+                      <Link
+                        href={`/single-post/${article.id}`}
+                        className="link"
+                      >
+                        {article.title}
+                      </Link>
+                    </h5>
+                  </div>
+                </div>
+              </SwiperSlide>
+            ))}
+          </Swiper>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/home-1/Brands.jsx b/components/homes/home-1/Brands.jsx
new file mode 100644
index 0000000..5790af2
--- /dev/null
+++ b/components/homes/home-1/Brands.jsx
@@ -0,0 +1,462 @@
+"use client";
+import React from "react";
+import Image from "next/image";
+import { counterItems3 } from "@/data/facts";
+import OdometerComponent from "@/components/common/OdometerComponent";
+export default function Brands() {
+  return (
+    <div className="section-about style-2 tf-spacing-15 pt-0">
+      <div className="tf-container">
+        <div className="tf-spacing-14">
+          <div className="heading-section text-center mb_55">
+            <h6 className="title text-uppercase font2 text_mono-gray-4">
+              Our clients reflect our expertise
+            </h6>
+          </div>
+          <div className="infiniteslide tf-marquee infiniteSlide">
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-15.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-16.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-17.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-18.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-19.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-20.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-21.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-15.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-16.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-17.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-18.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-19.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-20.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-21.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-15.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-16.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-17.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-18.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-19.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-20.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+            <div
+              className="marquee-item infiniteslide_clone"
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner style-3">
+                <Image
+                  alt="brands"
+                  src="/images/brands/brand-21.png"
+                  width={160}
+                  height={120}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="text-with-img-1">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="left">
+                <div className="shape-img-bg">
+                  <Image
+                    alt="img-with-shape-1"
+                    className="img-custom-anim-left wow"
+                    src="/images/section/img-with-shape-1.jpg"
+                    width={696}
+                    height={598}
+                  />
+                  <div className="img-bg-shape">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      x="0px"
+                      y="0px"
+                      viewBox="0 0 288 288"
+                    >
+                      <linearGradient
+                        id="imagewave"
+                        x1="70.711%"
+                        x2="0%"
+                        y1="70.711%"
+                        y2="0%"
+                      >
+                        <stop
+                          className="stop-color"
+                          offset="0%"
+                          stopOpacity={1}
+                        />
+                        <stop
+                          className="stop-color"
+                          offset="100%"
+                          stopOpacity={1}
+                        />
+                      </linearGradient>
+                      <path fill="url(#imagewave)" d="">
+                        <animate
+                          repeatCount="indefinite"
+                          attributeName="d"
+                          dur="5s"
+                          values="M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                              c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                              c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                              c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
+                              
+                              
+                              M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
+                              c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
+                              c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
+                              C48.9,198.6,57.8,191,51,171.3z;
+                              
+                              M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                              c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                              c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                              c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z  "
+                        />
+                      </path>
+                    </svg>
+                  </div>
+                </div>
+                <div className="item scroll-tranform" data-distance="20%">
+                  <div className="text-circle">
+                    <svg className="textcircle" viewBox="0 0 500 500">
+                      <defs>
+                        <path
+                          id="textcircle"
+                          d="M250,400 a150,150 0 0,1 0,-300a150,150 0 0,1 0,300Z"
+                        />
+                      </defs>
+                      <text>
+                        <textPath
+                          xlinkHref="#textcircle"
+                          textLength={900}
+                          className="h5"
+                        >
+                          BUSINESS CONSULTING • ADVITEX •
+                        </textPath>
+                      </text>
+                    </svg>
+                  </div>
+                  <Image
+                    alt="logo"
+                    className="logo"
+                    src="/images/item/logo-banner-item.png"
+                    width={100}
+                    height={63}
+                  />
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <div className="content">
+                <div className="heading">
+                  <h1 className="title split-text effect-right">
+                    Our Mission Is Realization <br />
+                    Your Dream Into Reality
+                  </h1>
+                  <div className="description">
+                    <p
+                      className="text-body-1 text_mono-gray-7 mb_9 wow animate__fadeInUp animate__animated"
+                      data-wow-delay="0s"
+                    >
+                      At Advitex, we are a global consulting firm dedicated to
+                      partnering with business and societal leaders to tackle
+                      their most critical challenges. With our deep industry
+                      expertise and collaborative approach.
+                    </p>
+                    <p
+                      className="text-body-1 text_mono-gray-7 wow animate__fadeInUp animate__animated"
+                      data-wow-delay="0s"
+                    >
+                      Our experienced consultants offer strategic thinking,
+                      analytical rigor, and practical implementation skills.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  className="wrap d-flex wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  <a
+                    href="#"
+                    className="tf-btn btn-primary2 height-2 btn-px-28"
+                  >
+                    <span> Learn more</span>
+                    <span className="bg-effect" />
+                  </a>
+                  <div className="contact d-flex align-items-center gap_12">
+                    <div className="icon">
+                      <i className="icon-tty-solid" />
+                    </div>
+                    <p className="font2 text-body-2">
+                      24/7 Support: (234) 109-6666
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="row wrap-counter">
+          {counterItems3.map((item, index) => (
+            <div key={index} className="col-md-4">
+              <div className="counter-item style-default">
+                <div className="sub-heading text_black text-uppercase mb_21">
+                  {item.title}
+                </div>
+                <div className="counter-number mb_15">
+                  <div className="odometer text_primary">
+                    <OdometerComponent max={item.value} />
+                  </div>
+                  <span className="sub text_primary">{item.unit}</span>
+                </div>
+                <p className="sub-heading text_mono-gray-5">
+                  {item.description.split("\n").map((line, i) => (
+                    <React.Fragment key={i}>
+                      {line}
+                      {i < item.description.split("\n").length - 1 && <br />}
+                    </React.Fragment>
+                  ))}
+                </p>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/home-1/CaseStudies.jsx b/components/homes/home-1/CaseStudies.jsx
new file mode 100644
index 0000000..bc3a9f4
--- /dev/null
+++ b/components/homes/home-1/CaseStudies.jsx
@@ -0,0 +1,122 @@
+"use client";
+import { caseStudies } from "@/data/caseStudies";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Navigation } from "swiper/modules";
+export default function CaseStudies() {
+  return (
+    <div className="section sw-layout-1 tf-spacing-13 pt-0">
+      <div className="tf-container">
+        <div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_88">
+          <div className="left">
+            <h2 className="heading-title split-text effect-right">
+              Feature Case Studies
+            </h2>
+            <p
+              className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+              data-wow-delay="0s"
+            >
+              Discover the transformative power of our solutions. Learn how
+              we've helped businesses of all sizes overcome challenges.
+            </p>
+          </div>
+          <div className="wrap-sw-button d-flex gap_16">
+            <div className="sw-button style-default v2 has-bg nav-prev-layout-1 snbp6">
+              <i className="icon-caret-left" />
+            </div>
+            <div className="sw-button style-default v2 has-bg nav-next-layout-1 snbn6">
+              <i className="icon-caret-right" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="tf-container slider-layout-right w-xl">
+        <Swiper
+          className="swiper"
+          spaceBetween={15}
+          breakpoints={{
+            0: { slidesPerView: 1 },
+            575: {
+              slidesPerView: 1,
+            },
+            768: {
+              slidesPerView: 1.1,
+            },
+            992: {
+              slidesPerView: 1.4,
+              spaceBetween: 20,
+            },
+            1200: {
+              slidesPerView: 1.81,
+              spaceBetween: 24,
+            },
+          }}
+          modules={[Navigation]}
+          navigation={{
+            prevEl: ".snbp6",
+            nextEl: ".snbn6",
+          }}
+        >
+          {caseStudies.map((study) => (
+            <SwiperSlide className="swiper-slide" key={study.id}>
+              <div className="case-studies-item style-1 hover-image hover-border border-element h-full">
+                <Link
+                  href={`/single-project/${study.id}`}
+                  className="img-style"
+                >
+                  <Image
+                    className="lazyload"
+                    data-src={study.imageSrc}
+                    alt="case-studies"
+                    src={study.imageSrc}
+                    width={382}
+                    height={502}
+                  />
+                </Link>
+                <div className="content">
+                  <div className="top d-flex align-items-center justify-content-between mb_31">
+                    <div className="brand">
+                      <Image
+                        alt="brand"
+                        src={study.brandSrc}
+                        width={study.brandWidth}
+                        height={study.brandHeight}
+                      />
+                    </div>
+                    <a href="#" className="tf-btn">
+                      <span className="icon-arrow-top-right" />
+                      <span className="bg-effect" />
+                    </a>
+                  </div>
+                  <div className="heading mb_65">
+                    <h4 className="mb_15 title">
+                      <Link
+                        href={`/single-project/${study.id}`}
+                        className="link"
+                      >
+                        {study.title}
+                      </Link>
+                    </h4>
+                    <p className="text_mono-gray-7 text-body-2">
+                      {study.description}
+                    </p>
+                  </div>
+                  <div className="group-number">
+                    {study.stats.map((stat, index) => (
+                      <div className="wrap-number" key={index}>
+                        <h3 className="number fw-5">{stat.value}</h3>
+                        <p className="font2 text-body-1 lh-20">{stat.label}</p>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/home-1/Hero.jsx b/components/homes/home-1/Hero.jsx
new file mode 100644
index 0000000..17d2091
--- /dev/null
+++ b/components/homes/home-1/Hero.jsx
@@ -0,0 +1,67 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Hero() {
+  return (
+    <div className="page-title style-1">
+      <div className="content-inner">
+        <div className="tf-container">
+          <div className="heading-title">
+            <div className="text-display-2 text_white mb_49 split-text effect-scale">
+              Fully <br />
+              Nurture Your <br />
+              Potential
+            </div>
+            <Link href={`/about`} className="tf-btn btn-white height-2">
+              <span className="text_black">Book A Free Consultant</span>
+              <span className="bg-effect" />
+            </Link>
+          </div>
+          <div className="bot d-flex align-items-end justify-content-between gap-20 flex-wrap">
+            <p className="text_white sub-heading description">
+              Consulting services offer a strategic partnership that bridges
+              <br />
+              the gap between your aspirations and their realization. By
+              leveraging our <br />
+              deep industry knowledge, analytical skills.
+            </p>
+            <div className="wrap-facts">
+              <h5 className="text_white mb_19">Connect Your Experts</h5>
+              <div className="facts style-1">
+                <div className="avatar-wrap d-flex">
+                  <div className="avatar item-1">
+                    <Image
+                      alt=""
+                      src="/images/avatar/facts-2.png"
+                      width={60}
+                      height={60}
+                    />
+                  </div>
+                  <div className="avatar item-2">
+                    <Image
+                      alt=""
+                      src="/images/avatar/facts-2.png"
+                      width={60}
+                      height={60}
+                    />
+                  </div>
+                  <div className="avatar item-3">
+                    <Image
+                      alt=""
+                      src="/images/avatar/facts-1.png"
+                      width={60}
+                      height={61}
+                    />
+                  </div>
+                </div>
+                <p className="text-body-1 text_white">
+                  The expert team brings a wealth of knowledge and creativity
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/home-1/Process.jsx b/components/homes/home-1/Process.jsx
new file mode 100644
index 0000000..5922f9a
--- /dev/null
+++ b/components/homes/home-1/Process.jsx
@@ -0,0 +1,201 @@
+import React from "react";
+import Image from "next/image";
+export default function Process() {
+  return (
+    <div className="section-process style-1 tf-spacing-5">
+      <div className="tf-container">
+        <div className="wrap">
+          <div className="row align-items-end">
+            <div className="col-xl-6 left">
+              <div className="heading-section mb_88 ps-0">
+                <h2 className="heading-title split-text effect-right">
+                  Our Approach
+                </h2>
+                <p
+                  className="text-body-1 text_mono-gray-7 mt_18 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  We rely on datadriven analysis and rigorous methodologies
+                  <br />
+                  to inform our decisions and ensure accuracy.
+                </p>
+              </div>
+              <ul
+                className="accordion-wrap gap-16 style-faqs"
+                id="accordion-approach"
+              >
+                <li className="accordion-item action_click scrolling-effect effectLeft style-default">
+                  <a
+                    href="#accordion-approach-1"
+                    className="accordion-title action collapsed current"
+                    data-bs-toggle="collapse"
+                    aria-expanded="true"
+                    aria-controls="accordion-approach-1"
+                  >
+                    <div className="heading">
+                      <h3 className="text_mono-gray-5 title">
+                        <span className="text_primary">1.</span>Story &amp;
+                        Reserach
+                      </h3>
+                    </div>
+                    <span className="icon" />
+                  </a>
+                  <div
+                    id="accordion-approach-1"
+                    className="collapse"
+                    data-bs-parent="#accordion-approach"
+                  >
+                    <div className="accordion-faqs-content">
+                      <p className="text-body-1">
+                        The research gathered to inform the development of the
+                        story provides the foundation for a product or service,
+                        shaping its direction and purpose.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+                <li className="accordion-item action_click scrolling-effect effectLeft active style-default">
+                  <a
+                    href="#accordion-approach-2"
+                    className="accordion-title action current"
+                    data-bs-toggle="collapse"
+                    aria-expanded="true"
+                    aria-controls="accordion-approach-2"
+                  >
+                    <div className="heading">
+                      <h3 className="text_mono-gray-5 title">
+                        <span className="text_primary">2.</span> Strategy &amp;
+                        Concept
+                      </h3>
+                    </div>
+                    <span className="icon" />
+                  </a>
+                  <div
+                    id="accordion-approach-2"
+                    className="collapse show"
+                    data-bs-parent="#accordion-approach"
+                  >
+                    <div className="accordion-faqs-content">
+                      <p className="text-body-1">
+                        The research gathered to inform the development of the
+                        story provides the foundation for a product or service,
+                        shaping its direction and purpose.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+                <li className="accordion-item action_click scrolling-effect effectLeft style-default">
+                  <a
+                    href="#accordion-approach-3"
+                    className="accordion-title action collapsed current"
+                    data-bs-toggle="collapse"
+                    aria-expanded="true"
+                    aria-controls="accordion-approach-3"
+                  >
+                    <div className="heading">
+                      <h3 className="text_mono-gray-5 title">
+                        <span className="text_primary">3.</span> Implementation
+                      </h3>
+                    </div>
+                    <span className="icon" />
+                  </a>
+                  <div
+                    id="accordion-approach-3"
+                    className="collapse"
+                    data-bs-parent="#accordion-approach"
+                  >
+                    <div className="accordion-faqs-content">
+                      <p className="text-body-1">
+                        The research gathered to inform the development of the
+                        story provides the foundation for a product or service,
+                        shaping its direction and purpose.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+                <li className="accordion-item action_click scrolling-effect effectLeft style-default">
+                  <a
+                    href="#accordion-approach-4"
+                    className="accordion-title action collapsed current"
+                    data-bs-toggle="collapse"
+                    aria-expanded="true"
+                    aria-controls="accordion-approach-4"
+                  >
+                    <div className="heading">
+                      <h3 className="text_mono-gray-5 title">
+                        <span className="text_primary">4.</span>Usability
+                        Testing
+                      </h3>
+                    </div>
+                    <span className="icon" />
+                  </a>
+                  <div
+                    id="accordion-approach-4"
+                    className="collapse"
+                    data-bs-parent="#accordion-approach"
+                  >
+                    <div className="accordion-faqs-content">
+                      <p className="text-body-1">
+                        To place an order, browse our We differentiate ourselves
+                        through our commitment to innovation, personalized
+                        solutions, and client satisfaction. We differentiate
+                        ourselves through our commitment to innovation,
+                        personalized solutions, and client satisfaction.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+                <li className="accordion-item action_click scrolling-effect effectLeft style-default">
+                  <a
+                    href="#accordion--approach-5"
+                    className="accordion-title action collapsed current"
+                    data-bs-toggle="collapse"
+                    aria-expanded="true"
+                    aria-controls="accordion--approach-5"
+                  >
+                    <div className="heading">
+                      <h3 className="text_mono-gray-5 title">
+                        <span className="text_primary">5.</span>Guide &amp; Hand
+                        Over
+                      </h3>
+                    </div>
+                    <span className="icon" />
+                  </a>
+                  <div
+                    id="accordion--approach-5"
+                    className="collapse"
+                    data-bs-parent="#accordion-approach"
+                  >
+                    <div className="accordion-faqs-content">
+                      <p className="text-body-1">
+                        To place an order, browse our We differentiate ourselves
+                        through our commitment to innovation, personalized
+                        solutions, and client satisfaction. We differentiate
+                        ourselves through our commitment to innovation,
+                        personalized solutions, and client satisfaction.
+                      </p>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div className="col-xl-6 right">
+              <div
+                className="shape-img-bg shape-border style-2 scroll-tranform"
+                data-distance="20%"
+              >
+                <Image
+                  alt=""
+                  className="img-custom-anim-left wow"
+                  src="/images/section/img-with-shape-2.jpg"
+                  width={802}
+                  height={535}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/About.jsx b/components/homes/insurance-consulting/About.jsx
new file mode 100644
index 0000000..6f192af
--- /dev/null
+++ b/components/homes/insurance-consulting/About.jsx
@@ -0,0 +1,96 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function About() {
+  return (
+    <div className="section">
+      <div className="tf-container">
+        <div className="box-about style-2">
+          <div className="left">
+            <div className="heading-section mb_50">
+              <div className="point text-body-1 mb_14">
+                <span className="item" />
+                About Us
+              </div>
+              <h3 className="heading-title text_mono-dark-9">
+                We’re A Trusted And Professional Insurance Company,{" "}
+                <Image
+                  alt="item"
+                  className="wow animate__rollIn animate__animated"
+                  data-wow-delay="0.4s"
+                  src="/images/item/item-title.png"
+                  width={48}
+                  height={48}
+                />{" "}
+                Committed To Your Financial Security.
+              </h3>
+            </div>
+            <div className="bot">
+              <div className="clutch-rating-item style-1 d-flex align-items-center mb_16">
+                <div className="logo">
+                  <svg
+                    width={34}
+                    height={38}
+                    viewBox="0 0 34 38"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      fillRule="evenodd"
+                      clipRule="evenodd"
+                      d="M33.363 31.4385C29.8792 35.4578 24.7365 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C24.7364 0 29.879 2.54213 33.3628 6.56127L27.8911 11.2998C25.7345 8.81185 22.551 7.23818 19 7.23818C12.5041 7.23818 7.23807 12.5042 7.23807 19.0001C7.23807 25.496 12.5041 30.762 19 30.762C22.5512 30.762 25.7348 29.1882 27.8914 26.7L33.363 31.4385Z"
+                      fill="black"
+                    />
+                    <ellipse
+                      cx="19.0003"
+                      cy="19.0003"
+                      rx="6.33333"
+                      ry="6.33333"
+                      fill="#EF2B10"
+                    />
+                  </svg>
+                </div>
+                <div>
+                  <div className="wrap-ratings d-flex gap_13 align-items-center">
+                    <div className="text-body-1 fw-6 font2 fw-6">4.9/5</div>
+                    <div className="ratings">
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                      <i className="icon-star-solid" />
+                    </div>
+                  </div>
+                  <p className="text-body-4">Based on 24 reviews</p>
+                </div>
+              </div>
+              <p className="text-body-1 text_mono-gray-6 mb_31">
+                As a trusted and professional insurance company, we are
+                committed to providing comprehensive coverage and exceptional
+                service to our <br />
+                valued clients.
+              </p>
+              <Link
+                href={`/about`}
+                className="tf-btn height-2 rounded-12 btn-px-28"
+              >
+                <span>View Details</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+          <div className="right">
+            <div className="image">
+              <Image
+                alt="item"
+                src="/images/section/section-about-1.jpg"
+                width={760}
+                height={760}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Approach.jsx b/components/homes/insurance-consulting/Approach.jsx
new file mode 100644
index 0000000..1c4212e
--- /dev/null
+++ b/components/homes/insurance-consulting/Approach.jsx
@@ -0,0 +1,225 @@
+import React from "react";
+import Image from "next/image";
+export default function Approach() {
+  return (
+    <div className="section-approach style-1">
+      <div className="tf-container">
+        <div className="row align-items-end">
+          <div className="col-lg-6">
+            <div className="heading-section mb_54">
+              <div className="point text-body-1 mb_8">
+                <span className="item" />
+                Approach
+              </div>
+              <h2 className="heading-title text_primary">
+                Helping You Make Informed Decisions
+              </h2>
+              <p className="text-body-1 text_mono-gray-6 mt_20">
+                Navigate the world of insurance with ease. A streamlined
+                approach to finding <br />
+                the perfect plan.
+              </p>
+            </div>
+            <ul
+              className="accordion-wrap gap-16 style-faqs"
+              id="accordion-approach"
+            >
+              <li className="accordion-item action_click scrolling-effect effectLeft style-default v5">
+                <a
+                  href="#accordion-approach-1"
+                  className="accordion-title action collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-approach-1"
+                >
+                  <div className="heading">
+                    <h4 className="text_mono-gray-5 title">
+                      <span className="text_primary">1.</span>Personalized
+                      Consultation
+                    </h4>
+                  </div>
+                  <span className="icon" />
+                </a>
+                <div
+                  id="accordion-approach-1"
+                  className="collapse"
+                  data-bs-parent="#accordion-approach"
+                >
+                  <div className="accordion-faqs-content">
+                    <ul className="list">
+                      <li className="text-body-1">
+                        Tailored advice based on individual needs and
+                        circumstances.
+                      </li>
+                      <li className="text-body-1">
+                        Comprehensive assessment of financial goals and risk
+                        tolerance.
+                      </li>
+                      <li className="text-body-1">
+                        Clear and concise explanations of complex insurance
+                        concepts.
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click scrolling-effect effectLeft active style-default v5">
+                <a
+                  href="#accordion-approach-2"
+                  className="accordion-title action current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-approach-2"
+                >
+                  <div className="heading">
+                    <h4 className="text_mono-gray-5 title">
+                      <span className="text_primary">2.</span> Comprehensive
+                      Product Analysis
+                    </h4>
+                  </div>
+                  <span className="icon" />
+                </a>
+                <div
+                  id="accordion-approach-2"
+                  className="collapse show"
+                  data-bs-parent="#accordion-approach"
+                >
+                  <div className="accordion-faqs-content">
+                    <ul className="list">
+                      <li className="text-body-1">
+                        Tailored advice based on individual needs and
+                        circumstances.
+                      </li>
+                      <li className="text-body-1">
+                        Comprehensive assessment of financial goals and risk
+                        tolerance.
+                      </li>
+                      <li className="text-body-1">
+                        Clear and concise explanations of complex insurance
+                        concepts.
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click scrolling-effect effectLeft style-default v5">
+                <a
+                  href="#accordion-approach-3"
+                  className="accordion-title action collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-approach-3"
+                >
+                  <div className="heading">
+                    <h4 className="text_mono-gray-5 title">
+                      <span className="text_primary">3.</span> Proactive Risk
+                      Management
+                    </h4>
+                  </div>
+                  <span className="icon" />
+                </a>
+                <div
+                  id="accordion-approach-3"
+                  className="collapse"
+                  data-bs-parent="#accordion-approach"
+                >
+                  <div className="accordion-faqs-content">
+                    <ul className="list">
+                      <li className="text-body-1">
+                        Tailored advice based on individual needs and
+                        circumstances.
+                      </li>
+                      <li className="text-body-1">
+                        Comprehensive assessment of financial goals and risk
+                        tolerance.
+                      </li>
+                      <li className="text-body-1">
+                        Clear and concise explanations of complex insurance
+                        concepts.
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </li>
+              <li className="accordion-item action_click scrolling-effect effectLeft style-default v5">
+                <a
+                  href="#accordion-approach-4"
+                  className="accordion-title action collapsed current"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="accordion-approach-4"
+                >
+                  <div className="heading">
+                    <h4 className="text_mono-gray-5 title">
+                      <span className="text_primary">4.</span>Exceptional Client
+                      Service
+                    </h4>
+                  </div>
+                  <span className="icon" />
+                </a>
+                <div
+                  id="accordion-approach-4"
+                  className="collapse"
+                  data-bs-parent="#accordion-approach"
+                >
+                  <div className="accordion-faqs-content">
+                    <ul className="list">
+                      <li className="text-body-1">
+                        Tailored advice based on individual needs and
+                        circumstances.
+                      </li>
+                      <li className="text-body-1">
+                        Comprehensive assessment of financial goals and risk
+                        tolerance.
+                      </li>
+                      <li className="text-body-1">
+                        Clear and concise explanations of complex insurance
+                        concepts.
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <div className="col-lg-6">
+            <div className="right position-relative">
+              <div className="img-style">
+                <Image
+                  className="lazyload"
+                  data-src="/images/section/section-approach.jpg"
+                  alt="approach"
+                  src="/images/section/section-approach.jpg"
+                  width={873}
+                  height={873}
+                />
+              </div>
+              <div
+                className="item approach-1 scroll-tranform"
+                data-direction="left"
+              >
+                <Image
+                  alt="item"
+                  src="/images/item/item-approach-1.png"
+                  width={252}
+                  height={161}
+                />
+              </div>
+              <div
+                className="item approach-2 scroll-tranform"
+                data-direction="right"
+              >
+                <Image
+                  alt="item"
+                  src="/images/item/item-approach-2.png"
+                  width={311}
+                  height={81}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Blogs.jsx b/components/homes/insurance-consulting/Blogs.jsx
new file mode 100644
index 0000000..340d5ee
--- /dev/null
+++ b/components/homes/insurance-consulting/Blogs.jsx
@@ -0,0 +1,106 @@
+"use client";
+import { blogPosts } from "@/data/blogs";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Pagination } from "swiper/modules";
+export default function Blogs() {
+  return (
+    <div className="section">
+      <div className="tf-container">
+        <div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_56">
+          <div className="left">
+            <div className="point text-body-1 mb_7">
+              <span className="item" />
+              Latest Articles
+            </div>
+            <h2 className="heading-title text_primary split-text effect-right">
+              Get The Latest Updates
+            </h2>
+            <p
+              className="text_mono-gray-7 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
+              data-wow-delay="0s"
+            >
+              We provide timely updates on industry trends, regulatory changes,
+              and <br />
+              best practices to help you make informed decisions.
+            </p>
+          </div>
+          <div className="right">
+            <Link
+              href={`/blog`}
+              className="tf-btn height-3 rounded-12 btn-px-28"
+            >
+              <span>View Details</span>
+              <span className="bg-effect" />
+            </Link>
+          </div>
+        </div>
+        <Swiper
+          className="swiper style-pagination sw-layout"
+          breakpoints={{
+            0: { slidesPerView: 1 },
+            575: {
+              slidesPerView: 2,
+            },
+            768: {
+              slidesPerView: 3,
+            },
+            992: {
+              slidesPerView: 4,
+            },
+          }}
+          spaceBetween={12}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd7",
+          }}
+        >
+          {blogPosts.map((post) => (
+            <SwiperSlide className="swiper-slide" key={`blog-${post.id}`}>
+              <div className="blog-article-item style-4">
+                <Link
+                  href={`/single-post/${post.id}`}
+                  className="article-thumb mb_11"
+                >
+                  <Image
+                    className="lazyload"
+                    data-src={post.imageSrc}
+                    alt={post.alt}
+                    src={post.imageSrc}
+                    width={415}
+                    height={280}
+                  />
+                  <Image
+                    className="lazyload"
+                    data-src={post.imageSrc}
+                    alt={post.alt}
+                    src={post.imageSrc}
+                    width={415}
+                    height={280}
+                  />
+                </Link>
+                <div className="article-content">
+                  <ul className="blog-article-meta mb_8 d-flex align-items-center style-2">
+                    <li className="meta-item text-body-2">{post.date}</li>
+                    <li className="meta-item date text-body-2">
+                      {post.comments}
+                    </li>
+                  </ul>
+                  <h6 className="title fw-5 letter-spacing-2 text_mono-dark-9 line-clamp-2">
+                    <Link href={`/single-post/${post.id}`} className="link">
+                      {post.title}
+                    </Link>
+                  </h6>
+                </div>
+              </div>
+            </SwiperSlide>
+          ))}
+          <div className="sw-pagination sw-pagination-layout text-center mt_20 spd7" />
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/CaseStudies.jsx b/components/homes/insurance-consulting/CaseStudies.jsx
new file mode 100644
index 0000000..3829c7f
--- /dev/null
+++ b/components/homes/insurance-consulting/CaseStudies.jsx
@@ -0,0 +1,196 @@
+"use client";
+import { caseStudies4 } from "@/data/caseStudies";
+import React, { useEffect, useState } from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Image from "next/image";
+import {
+  EffectCreative,
+  Navigation,
+  Pagination,
+  Controller,
+} from "swiper/modules";
+import { brandData } from "@/data/brands";
+const filters = [
+  "All",
+  "Health Insurance",
+  "Property Insurance",
+  "Business Insurance",
+];
+
+export default function CaseStudies() {
+  const [controllerSwiper, setControllerSwiper] = useState(null);
+  const [activeFilter, setActiveFilter] = useState("All");
+  const [filtered, setFiltered] = useState(caseStudies4);
+  useEffect(() => {
+    if (activeFilter == "All") {
+      setFiltered(caseStudies4);
+    } else {
+      setFiltered(
+        caseStudies4.filter((elm) => elm.categories.includes(activeFilter))
+      );
+    }
+  }, [activeFilter]);
+
+  return (
+    <div className="section-case-studies">
+      <div className="tf-container">
+        <div className="heading-section text-center mb_50">
+          <div className="point text-body-1 justify-content-center mb_6">
+            <span className="item" />
+            Case Studies
+          </div>
+          <h2 className="heading-title text_primary split-text effect-right">
+            Flexible Coverage Options
+          </h2>
+        </div>
+        <div className="projectCarousel">
+          <div className="thumbs">
+            <div className="sw-pagination-project h2" />
+            <div className="swiper-container">
+              <Swiper
+                controller={{ control: controllerSwiper }}
+                className="swiper project-carousel-layout"
+                {...{
+                  slidesPerView: 1,
+                  loop: false,
+                  speed: 550,
+                  spaceBetween: 50,
+                  direction: "horizontal",
+                  grabCursor: true,
+                  effect: "creative",
+                  creativeEffect: {
+                    prev: { opacity: 0, rotate: [0, 0, -10] },
+                    next: { opacity: 0, rotate: [0, 0, 10] },
+                  },
+                  //   navigation: {
+                  //     nextEl: navNext.length > 0 ? navNext[0] : null,
+                  //     prevEl: navPrev.length > 0 ? navPrev[0] : null,
+                  //   },
+                  pagination: {
+                    el: ".sw-pagination-project",
+                    type: "fraction",
+                    formatFractionCurrent: (number) =>
+                      number.toString().padStart(2, "0"),
+                    formatFractionTotal: (number) =>
+                      number.toString().padStart(2, "0"),
+                  },
+                }}
+                navigation={{
+                  prevEl: ".snbp8",
+                  nextEl: ".snbn8",
+                }}
+                modules={[EffectCreative, Navigation, Pagination, Controller]}
+              >
+                <div className="bg position-absolute">
+                  <Image
+                    alt="background"
+                    src="/images/item/bg-project.png"
+                    width={774}
+                    height={574}
+                  />
+                </div>
+                <div className="shape position-absolute">
+                  <Image
+                    alt="shape"
+                    src="/images/item/shape-4.png"
+                    width={1129}
+                    height={768}
+                  />
+                </div>
+                {filtered.map((slide, index) => (
+                  <SwiperSlide
+                    key={index}
+                    className="swiper-slide"
+                    data-categories={slide.categories}
+                  >
+                    <Image
+                      className="lazyload"
+                      data-src={slide.imageSrc}
+                      alt={slide.alt}
+                      src={slide.imageSrc}
+                      width={slide.width}
+                      height={slide.height}
+                    />
+                  </SwiperSlide>
+                ))}
+              </Swiper>
+            </div>
+            <div className="swiper-filter">
+              <ul className="filter-list">
+                {filters.map((filter) => (
+                  <li
+                    key={filter}
+                    className={`filter-list-item ${
+                      activeFilter === filter ? "active" : ""
+                    }`}
+                    onClick={() => setActiveFilter(filter)}
+                  >
+                    {filter}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </div>
+          <div className="content flex-wrap-sm gap_16">
+            <Swiper
+              className="swiper project-carousel-layout-extra"
+              onSwiper={setControllerSwiper}
+              {...{
+                slidesPerView: 1,
+                loop: true,
+                simulateTouch: false,
+                speed: 950,
+                effect: "creative",
+                creativeEffect: {
+                  prev: { opacity: 0, translate: [-105, 0, 0] },
+                  next: { opacity: 0, translate: [105, 0, 0] },
+                },
+              }}
+              modules={[EffectCreative, Controller]}
+            >
+              {filtered.map((elm, i) => (
+                <SwiperSlide className="swiper-slide">
+                  <h2 className="mb_15">{elm.title}</h2>
+                  <p
+                    className="text-body-2 text_mono-gray-7"
+                    dangerouslySetInnerHTML={{ __html: elm.description }}
+                  ></p>
+                </SwiperSlide>
+              ))}
+            </Swiper>
+            <div className="wrap-sw-button d-flex gap_15">
+              <div className="sw-button style-default has-bg sw-project-prev snbp8">
+                <i className="icon-long-arrow-alt-left-solid" />
+              </div>
+              <div className="sw-button style-default has-bg sw-project-next snbn8">
+                <i className="icon-long-arrow-alt-right-solid" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
+        <div className="infiniteslide tf-marquee style-1 infiniteSlide">
+          {[...brandData, ...brandData, ...brandData].map((brand, index) => (
+            <div
+              key={index}
+              className={`marquee-item ${
+                index >= brandData.length ? "infiniteslide_clone" : ""
+              }`}
+              style={{ flex: "0 0 auto", display: "block" }}
+            >
+              <div className="partner">
+                <Image
+                  alt="brands"
+                  src={brand.src}
+                  width={brand.width}
+                  height={brand.height}
+                />
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Cta.jsx b/components/homes/insurance-consulting/Cta.jsx
new file mode 100644
index 0000000..c7858d8
--- /dev/null
+++ b/components/homes/insurance-consulting/Cta.jsx
@@ -0,0 +1,77 @@
+"use client";
+import React, { useEffect } from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+export default function Cta() {
+  return (
+    <div className="section-work style-2 tf-spacing-23">
+      <div className="tf-container">
+        <div className="box-inner position-relative">
+          <div className="heading-section text-center mb_56">
+            <div className="point text-body-1 mb_17 justify-content-center">
+              <span className="item" />
+              Works With Us
+            </div>
+            <h1 className="heading-title text_primary mb_36 split-text split-lines-rotation-x">
+              Customize{" "}
+              <img
+                className="item-1 item"
+                alt=""
+                src="/images/box-icon/settings-02.svg"
+              />{" "}
+              Your Coverage To <br />
+              Fit Your Specific{" "}
+              <img
+                className="item-2 item"
+                alt=""
+                src="/images/box-icon/check-verified-02.svg"
+              />{" "}
+              Needs
+            </h1>
+            <p className="text-body-1 text_primary">
+              Tailored insurance solutions for your unique circumstances.
+            </p>
+          </div>
+          <div className="d-flex gap_10 wrap-btn justify-content-center">
+            <Link href={`/contact-us`} className="tf-btn rounded-12 height-4">
+              <span className="text-body-1">Contact Us Online</span>
+              <span className="bg-effect" />
+            </Link>
+            <Link
+              href={`/about`}
+              className="tf-btn btn-border border-1 height-4 rounded-12"
+            >
+              <span className="text-body-1 text_primary">
+                Request A Call Back
+              </span>
+              <span className="bg-effect" />
+            </Link>
+          </div>
+          <div
+            className="shape-1 position-absolute scroll-tranform"
+            data-direction="right"
+          >
+            <Image
+              alt="ellipse"
+              src="/images/item/ellipse-1.png"
+              width={400}
+              height={400}
+            />
+          </div>
+          <div
+            className="shape-2 position-absolute scroll-tranform"
+            data-direction="left"
+          >
+            <Image
+              alt="ellipse"
+              src="/images/item/ellipse-2.png"
+              width={640}
+              height={640}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Facts.jsx b/components/homes/insurance-consulting/Facts.jsx
new file mode 100644
index 0000000..ba62ac9
--- /dev/null
+++ b/components/homes/insurance-consulting/Facts.jsx
@@ -0,0 +1,70 @@
+import OdometerComponent from "@/components/common/OdometerComponent";
+import { counterData } from "@/data/facts";
+import React from "react";
+
+export default function Facts() {
+  return (
+    <div className="section-hard-data">
+      <div className="tf-container">
+        <div className="heading-section d-flex gap_12 justify-content-between flex-wrap-md mb_86">
+          <div className="left">
+            <div className="point text-body-1 mb_12">
+              <span className="item" />
+              Hard Data
+            </div>
+            <h6 className="text_primary split-text split-lines-transform">
+              As a trusted and professional insurance company, we are committed{" "}
+              <br />
+              to providing exceptional service and comprehensive coverage to our{" "}
+              <br />
+              valued clients.
+            </h6>
+          </div>
+          <div className="right">
+            <a href="#" className="tf-btn-link">
+              <span className="h6"> Find Your Plan </span>
+              <i className="icon-arrow-top-right"> </i>
+            </a>
+          </div>
+        </div>
+        <div className="wrap-counter style-3 gap_12">
+          <div className="left">
+            {counterData.left.map((item, index) => (
+              <div key={`left-${index}`} className="counter-item style-3">
+                <div className="counter-number">
+                  <div className="odometer text_primary">
+                    <OdometerComponent max={item.value} />
+                  </div>
+                  {item.units.map((unit, i) => (
+                    <span key={i} className="sub text_primary">
+                      {unit}
+                    </span>
+                  ))}
+                </div>
+                <p className="h6 text_primary">{item.label}</p>
+              </div>
+            ))}
+          </div>
+
+          <div className="right">
+            {counterData.right.map((item, index) => (
+              <div key={`right-${index}`} className="counter-item style-3">
+                <div className="counter-number">
+                  <div className="odometer text_primary">
+                    <OdometerComponent max={item.value} />
+                  </div>
+                  {item.units.map((unit, i) => (
+                    <span key={i} className="sub text_primary">
+                      {unit}
+                    </span>
+                  ))}
+                </div>
+                <p className="h6 text_primary">{item.label}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Faqs.jsx b/components/homes/insurance-consulting/Faqs.jsx
new file mode 100644
index 0000000..f7edb68
--- /dev/null
+++ b/components/homes/insurance-consulting/Faqs.jsx
@@ -0,0 +1,206 @@
+import React from "react";
+
+export default function Faqs() {
+  return (
+    <div className="section-faqs style-1">
+      <div className="tf-container">
+        <div className="heading-section text-center mb_52">
+          <div className="point text-body-1 justify-content-center mb_7">
+            <span className="item" />
+            FAQs
+          </div>
+          <h2 className="heading-title text_primary split-text effect-right">
+            Got A Question? Get Your Answer
+          </h2>
+          <p
+            className="text_mono-gray-7 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            We revolutionize industries with dynamic digital solutions, tailored
+            to meet contemporary demands and <br />
+            drive impactful transformations for businesses of all sectors.
+          </p>
+        </div>
+        <ul
+          className="accordion-wrap style-faqs d-grid gap_13"
+          id="accordion-faq-3"
+        >
+          <li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
+            <a
+              href="#accordion-3-1"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3-1"
+            >
+              <div className="heading">
+                <h5 className="text_mono-gray-6 title">
+                  How benefit that We got when choose Basic plan?
+                </h5>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-3-1"
+              className="collapse"
+              data-bs-parent="#accordion-faq-3"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain mutual understand again
+                  customer trust to offer appropriate advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click active style-default v3 scrolling-effect effectRight">
+            <a
+              href="#accordion-3-2"
+              className="action accordion-title current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3-2"
+            >
+              <div className="heading">
+                <h5 className="text_mono-gray-6 title">
+                  Our project will 100% Secure?
+                </h5>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-3-2"
+              className="collapse show"
+              data-bs-parent="#accordion-faq-3"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain mutual understand again
+                  customer trust to offer appropriate advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
+            <a
+              href="#accordion-3-3"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3-3"
+            >
+              <div className="heading">
+                <h5 className="text_mono-gray-6 title">
+                  NDA Agreement will include?
+                </h5>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-3-3"
+              className="collapse"
+              data-bs-parent="#accordion-faq-3"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain mutual understand again
+                  customer trust to offer appropriate advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
+            <a
+              href="#accordion-3-4"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3-4"
+            >
+              <div className="heading">
+                <h5 className="text_mono-gray-6 title">
+                  Can my premium license be used for all devices?
+                </h5>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-3-4"
+              className="collapse"
+              data-bs-parent="#accordion-faq-3"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain mutual understand again
+                  customer trust to offer appropriate advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
+            <a
+              href="#accordion-3-5"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3-5"
+            >
+              <div className="heading">
+                <h5 className="text_mono-gray-6 title">
+                  What things that we need provide when choose your service
+                </h5>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-3-5"
+              className="collapse"
+              data-bs-parent="#accordion-faq-3"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain mutual understand again
+                  customer trust to offer appropriate advice.
+                </p>
+              </div>
+            </div>
+          </li>
+          <li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
+            <a
+              href="#accordion-3-6"
+              className="action accordion-title collapsed current"
+              data-bs-toggle="collapse"
+              aria-expanded="true"
+              aria-controls="accordion-3-6"
+            >
+              <div className="heading">
+                <h5 className="text_mono-gray-6 title">
+                  How long for a standard project?
+                </h5>
+              </div>
+              <div className="icon" />
+            </a>
+            <div
+              id="accordion-3-6"
+              className="collapse"
+              data-bs-parent="#accordion-faq-3"
+            >
+              <div className="accordion-faqs-content">
+                <p className="text_mono-dark-9 text-body-2 lh-20">
+                  Through the collaboration with customers in discussing needs
+                  and demand, we’re able to attain mutual understand again
+                  customer trust to offer appropriate advice.
+                </p>
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Hero.jsx b/components/homes/insurance-consulting/Hero.jsx
new file mode 100644
index 0000000..40b9992
--- /dev/null
+++ b/components/homes/insurance-consulting/Hero.jsx
@@ -0,0 +1,101 @@
+"use client";
+import { bannerSlides2 } from "@/data/heroSlides";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Hero() {
+  return (
+    <div className="page-title style-4">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-12">
+            <div className="heading-title d-flex flex-wrap-lg mb_40 justify-content-between">
+              <div className="left">
+                <p className="sub text-body-1 text_primary point">
+                  <span className="item" /> Ultimate Peace Of Mind
+                </p>
+                <div className="text_primary text-display-3 title">
+                  Shaping{" "}
+                  <img
+                    className="icon animate__rollIn animate__animated"
+                    data-wow-delay="0s"
+                    alt="icon"
+                    src="/images/box-icon/check-verified-01.svg"
+                  />{" "}
+                  Futures <br />
+                  With{" "}
+                  <img
+                    className="icon heart animate__rollIn animate__animated"
+                    alt="icon"
+                    src="/images/box-icon/heart-circle.svg"
+                  />{" "}
+                  Insurance Solutions
+                </div>
+              </div>
+              <div className="right">
+                <p className="sub-heading text_mono-dark-9 mb_24 split-text split-lines-transform">
+                  Maximize your coverage, minimize your worries. We're committed
+                  to providing exceptional customer service and comprehensive
+                  insurance solutions that exceed your expectations.
+                </p>
+                <div className="d-flex gap_10 wrap-btn flex-wrap-sm">
+                  <Link
+                    href={`/about`}
+                    className="tf-btn btn-border border-1 rounded-12 height-3"
+                  >
+                    <span className="text-body-1 text_primary">
+                      Book a Free Consulting
+                    </span>
+                    <span className="bg-effect" />
+                  </Link>
+                  <Link
+                    href={`/contact-us`}
+                    className="tf-btn rounded-12 height-3"
+                  >
+                    <span className="text-body-1">Find your plan</span>
+                    <span className="bg-effect" />
+                  </Link>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <Swiper
+        className="swiper style-pagination sw-layout"
+        centeredSlides
+        spaceBetween={12}
+        loop
+        initialSlide={1}
+        breakpoints={{
+          0: { slidesPerView: 1.2 },
+          575: {
+            slidesPerView: 1.2,
+          },
+          768: {
+            slidesPerView: 1.5,
+          },
+          992: {
+            slidesPerView: 1.67,
+          },
+        }}
+      >
+        {bannerSlides2.map((slide) => (
+          <SwiperSlide className="swiper-slide" key={slide.id}>
+            <div className="img-wrap">
+              <Image
+                className="lazyload"
+                data-src={`images/page-title/${slide.src}`}
+                alt={slide.alt}
+                src={`/images/page-title/${slide.src}`}
+                width={1142}
+                height={744}
+              />
+            </div>
+          </SwiperSlide>
+        ))}
+      </Swiper>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Services.jsx b/components/homes/insurance-consulting/Services.jsx
new file mode 100644
index 0000000..13ae361
--- /dev/null
+++ b/components/homes/insurance-consulting/Services.jsx
@@ -0,0 +1,83 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { services2 } from "@/data/services";
+export default function Services() {
+  return (
+    <div className="section tf-spacing-22 pb-0">
+      <div className="tf-container">
+        <div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_57">
+          <div className="left">
+            <div className="point text-body-1 mb_7">
+              <span className="item" />
+              Our Services
+            </div>
+            <h2 className="heading-title text_primary split-text effect-right">
+              Flexible Coverage Options
+            </h2>
+            <p
+              className="text_mono-gray-7 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
+              data-wow-delay="0s"
+            >
+              With our customizable approach, you can select the specific
+              coverages that matter most <br />
+              to you, avoiding unnecessary expenses
+            </p>
+          </div>
+          <div className="right">
+            <Link
+              href={`/services`}
+              className="tf-btn height-3 rounded-12 btn-px-28"
+            >
+              <span>See our services</span>
+              <span className="bg-effect" />
+            </Link>
+          </div>
+        </div>
+        <div className="tf-grid-layout lg-col-3">
+          {services2.map((service, index) => (
+            <div
+              key={index}
+              className={`tf-box-icon style-6 effect-icon ${service.bgColor} wow animate__fadeInRight animate__animated`}
+              data-wow-delay={service.delay}
+            >
+              <div className="icon">
+                <Image alt="icon" src={service.icon} width={33} height={32} />
+              </div>
+              <div className="content">
+                <h3 className="text_primary">
+                  <Link
+                    href={`/service-details/${service.id}`}
+                    className="link-white mb_11"
+                  >
+                    {service.title}
+                  </Link>
+                </h3>
+                <p className="text-body-1 mb_23">{service.description}</p>
+                <Link
+                  href={`/service-details/${service.id}`}
+                  className="tf-btn-link"
+                >
+                  <span> Learn more </span>
+                  <i className="icon-arrow-top-right"> </i>
+                </Link>
+              </div>
+              <div
+                className="item scroll-tranform"
+                data-direction="right"
+                data-distance="20%"
+              >
+                <Image
+                  alt="item"
+                  src="/images/item/ellipse-1.png"
+                  width={400}
+                  height={400}
+                />
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/insurance-consulting/Testimonials.jsx b/components/homes/insurance-consulting/Testimonials.jsx
new file mode 100644
index 0000000..f7b94d3
--- /dev/null
+++ b/components/homes/insurance-consulting/Testimonials.jsx
@@ -0,0 +1,224 @@
+"use client";
+import React from "react";
+import Image from "next/image";
+export default function Testimonials() {
+  return (
+    <div className="section-testimonial style-4">
+      <div className="tf-container">
+        <div className="heading-section mb_56">
+          <div className="point text-body-1 mb_7">
+            <span className="item" />
+            Testimonials
+          </div>
+          <h2 className="heading-title text_primary">
+            Client Satisfaction, Our Reputation
+          </h2>
+          <p className="text-body-1 text_mono-gray-6 mt_20">
+            We’ve helped hundreds of partners, to achieve their goals and
+            stellar <br />
+            feedback, is our reward!
+          </p>
+        </div>
+        <div className="d-grid gap_12">
+          <div className="tf-grid-layout md-col-2">
+            <div className="grid-2 gap_12">
+              <div
+                className="highlight-item bg-color-yellow wow animate__fadeInLeft animate__animated"
+                data-wow-delay="0s"
+              >
+                <h2 className="text_pirmary fw-6">Top 5 Best</h2>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src="/images/logo/logo.png"
+                    width={230}
+                    height={64}
+                  />
+                </div>
+              </div>
+              <div
+                className="highlight-item bg-color-blue wow animate__fadeInLeft animate__animated"
+                data-wow-delay="0.1s"
+              >
+                <h2 className="text_pirmary fw-6">12+ Awards</h2>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src="/images/logo/logo-1.png"
+                    width={222}
+                    height={56}
+                  />
+                </div>
+              </div>
+            </div>
+            <div
+              className="testimonial style-3 wow animate__fadeInLeft animate__animated"
+              data-wow-delay="0.2s"
+            >
+              <h5 className="text">
+                "We couldn’t have asked for a better experience. Their
+                dedication to client satisfaction is reflected in their strong
+                industry reputation. "
+              </h5>
+              <div className="content d-flex align-items-end justify-content-between gap_12">
+                <div className="box-user d-flex align-items-center">
+                  <div className="avatar">
+                    <Image
+                      alt="avatar"
+                      src="/images/avatar/avatar-14.jpg"
+                      width={64}
+                      height={64}
+                    />
+                  </div>
+                  <div className="info">
+                    <h6 className="name">Z. Ibrahimović</h6>
+                    <p>CEO &amp; Founder, Catherine Studio</p>
+                  </div>
+                </div>
+                <div className="partner">
+                  <Image
+                    alt="logo"
+                    src="/images/brands/brand-10.png"
+                    width={138}
+                    height={32}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="tf-grid-layout md-col-2">
+            <div
+              className="testimonial style-3 wow animate__fadeInRight animate__animated"
+              data-wow-delay="0s"
+            >
+              <h5 className="text">
+                "Their reputation for excellence speaks for itself. Every
+                interaction was professional."
+              </h5>
+              <div className="content d-flex align-items-end justify-content-between gap_12">
+                <div className="box-user d-flex align-items-center">
+                  <div className="avatar">
+                    <Image
+                      alt="avatar"
+                      src="/images/avatar/avatar-15.jpg"
+                      width={64}
+                      height={64}
+                    />
+                  </div>
+                  <div className="info">
+                    <h6 className="name">K. Mainoo</h6>
+                    <p>Project Managerment at Amoor</p>
+                  </div>
+                </div>
+                <div className="partner">
+                  <Image
+                    alt="logo"
+                    src="/images/brands/brand-11.png"
+                    width={97}
+                    height={37}
+                  />
+                </div>
+              </div>
+            </div>
+            <div className="grid-2 gap_12">
+              <div
+                className="highlight-item bg-color-red wow animate__fadeInRight animate__animated"
+                data-wow-delay="0.1s"
+              >
+                <h2 className="text_pirmary fw-6">Winner</h2>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src="/images/logo/logo-2.png"
+                    width={178}
+                    height={48}
+                  />
+                </div>
+              </div>
+              <div
+                className="highlight-item bg-color-yellow wow animate__fadeInRight animate__animated"
+                data-wow-delay="0.2s"
+              >
+                <h2 className="text_pirmary fw-6">12+ Awards</h2>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src="/images/logo/logo-4.png"
+                    width={160}
+                    height={96}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="tf-grid-layout md-col-2">
+            <div className="grid-2 gap_12">
+              <div
+                className="highlight-item bg-color-blue wow animate__fadeInLeft animate__animated"
+                data-wow-delay="0s"
+              >
+                <h2 className="text_pirmary fw-6">News</h2>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src="/images/logo/logo-3.png"
+                    width={202}
+                    height={96}
+                  />
+                </div>
+              </div>
+              <div
+                className="highlight-item bg-color-green wow animate__fadeInLeft animate__animated"
+                data-wow-delay="0.1s"
+              >
+                <h2 className="text_pirmary fw-6">Top 8 Best</h2>
+                <div className="logo">
+                  <Image
+                    alt="logo"
+                    src="/images/logo/logo-1.png"
+                    width={222}
+                    height={56}
+                  />
+                </div>
+              </div>
+            </div>
+            <div
+              className="testimonial style-3 wow animate__fadeInLeft animate__animated"
+              data-wow-delay="0.2s"
+            >
+              <h5 className="text">
+                "The team’s responsiveness and ability to meet our needs was
+                remarkable. Their excellent reputation precedes them, and they
+                more than lived up to it."
+              </h5>
+              <div className="content d-flex align-items-end justify-content-between gap_12">
+                <div className="box-user d-flex align-items-center">
+                  <div className="avatar">
+                    <Image
+                      alt="avatar"
+                      src="/images/avatar/avatar-14.jpg"
+                      width={64}
+                      height={64}
+                    />
+                  </div>
+                  <div className="info">
+                    <h6 className="name">D. Van De Beek</h6>
+                    <p>Marketing Manager, VDV</p>
+                  </div>
+                </div>
+                <div className="partner">
+                  <Image
+                    alt="logo"
+                    src="/images/brands/brand-12.png"
+                    width={108}
+                    height={40}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/About.jsx b/components/homes/marketing-consulting/About.jsx
new file mode 100644
index 0000000..dc9f111
--- /dev/null
+++ b/components/homes/marketing-consulting/About.jsx
@@ -0,0 +1,119 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import OdometerComponent from "@/components/common/OdometerComponent";
+export default function About() {
+  return (
+    <div className="section-about style-1">
+      <div className="tf-container-2">
+        <div className="row">
+          <div className="col-lg-6">
+            <div className="left">
+              <div className="heading-section gap_12">
+                <div className="heading-tag d-flex gap_12 mb_20 text_mono-dark-8 fw-5">
+                  <div className="icon">
+                    <i className="icon-star" />
+                  </div>
+                  <p className="text-body-3">About Us</p>
+                </div>
+                <h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
+                  <span className="text-gradient">Master</span> your marketing
+                  <br />
+                  strategies with us
+                </h2>
+              </div>
+              <div className="content">
+                <p
+                  className="text-body-1 mb_40 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  Building personalized campaigns that drive engagement, boost{" "}
+                  <br />
+                  conversions, and enhance customer loyalty.
+                </p>
+                <Link
+                  href={`/about`}
+                  className="tf-btn btn-primary2 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  <span className="text-caption-3">About Us</span>
+                  <span className="bg-effect" />
+                </Link>
+              </div>
+            </div>
+          </div>
+          <div className="col-lg-6">
+            <div className="right position-relative">
+              <div className="img-style">
+                <Image
+                  className="lazyload"
+                  data-src="/images/section/section-about-2.jpg"
+                  alt="section-about"
+                  src="/images/section/section-about-2.jpg"
+                  width={693}
+                  height={410}
+                />
+              </div>
+              <div className="highlight scroll-tranform" data-distance="20%">
+                <div className="icon mb_29">
+                  <svg
+                    width={24}
+                    height={24}
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M9.20696 20.2929C9.59748 20.6834 9.59748 21.3166 9.20696 21.7071C8.81643 22.0976 8.18327 22.0976 7.79274 21.7071L4.49985 18.4142C3.7188 17.6332 3.7188 16.3668 4.49985 15.5858L7.79274 12.2929C8.18327 11.9024 8.81643 11.9024 9.20696 12.2929C9.59748 12.6834 9.59748 13.3166 9.20696 13.7071L6.91406 16L18.9998 16C19.5521 16 19.9998 16.4477 19.9998 17C19.9998 17.5523 19.5521 18 18.9998 18L6.91406 18L9.20696 20.2929Z"
+                      fill="white"
+                    />
+                    <path
+                      d="M5 6C4.44771 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8L17.0858 8L14.7929 10.2929C14.4024 10.6834 14.4024 11.3166 14.7929 11.7071C15.1834 12.0976 15.8166 12.0976 16.2071 11.7071L19.5 8.41421C20.281 7.63316 20.281 6.36683 19.5 5.58579L16.2071 2.29289C15.8166 1.90237 15.1834 1.90237 14.7929 2.29289C14.4024 2.68342 14.4024 3.31658 14.7929 3.70711L17.0858 6L5 6Z"
+                      fill="white"
+                    />
+                  </svg>
+                </div>
+                <div className="content">
+                  <div className="text-body-3 fw-6 total mb_2">Total Sales</div>
+                  <div className="counter-item style-1 flex-column align-items-start mb_6">
+                    <div className="counter-number">
+                      <h2 className="odometer fw-6">
+                        <OdometerComponent max={30} />
+                      </h2>
+                      <span className="sub fw-6">k</span>
+                      <span className="sub fw-6">+</span>
+                    </div>
+                  </div>
+                  <p className="text-body-3 fw-6">
+                    <svg
+                      width={16}
+                      height={16}
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M3 7L8 2L13 7"
+                        stroke="#83BF6E"
+                        strokeWidth={2}
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      />
+                      <path
+                        d="M8 14V2"
+                        stroke="#83BF6E"
+                        strokeWidth={2}
+                        strokeLinecap="round"
+                      />
+                    </svg>
+                    <span>25.8%</span> this week
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Banner.jsx b/components/homes/marketing-consulting/Banner.jsx
new file mode 100644
index 0000000..67facf3
--- /dev/null
+++ b/components/homes/marketing-consulting/Banner.jsx
@@ -0,0 +1,106 @@
+"use client";
+
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useEffect } from "react";
+gsap.registerPlugin(ScrollTrigger);
+export default function Banner() {
+  useEffect(() => {
+    // Select all elements with the class "text-container" inside ".banner-stripe"
+    const textContainers = document.querySelectorAll(
+      ".banner-stripe .text-container"
+    );
+
+    textContainers.forEach((container) => {
+      const settings = {
+        scrollTrigger: {
+          trigger: container,
+          start: "top bottom", // Animation starts when the top of the element hits the bottom of the viewport
+          end: "bottom top", // Animation ends when the bottom of the element hits the top of the viewport
+          scrub: 1, // Smooth scrubbing effect
+          markers: false, // Disable debug markers
+        },
+        ease: "none", // No easing
+      };
+
+      // Check if the element has the class "effect-left" or "effect-right"
+      if (container.classList.contains("effect-left")) {
+        settings.x = "-7%"; // Move left by 7%
+      }
+      if (container.classList.contains("effect-right")) {
+        settings.x = "7%"; // Move right by 7%
+      }
+
+      // Apply the GSAP animation
+      gsap.to(container, settings);
+    });
+
+    // Cleanup ScrollTrigger instances on component unmount
+    return () => {
+      ScrollTrigger.getAll().forEach((trigger) => trigger.kill());
+    };
+  }, []); // Empty dependency array ensures this runs only once after mount
+  return (
+    <div className="banner-stripe tf-spacing-43">
+      <div className="text-container scrolling-text effect-right">
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Email
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Business
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Marketing
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Consulting
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Money
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Email
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Business
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Marketing
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Consulting
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          <i className="icon-Star-2" />
+        </span>
+        <span className="banner-text text-display-2 text_mono-gray-5">
+          Money
+        </span>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Blogs.jsx b/components/homes/marketing-consulting/Blogs.jsx
new file mode 100644
index 0000000..4bd2a4c
--- /dev/null
+++ b/components/homes/marketing-consulting/Blogs.jsx
@@ -0,0 +1,140 @@
+"use client";
+import { blogArticles3 } from "@/data/blogs";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Blogs() {
+  return (
+    <div className="section-blog style-1 sw-layout-1 tf-spacing-44">
+      <div className="tf-container-2">
+        <div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_59">
+          <div className="left">
+            <div className="heading-tag v2 d-flex gap_12 mb_20 text_mono-gray-5 fw-5">
+              <div className="icon">
+                <i className="icon-blogger text_mono-gray-5" />
+              </div>
+              <p className="text-body-3 fw-5">Blogs</p>
+            </div>
+            <h2 className="title text_white fw-5 split-text effect-right">
+              Our precious <span className="text-gradient">blogs</span>
+            </h2>
+          </div>
+          <div className="right">
+            <div className="wrap-sw-button d-flex gap_16">
+              <div className="sw-button style-default has-bg nav-prev-layout-1">
+                <svg
+                  width={24}
+                  height={24}
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4 12L20 12"
+                    stroke="white"
+                    strokeWidth="1.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M8.99996 17C8.99996 17 4.00001 13.3176 4 12C3.99999 10.6824 9 7 9 7"
+                    stroke="white"
+                    strokeWidth="1.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                </svg>
+              </div>
+              <div className="sw-button style-default has-bg nav-next-layout-1">
+                <svg
+                  width={24}
+                  height={24}
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M20 12L4 12"
+                    stroke="white"
+                    strokeWidth="1.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M15 17C15 17 20 13.3176 20 12C20 10.6824 15 7 15 7"
+                    stroke="white"
+                    strokeWidth="1.5"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="tf-container-2 slider-layout-right">
+        <Swiper
+          className="swiper"
+          breakpoints={{
+            0: { slidesPerView: 1.2 },
+            575: {
+              slidesPerView: 1.6,
+            },
+            768: {
+              slidesPerView: 2.5,
+              spaceBetween: 30,
+            },
+            992: {
+              slidesPerView: 3.6,
+              spaceBetween: 72,
+            },
+          }}
+          spaceBetween={15}
+        >
+          {blogArticles3.map((article) => (
+            <SwiperSlide
+              className="swiper-slide"
+              key={`blog-article-${article.id}`}
+            >
+              <div className="blog-article-item style-3 hover-image-3">
+                <Link
+                  href={`/single-post/${article.id}`}
+                  className="article-thumb mb_30"
+                >
+                  <Image
+                    className="lazyload"
+                    data-src={article.imageSrc}
+                    alt="blog"
+                    src={article.imageSrc}
+                    width={article.width}
+                    height={article.height}
+                  />
+                  <Image
+                    className="lazyload"
+                    data-src={article.imageSrc}
+                    alt="blog"
+                    src={article.imageSrc}
+                    width={article.width}
+                    height={article.height}
+                  />
+                </Link>
+                <div className="article-content">
+                  <p className="text-body-1 text_mono-gray-5 mb_8">
+                    {article.date}
+                  </p>
+                  <h6 className="title fw-5 letter-spacing-2 text_white">
+                    <Link href={`/single-post/${article.id}`} className="link">
+                      {article.title}
+                    </Link>
+                  </h6>
+                </div>
+              </div>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Brands.jsx b/components/homes/marketing-consulting/Brands.jsx
new file mode 100644
index 0000000..e622ce2
--- /dev/null
+++ b/components/homes/marketing-consulting/Brands.jsx
@@ -0,0 +1,37 @@
+const brands = [
+  { id: 1, src: "/images/brands/brand1.png", width: 169, height: 56 },
+  { id: 2, src: "/images/brands/brand2.png", width: 169, height: 56 },
+];
+import Image from "next/image";
+
+export default function Brands() {
+  return (
+    <div className="">
+      <div >
+        <div
+          className="tf-marquee"
+          style={{
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          {brands.map((brand) => (
+            <div
+              key={`brand-${brand.id}`}
+            >
+              <div className="partner style-1">
+                <Image
+                  alt={`Brand ${brand.id}`}
+                  src={brand.src}
+                  width={brand.width}
+                  height={brand.height}
+                />
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/homes/marketing-consulting/CaseStudies.jsx b/components/homes/marketing-consulting/CaseStudies.jsx
new file mode 100644
index 0000000..97606b3
--- /dev/null
+++ b/components/homes/marketing-consulting/CaseStudies.jsx
@@ -0,0 +1,165 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { socialIcons, teamMembers2 } from "@/data/team";
+
+export default function CaseStudies() {
+  return (
+    <div className="section-case-studies style-1 tf-spacing-36 pb-5">
+      <div className="tf-container">
+        <div className="heading-section gap_12 text-center">
+          <div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
+            <div className="icon">
+              <i className="icon-book-bookmark-02" />
+            </div>
+            <p className="text-body-3">Management</p>
+          </div>
+          <h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
+            Our <span className="text-gradient">expert</span> team
+          </h2>
+          <p
+            className="text-body-1 text_mono-gray-7 mt_28 mb_20 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            With custom services, we empower the development, <br />
+            provide support from your unique vision
+          </p>
+        </div>
+      </div>
+      
+      {/* Responsive Grid Container */}
+      <div className="team-grid-container">
+        <div className="team-grid">
+          {teamMembers2.map((member, index) => (
+            <div
+              key={index}
+              className="team-item v2 style-default hover-border hover-image"
+            >
+              {/* <a href="#" className="img-style mb_19">
+                <Image
+                  alt="avatar"
+                  src={member.image}
+                  width={406}
+                  height={406}
+                />
+              </a> */}
+              <div className="bot">
+                <div className="content">
+                  <h3 className="name team-member-name">
+                    <a href="#" className="link hover-line-text">
+                      {member.name}
+                    </a>
+                  </h3>
+                  <p className="text-body-1 team-member-role">{member.role}</p>
+                </div>
+                <ul className="social d-flex gap_12 justify-content-center">
+                  {socialIcons.map((icon, i) => (
+                    <li key={i}>
+                      <a href={icon.href} className={icon.className} />
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+
+      <style jsx>{`
+        .team-grid-container {
+          width: 100%;
+          padding: 0 1rem;
+        }
+
+        .team-grid {
+          display: grid;
+          grid-template-columns: repeat(5, 1fr);
+          gap: 1rem;
+          max-width: 1200px;
+          margin: 0 auto;
+        }
+
+        .team-member-name {
+          font-size: 28px;
+        }
+
+        .team-member-role {
+          font-size: 16px;
+          margin-top: 8px;
+        }
+
+        /* Tablet styles */
+        @media (max-width: 1024px) {
+          .team-grid {
+            grid-template-columns: repeat(3, 1fr);
+            gap: 1.5rem;
+          }
+          
+          .team-member-name {
+            font-size: 28px;
+          }
+        }
+
+        /* Mobile landscape */
+        @media (max-width: 768px) {
+          .team-grid {
+            grid-template-columns: repeat(2, 1fr);
+            gap: 1rem;
+          }
+          
+          .team-member-name {
+            font-size: 24px;
+          }
+          
+          .team-member-role {
+            font-size: 14px;
+          }
+        }
+
+        /* Mobile portrait */
+        @media (max-width: 480px) {
+          .team-grid-container {
+            padding: 0 0.5rem;
+          }
+          
+          .team-grid {
+            grid-template-columns: 1fr;
+            gap: 1.5rem;
+            max-width: 350px;
+          }
+          
+          .team-item {
+            text-align: center;
+            padding: 1.5rem 1rem;
+          }
+          
+          .team-member-name {
+            font-size: 22px;
+            margin-bottom: 0.5rem;
+          }
+          
+          .team-member-role {
+            font-size: 14px;
+            margin-bottom: 1rem;
+          }
+          
+          .social {
+            justify-content: center !important;
+          }
+        }
+
+        /* Extra small devices */
+        @media (max-width: 320px) {
+          .team-member-name {
+            font-size: 20px;
+          }
+          
+          .team-member-role {
+            font-size: 13px;
+          }
+        }
+      `}</style>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/components/homes/marketing-consulting/Cta.jsx b/components/homes/marketing-consulting/Cta.jsx
new file mode 100644
index 0000000..dc6b2bb
--- /dev/null
+++ b/components/homes/marketing-consulting/Cta.jsx
@@ -0,0 +1,28 @@
+import React from "react";
+import Link from "next/link";
+export default function Cta() {
+  return (
+    <div className="tf-container-2 tf-spacing-45 pt-0">
+      <div className="banner-CTA">
+        <h1 className="text_white split-text effect-right">
+          Ready to start a new project?
+        </h1>
+        <div className="bot flex-wrap-md d-flex align-items-end justify-content-between gap_12">
+          <p className="text-body-1 text_white split-text split-lines-transform">
+            Our expert marketing consulting services are designed to help your
+            business unlock its full potential. From identifying growth
+            opportunities
+          </p>
+          <Link
+            href={`/pricing`}
+            className="tf-btn btn-white2 wow animate__fadeInRight animate__animated"
+            data-wow-delay="0s"
+          >
+            <span className="text-body-3">Get Started</span>
+            <span className="bg-effect" />
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Faqs.jsx b/components/homes/marketing-consulting/Faqs.jsx
new file mode 100644
index 0000000..34692be
--- /dev/null
+++ b/components/homes/marketing-consulting/Faqs.jsx
@@ -0,0 +1,159 @@
+"use client";
+const faqData = [
+  {
+    id: 1,
+    question: "Do you provide personalized financial plans?",
+    answer:
+      "Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
+    isActive: false,
+  },
+  {
+    id: 2,
+    question: "How can financial consulting benefit my business?",
+    answer:
+      "Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
+    isActive: true, // Default open
+  },
+  {
+    id: 3,
+    question: "What services does Advitex offer?",
+    answer:
+      "Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
+    isActive: false,
+  },
+  {
+    id: 4,
+    question: "What industries do you specialize in?",
+    answer:
+      "Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
+    isActive: false,
+  },
+  {
+    id: 5,
+    question: "How long does the consultation process take?",
+    answer:
+      "Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
+    isActive: false,
+  },
+];
+
+import React, { useEffect } from "react";
+import Link from "next/link";
+export default function Faqs() {
+  useEffect(() => {
+    const items = document.querySelectorAll(".action_click");
+    if (items.length === 0) return;
+
+    let isProcessing = false;
+
+    const handleClick = (e) => {
+      if (isProcessing) return;
+      isProcessing = true;
+
+      // Remove "active" from all other .action_click elements
+      items.forEach((item) => {
+        if (!item.contains(e.currentTarget)) {
+          item.classList.remove("active");
+        }
+      });
+
+      // Toggle "active" on the clicked one
+      const clickedItem = e.currentTarget.closest(".action_click");
+      if (clickedItem) {
+        clickedItem.classList.toggle("active");
+      }
+
+      setTimeout(() => {
+        isProcessing = false;
+      }, 500);
+    };
+
+    // Add listeners
+    const actions = document.querySelectorAll(".action_click .action");
+    actions.forEach((el) => el.addEventListener("click", handleClick));
+
+    // Cleanup
+    return () => {
+      actions.forEach((el) => el.removeEventListener("click", handleClick));
+    };
+  }, []);
+  return (
+    <div className="section-faqs style-2 tf-spacing-1 pt-0">
+      <div className="tf-container">
+        <div className="heading-section gap_12 text-center mb_64">
+          <div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
+            <div className="icon">
+              <i className="icon-message-question" />
+            </div>
+            <p className="text-body-3">The FAQs</p>
+          </div>
+          <h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
+            Everything you need to <span className="text-gradient">know</span>
+          </h2>
+          <p
+            className="text-body-1 text_mono-gray-7 mt_28 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            Helping you streamline operations, reduce costs, and achieve
+            measurable <br />
+            success with proven methodologies.
+          </p>
+        </div>
+        <ul
+          className="accordion-wrap style-faqs d-grid gap_23"
+          id="accordion-faq-4"
+        >
+          {faqData.map((faq) => (
+            <li
+              key={faq.id}
+              className={`accordion-item action_click style-default v4 scrolling-effect effectRight ${
+                faq.isActive ? "active" : ""
+              }`}
+            >
+              <a
+                href={`#accordion-4-${faq.id}`}
+                className={`action accordion-title current ${
+                  faq.isActive ? "" : "collapsed"
+                }`}
+                data-bs-toggle="collapse"
+                aria-expanded={faq.isActive ? "true" : "false"}
+                aria-controls={`accordion-4-${faq.id}`}
+              >
+                <div className="heading">
+                  <div className="text_mono-dark-9 text-body-1 title fw-5">
+                    {faq.question}
+                  </div>
+                </div>
+                <div className="icon" />
+              </a>
+              <div
+                id={`accordion-4-${faq.id}`}
+                className={`collapse ${faq.isActive ? "show" : ""}`}
+                data-bs-parent="#accordion-faq-4"
+              >
+                <div className="accordion-faqs-content">
+                  <p className="text_mono-dark-9 text-body-2">{faq.answer}</p>
+                </div>
+              </div>
+            </li>
+          ))}
+        </ul>
+        <div className="bot text-center">
+          <div className="text-body-1 text_mono-gray-7">
+            If you can't find your answer, please{" "}
+            <Link
+              href={`/contact-us`}
+              className="link text_black fw-5 text-decoration-underline"
+            >
+              Contact Us
+            </Link>
+          </div>
+          <Link href={`/faqs`} className="tf-btn btn-primary2 height-2 mx-auto">
+            <span>All questions</span>
+            <span className="bg-effect" />
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Features.jsx b/components/homes/marketing-consulting/Features.jsx
new file mode 100644
index 0000000..4dd5e10
--- /dev/null
+++ b/components/homes/marketing-consulting/Features.jsx
@@ -0,0 +1,139 @@
+import React from "react";
+import Image from "next/image";
+
+export default function Features() {
+  return (
+    <div className="section-values style-1 tf-spacing-35">
+      <div className="tf-container-2">
+        <div className="heading-section text-center mb_58">
+          <div className="heading-tag d-flex gap_12 text_mono-dark-8 fw-5 fw-5 mx-auto mb_20">
+            <div className="icon">
+              <i className="icon-bulb" />
+            </div>
+            <p className="text-body-3 fw-5">Our Core Values</p>
+          </div>
+          <h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
+            Our Innovative strategies backed by <br />
+            <span className="text-gradient"> Data-Driven</span> insights
+          </h2>
+        </div>
+        <div className="tf-grid-layout lg-col-3 md-col-2">
+          <div className="tf-box-icon style-5 effect-icon">
+            <div className="icon mb_24">
+              <Image
+                alt="icon"
+                src="/images/box-icon/creative-solutions.svg"
+                width={29}
+                height={29}
+              />
+            </div>
+            <div className="content">
+              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
+                Creative solutions that deliver
+              </div>
+              <p className="text-body-3 text_mono-gray-7">
+                Their innovative campaigns in redefining our brand identity and
+                market positioning have increased engagement by 22%
+              </p>
+            </div>
+          </div>
+          <div className="tf-box-icon style-5 effect-icon">
+            <div className="icon mb_24">
+              <Image
+                alt="icon"
+                src="/images/box-icon/package-open.svg"
+                width={33}
+                height={32}
+              />
+            </div>
+            <div className="content">
+              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
+                Results-Driven Approach
+              </div>
+              <p className="text-body-3 text_mono-gray-7">
+                Their targeted strategies in optimizing lead generation funnels
+                boosted our conversion rates by 15% last quarter.
+              </p>
+            </div>
+          </div>
+          <div className="tf-box-icon style-5 effect-icon">
+            <div className="icon mb_24">
+              <Image
+                alt="icon"
+                src="/images/box-icon/laptop-issue.svg"
+                width={33}
+                height={32}
+              />
+            </div>
+            <div className="content">
+              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
+                Client-Centric Collaboration
+              </div>
+              <p className="text-body-3 text_mono-gray-7">
+                Their tailored marketing plans aligned with our goals have
+                strengthened customer loyalty and retention by 20%.
+              </p>
+            </div>
+          </div>
+          <div className="tf-box-icon style-5 effect-icon">
+            <div className="icon mb_24">
+              <Image
+                alt="icon"
+                src="/images/box-icon/auto-conversations.svg"
+                width={32}
+                height={32}
+              />
+            </div>
+            <div className="content">
+              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
+                Transparency and Integrity
+              </div>
+              <p className="text-body-3 text_mono-gray-7">
+                Their straightforward reporting and ethical practices have
+                ensured trust while improving campaign efficiency by 25%.
+              </p>
+            </div>
+          </div>
+          <div className="tf-box-icon style-5 effect-icon">
+            <div className="icon mb_24">
+              <Image
+                alt="icon"
+                src="/images/box-icon/database.svg"
+                width={33}
+                height={32}
+              />
+            </div>
+            <div className="content">
+              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
+                Data-Powered Decisions
+              </div>
+              <p className="text-body-3 text_mono-gray-7">
+                Their analysis-driven recommendations in refining ad spend
+                allocation have increased ROI by 30% in our key markets.
+              </p>
+            </div>
+          </div>
+          <div className="tf-box-icon style-5 effect-icon">
+            <div className="icon mb_24">
+              <Image
+                alt="icon"
+                src="/images/box-icon/discover-circle.svg"
+                width={33}
+                height={32}
+              />
+            </div>
+            <div className="content">
+              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
+                Commitment to Excellence
+              </div>
+              <p className="text-body-3 text_mono-gray-7">
+                Their proactive support in managing our multi-channel campaigns
+                led to a seamless launch and 18% revenue growth.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Features2.jsx b/components/homes/marketing-consulting/Features2.jsx
new file mode 100644
index 0000000..d1ec3b6
--- /dev/null
+++ b/components/homes/marketing-consulting/Features2.jsx
@@ -0,0 +1,386 @@
+import React from "react";
+import Image from "next/image";
+export default function Features2() {
+  return (
+    <div className="section mt_30">
+      <div className="tf-container-2">
+        <div className="heading-section text-center mb_58">
+          <div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
+            <div className="icon">
+              <i className="icon-user-question-02" />
+            </div>
+            <p className="text-body-3 fw-5">What we offer</p>
+          </div>
+          <h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
+            Our unique offerings to{" "}
+            <span className="text-gradient">unlock</span> your <br />
+            full business potential
+          </h2>
+          <p
+            className="text-body-1 text_mono-gray-7 mt_27 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            Discover the expertise, innovation, and commitment that set us
+            apart. We <br />
+            deliver tailored strategies and measurable results to help.
+          </p>
+        </div>
+        <ul
+          className="nav nav-tabs-wrap style-2 overflow-x-auto mb_48"
+          id="myTab"
+          role="tablist"
+        >
+          <li className="nav-item" role="presentation">
+            <button
+              className="nav-link active"
+              id="service-1"
+              data-bs-toggle="tab"
+              data-bs-target="#service-1-pane"
+              type="button"
+              role="tab"
+              aria-controls="service-1-pane"
+              aria-selected="true"
+            >
+              <span className="text-body-1 text_mono-gray-5">01</span>
+              <span className="fw-5 h6">  Business Consultation</span>
+              <span className="line" />
+            </button>
+          </li>
+          <li className="nav-item" role="presentation">
+            <button
+              className="nav-link"
+              id="service-2"
+              data-bs-toggle="tab"
+              data-bs-target="#service-2-pane"
+              type="button"
+              role="tab"
+              aria-controls="service-2-pane"
+              aria-selected="false"
+            >
+              <span className="text-body-1 text_mono-gray-5">02</span>
+              <span className="fw-5 h6">  Trade Connects & MOUs</span>
+              <span className="line" />
+            </button>
+          </li>
+          <li className="nav-item" role="presentation">
+            <button
+              className="nav-link"
+              id="service-3"
+              data-bs-toggle="tab"
+              data-bs-target="#service-3-pane"
+              type="button"
+              role="tab"
+              aria-controls="service-3-pane"
+              aria-selected="false"
+            >
+              <span className="text-body-1 text_mono-gray-5">03</span>
+              <span className="fw-5 h6">  Legal & Logistics Support</span>
+              <span className="line" />
+            </button>
+          </li>
+          <li className="nav-item" role="presentation">
+            <button
+              className="nav-link"
+              id="service-4"
+              data-bs-toggle="tab"
+              data-bs-target="#service-4-pane"
+              type="button"
+              role="tab"
+              aria-controls="service-4-pane"
+              aria-selected="false"
+            >
+              <span className="text-body-1 text_mono-gray-5">04</span>
+              <span className="fw-5 h6"> Project Identification</span>
+              <span className="line" />
+            </button>
+          </li>
+        </ul>
+        <div
+          className="tab-content flat-animate-tab effect-content-slide"
+          id="myTabContent"
+        >
+          <div
+            className="tab-pane show active"
+            id="service-1-pane"
+            role="tabpanel"
+            aria-labelledby="service-1"
+            tabIndex={0}
+          >
+            <div className="box-service style-2">
+              <div className="img-style effect-item effect-left">
+                <Image
+                  className="lazyload"
+                  data-src="/images/section/service-5.jpg"
+                  alt="service"
+                  src="/images/section/service-5.jpg"
+                  width={651}
+                  height={691}
+                />
+              </div>
+              <div className="content">
+                <div className="heading effect-item effect-right">
+                  <h6 className="text_primary fw-5 mb_12 number">01</h6>
+                  <h4 className="fw-5 mb_14 mb_24 title">
+                    Business Consultation
+                  </h4>
+                  <p className="text-body-1 text_mono-gray-7">
+                    Develop Ireland-India business and trade activities
+                  </p>
+                </div>
+                <div>
+                  <ul className="list effect-item effect-right effect-3 mb_56">
+                    <li className="text-body-1 text_white">
+                      <i className="icon-check-cycle-line" /> We offering
+                      customized strategies that truly work for you
+                    </li>
+                    <li className="text-body-1 text_white">
+                      <i className="icon-check-cycle-line" />
+                      Brings the knowledge and insights you need to make
+                      informed decisions that drive success.
+                    </li>
+                    <li className="text-body-1 text_white">
+                      <i className="icon-check-cycle-line" /> Cancel anytime you
+                      want
+                    </li>
+                    <li className="text-body-1 text_white">
+                      <i className="icon-check-cycle-line" /> Proven Results and
+                      Client Satisfaction
+                    </li>
+                  </ul>
+                  <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                    <div className="avatar rounded-cycle overflow-hidden">
+                      <Image
+                        alt="avatar"
+                        src="/images/avatar/avatar-17.jpg"
+                        width={144}
+                        height={144}
+                      />
+                    </div>
+                    <div className="content">
+                      <p className="description fw-3 text-body-2 mb_4 text_color-text-1">
+                        “It's a comprehensive tool of Advitex that we
+                        <span className="fw-6 text_color-text-1">
+                          rely on daily{" "}
+                        </span>
+                        to guide our
+                        <span className="fw-6 text_color-text-1">
+                          investment decisions
+                        </span>
+                        ”
+                      </p>
+                      <div className="text-body-2 fw-6 text_color-text-1">
+                        John Sena - CEO of Kling
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="tab-pane show"
+            id="service-2-pane"
+            role="tabpanel"
+            aria-labelledby="service-2"
+            tabIndex={0}
+          >
+            <div className="box-service style-2">
+              <div className="img-style effect-item effect-left">
+                <Image
+                  className="lazyload"
+                  data-src="/images/section/service-6.jpg"
+                  alt="service"
+                  src="/images/section/service-6.jpg"
+                  width={651}
+                  height={691}
+                />
+              </div>
+              <div className="content">
+                <div className="heading mb_28 effect-item effect-right">
+                  <h6 className="text_primary fw-5 mb_12 number">02</h6>
+                  <h4 className="fw-5 mb_14 mb_24 title">
+                    Trade Connects & MOUs
+                  </h4>
+                  <p className="text-body-1 text_mono-gray-7">
+                    Organized events/seminars for promoting trade and business between both the countries
+                  </p>
+                </div>
+                <ul className="list effect-item effect-right effect-3 mb_56">
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" /> Personalized
+                    approaches crafted for your specific needs
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" /> Strategic insights
+                    to turn your goals into measurable outcomes
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" /> Flexibility to adapt
+                    as your priorities change
+                  </li>
+                </ul>
+                <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                  <div className="avatar rounded-cycle overflow-hidden">
+                    <Image
+                      alt="avatar"
+                      src="/images/avatar/avatar-5.jpg"
+                      width={100}
+                      height={100}
+                    />
+                  </div>
+                  <div className="content">
+                    <p className="description fw-3 text-body-2 mb_4 text_color-text-1">
+                      "Thanks to Advitex's stock planning tools, we have seen
+                      remarkable stability in our investments, even during
+                      volatile periods."
+                    </p>
+                    <div className="text-body-2 fw-6 text_color-text-1">
+                      Alex Boar - CEO of Marcus
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="tab-pane show"
+            id="service-3-pane"
+            role="tabpanel"
+            aria-labelledby="service-3"
+            tabIndex={0}
+          >
+            <div className="box-service style-2">
+              <div className="img-style effect-item effect-left">
+                <Image
+                  className="lazyload"
+                  data-src="/images/section/service-7.jpg"
+                  alt="service"
+                  src="/images/section/service-7.jpg"
+                  width={651}
+                  height={691}
+                />
+              </div>
+              <div className="content">
+                <div className="heading mb_28 effect-item effect-right">
+                  <h6 className="text_primary fw-5 mb_12 number">03</h6>
+                  <h4 className="fw-5 mb_14 mb_24 title">
+                     Legal & Logistics Support
+                  </h4>
+                  <p className="text-body-1 text_mono-gray-7">
+                    Coordinates and support high-level private business delegates both sides as well as liasing with the governments’ business agencies like events managements/delegates visa/accommodation — all other legal matters under the guidance of the government agencies.
+                  </p>
+                </div>
+                <ul className="list effect-item effect-right effect-3 mb_56">
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" /> End-to-end solutions
+                    tailored to your requirements
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" />
+                    Transparent workflows for clarity and trust
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" />
+                    Exceptional expertise ensuring timely results
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" />
+                    Proven methodologies backed by client success stories
+                  </li>
+                </ul>
+                <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                  <div className="avatar rounded-cycle overflow-hidden">
+                    <Image
+                      alt="avatar"
+                      src="/images/avatar/avatar-6.jpg"
+                      width={100}
+                      height={100}
+                    />
+                  </div>
+                  <div className="content">
+                    <p className="description fw-3 text-body-2 mb_4 text_color-text-1">
+                      "Advitex's strategic insights have been crucial in
+                      redefining our business path and keeping us ahead of the
+                      curve."
+                    </p>
+                    <div className="text-body-2 fw-6 text_color-text-1">
+                      Elise Chrona - CEO of Minga
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className="tab-pane show"
+            id="service-4-pane"
+            role="tabpanel"
+            aria-labelledby="service-4"
+            tabIndex={0}
+          >
+            <div className="box-service style-2">
+              <div className="img-style effect-item effect-left">
+                <Image
+                  className="lazyload"
+                  data-src="/images/section/service-8.jpg"
+                  alt="service"
+                  src="/images/section/service-8.jpg"
+                  width={651}
+                  height={691}
+                />
+              </div>
+              <div className="content">
+                <div className="heading mb_28 effect-item effect-right">
+                  <h6 className="text_primary fw-5 mb_12 number">04</h6>
+                  <h4 className="fw-5 mb_14 mb_24 title">
+                     Project Identification
+                  </h4>
+                  <p className="text-body-1 text_mono-gray-7">
+                    Support Ireland investors/individuals/companies for exploring Indian markets. And Indian to Ireland. Etc.
+                  </p>
+                </div>
+                <ul className="list effect-item effect-right effect-3 mb_56">
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" />
+                    Data-driven evaluations to measure performance
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" />
+                    Brings the knowledge and insights you need to make informed
+                    decisions that drive success.
+                  </li>
+                  <li className="text-body-1 text_white">
+                    <i className="icon-check-cycle-line" />
+                    Agile strategies to refine and improve results
+                  </li>
+                </ul>
+                <div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
+                  <div className="avatar rounded-cycle overflow-hidden">
+                    <Image
+                      alt="avatar"
+                      src="/images/avatar/avatar-8.jpg"
+                      width={96}
+                      height={96}
+                    />
+                  </div>
+                  <div className="content">
+                    <p className="description fw-3 text-body-2 mb_4 text_color-text-1">
+                      "Advitex's investment planning has
+                      <span className="">simplified complex decisions</span> ,
+                      giving us clarity and
+                      <span className="text_color-text-1 fw-6">confidence</span>
+                      in our financial journey."
+                    </p>
+                    <div className="text-body-2 fw-6 text_color-text-1">
+                      Elise Chrona - CEO of Minga
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Figures.jsx b/components/homes/marketing-consulting/Figures.jsx
new file mode 100644
index 0000000..c52f7e1
--- /dev/null
+++ b/components/homes/marketing-consulting/Figures.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { counterItems4 } from "@/data/facts";
+import OdometerComponent from "@/components/common/OdometerComponent";
+export default function Figures() {
+  return (
+    <div className="section-figures position-relative">
+      <div className="tf-container-2">
+      </div>
+      
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Hero.jsx b/components/homes/marketing-consulting/Hero.jsx
new file mode 100644
index 0000000..8d6abf5
--- /dev/null
+++ b/components/homes/marketing-consulting/Hero.jsx
@@ -0,0 +1,185 @@
+"use client";
+const infinityImages = [
+  {
+    id: 1,
+    src: "/images/page-title/infinity-img-1.jpg",
+    width: 434,
+    height: 437,
+  },
+  {
+    id: 2,
+    src: "/images/page-title/infinity-img-2.jpg",
+    width: 161,
+    height: 437,
+  },
+  {
+    id: 3,
+    src: "/images/page-title/infinity-img-3.jpg",
+    width: 434,
+    height: 437,
+  },
+  {
+    id: 4,
+    src: "/images/page-title/infinity-img-4.jpg",
+    width: 161,
+    height: 437,
+  },
+  {
+    id: 5,
+    src: "/images/page-title/infinity-img-5.jpg",
+    width: 434,
+    height: 437,
+  },
+  {
+    id: 6,
+    src: "/images/page-title/infinity-img-6.jpg",
+    width: 161,
+    height: 437,
+  },
+];
+const allInfinityImages = [
+  ...infinityImages,
+  ...infinityImages,
+  ...infinityImages,
+];
+import Image from "next/image";
+export default function Hero() {
+  return (
+    <div className="page-title style-5">
+      <div className="tf-container mt_25">
+        <div className="row">
+          <div className="col-12">
+            <div className="heading-title text-center mb_40">
+              <div className="heading-tag d-flex gap_12 align-items-center mx-auto mb_20">
+                <div className="icon">
+                  <i className="icon-medal-first-place" />
+                </div>
+                <p className="text-body-3 text_mono-dark-10 fw-5">
+                  Top #1 Marketing Consulting Agency
+                </p>
+              </div>
+              <h1 className="title text_mono-dark-9 fw-5 mb_28 split-text">
+                Strategic <span className="text-gradient">marketing</span>{" "}
+                solutions designed <br />
+                to empower your brand.
+              </h1>
+              <p className="text_mono-gray-7 sub-heading">
+                Providing expert marketing consulting services to help you
+                attract, <br />
+                engage, and thrive in today’s dynamic marketplace
+              </p>
+            </div>
+            <form
+              onSubmit={(e) => e.preventDefault()}
+              className="form-send-email mb_31"
+            >
+              <fieldset>
+                <input
+                  className=""
+                  type="email"
+                  placeholder="Your Email Address"
+                  name="text"
+                  tabIndex={2}
+                  defaultValue=""
+                  aria-required="true"
+                  required
+                />
+              </fieldset>
+              <div className="button-submit">
+                <button className="tf-btn btn-primary2" type="submit">
+                  <span className="text-body-3">Get Started</span>
+                  <span className="bg-effect" />
+                </button>
+              </div>
+            </form>
+            <div className="facts d-flex align-items-center justify-content-center">
+              <div className="avatar-wrap d-flex">
+                <div className="avatar item-1">
+                  <Image
+                    alt=""
+                    src="/images/avatar/facts-3.png"
+                    width={28}
+                    height={28}
+                  />
+                </div>
+                <div className="avatar item-2">
+                  <Image
+                    alt=""
+                    src="/images/avatar/facts-4.png"
+                    width={28}
+                    height={28}
+                  />
+                </div>
+                <div className="avatar item-3">
+                  <Image
+                    alt=""
+                    src="/images/avatar/facts-5.png"
+                    width={28}
+                    height={28}
+                  />
+                </div>
+                <div className="avatar item-4">
+                  <Image
+                    alt=""
+                    src="/images/avatar/facts-6.png"
+                    width={28}
+                    height={28}
+                  />
+                </div>
+              </div>
+              <p className="text-body-3 text_mono-dark-9">
+                200+ Businesses Engaged
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="bot">
+        <div className="shape shape-top">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 1000 100"
+            preserveAspectRatio="none"
+          >
+            <path
+              className="shape-fill"
+              d="M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z"
+            />
+          </svg>
+        </div>
+        <div className="shape shape-bottom">
+          <Image
+            alt=""
+            src="/images/item/shape-7.png"
+            width={2232}
+            height={483}
+          />
+        </div>
+        <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
+          <div
+            className="infiniteslide tf-marquee infiniteSlide"
+            data-clone={2}
+            data-style="left"
+          >
+            {allInfinityImages.map((image, index) => (
+              <div
+                className={`marquee-item${
+                  index >= infinityImages.length ? " infiniteslide_clone" : ""
+                }`}
+                style={{ flex: "0 0 auto", display: "block" }}
+                key={`infinity-img-${image.id}-${index}`}
+              >
+                <Image
+                  alt="brands"
+                  src={image.src}
+                  width={image.width}
+                  height={image.height}
+                />
+              </div>
+            ))}
+          </div>{" "}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Services.jsx b/components/homes/marketing-consulting/Services.jsx
new file mode 100644
index 0000000..9b8d917
--- /dev/null
+++ b/components/homes/marketing-consulting/Services.jsx
@@ -0,0 +1,172 @@
+"use client";
+import React, { useState } from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { services3 } from "@/data/services";
+export default function Services() {
+  const [activeService, setActiveService] = useState(1);
+  return (
+    <div className="section-service style-1">
+      <div className="tf-container-2">
+        <div className="heading-section d-flex gap_12 justify-content-between flex-wrap-md mb_59">
+          <div className="left">
+            <div className="heading-tag d-flex gap_12 mb_20 text_mono-dark-8 fw-5">
+              <div className="icon">
+                <i className="icon-customer-service" />
+              </div>
+              <p className="text-body-3 fw-5">Services</p>
+            </div>
+            <h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
+              Getting start is <span className="text-gradient">easy</span>
+            </h2>
+          </div>
+          <div className="right">
+            <p className="text-body-1 text_mono-gray-7 split-text split-lines-transform">
+              Explore our range of expert services designed to <br />
+              elevate your business. From strategic planning to <br />
+              execution, we deliver solutions.
+            </p>
+          </div>
+        </div>
+        <div className="top mb_48">
+          <div className="navigation-bar overflow-x-auto">
+            <div
+              className={`nav-item  ${activeService == 1 ? "is-active" : ""} `}
+              onClick={() => setActiveService(1)}
+            >
+              Market Research &amp; Analysis
+            </div>
+            <div
+              className={`nav-item  ${activeService == 2 ? "is-active" : ""} `}
+              onClick={() => setActiveService(2)}
+            >
+              Brand Development &amp; Positioning
+            </div>
+            <div
+              className={`nav-item  ${activeService == 3 ? "is-active" : ""} `}
+              onClick={() => setActiveService(3)}
+            >
+              Digital Marketing
+            </div>
+          </div>
+          <div className="navigation-arrows">
+            <div
+              className="arrow"
+              onClick={() =>
+                setActiveService((pre) => (pre == 1 ? 3 : pre - 1))
+              }
+              id="prevButton"
+            >
+              <svg
+                width={24}
+                height={24}
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4 11.9998L20 11.9998"
+                  stroke="#141B34"
+                  strokeWidth="1.5"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M8.99996 17C8.99996 17 4.00001 13.3176 4 12C3.99999 10.6824 9 7 9 7"
+                  stroke="#141B34"
+                  strokeWidth="1.5"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+              </svg>
+            </div>
+            <div
+              className="arrow"
+              onClick={() =>
+                setActiveService((pre) => (pre == 3 ? 1 : pre + 1))
+              }
+              id="nextButton"
+            >
+              <svg
+                width={24}
+                height={24}
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M20 11.9998L4 11.9998"
+                  stroke="#141B34"
+                  strokeWidth="1.5"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M15 17C15 17 20 13.3176 20 12C20 10.6824 15 7 15 7"
+                  stroke="#141B34"
+                  strokeWidth="1.5"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+        <div className="service-accordion" style={{ "--main-width": "100%" }}>
+          <div className="wrap">
+            <div className="slider-wrap">
+              {services3.map((service, index) => (
+                <div
+                  className={`service-accordion-item ${
+                    index + 1 == activeService ? "is-active" : ""
+                  } `}
+                  id={service.id}
+                  key={service.id}
+                  onClick={() => setActiveService(index + 1)}
+                >
+                  <div className="item-inner">
+                    <div className="naming-list">
+                      <span className="text_mono-gray-5">{service.number}</span>
+                      <div className="title text-body-3 text_mono-dark-9">
+                        {service.title}
+                      </div>
+                    </div>
+                    <div className="box-service style-3">
+                      <div className="left">
+                        <h5 className="fw-5 title">{service.title}</h5>
+                        <div className="bot">
+                          <p className="text-body-1 text_mono-gray-7 mb_29">
+                            {service.description}
+                          </p>
+                          <Link
+                            href={`/service-details/${service.id}`}
+                            className="btn_link text-body-1 text_mono-dark-9 link"
+                          >
+                            <span>Learn More</span>
+                            <i className="icon-long-arrow-alt-right-solid" />
+                          </Link>
+                        </div>
+                      </div>
+                      <div className="right">
+                        <div className="img-style">
+                          <Image
+                            className="lazyload"
+                            data-src={service.image}
+                            alt="service"
+                            src={service.image}
+                            width={393}
+                            height={417}
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/homes/marketing-consulting/Testimonials.jsx b/components/homes/marketing-consulting/Testimonials.jsx
new file mode 100644
index 0000000..59aab21
--- /dev/null
+++ b/components/homes/marketing-consulting/Testimonials.jsx
@@ -0,0 +1,62 @@
+"use client";
+import { testimonials2 } from "@/data/testimonials";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination } from "swiper/modules";
+export default function Testimonials() {
+  return (
+    <div className="section-testimonial style-6">
+      <div className="tf-container-2">
+        <div className="heading-section gap_12 text-center mb_58">
+          <div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
+            <div className="icon">
+              <i className="icon-star" />
+            </div>
+            <p className="text-body-3">About Us</p>
+          </div>
+          <h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
+            Driving your financial <span className="text-gradient">success</span> with strategic expertise and solutions
+          </h2>
+        </div>
+        <div className="section-testimonial style-3">
+          <div className="wrapper">
+            <Swiper
+              className="swiper sw-layout"
+              spaceBetween={15}
+              breakpoints={{
+                768: {
+                  spaceBetween: 20,
+                },
+                992: {
+                  spaceBetween: 24,
+                },
+              }}
+              modules={[Pagination]}
+              pagination={{
+                clickable: true,
+                el: ".spd11",
+              }}
+            >
+              {testimonials2.map((testimonial) => (
+                <SwiperSlide
+                  className="swiper-slide"
+                  key={`testimonial-${testimonial.id}`}
+                >
+                  <div className="testimonial style-2">
+                    
+                    <h5 className="text text_white fw-6">
+                      {testimonial.quote}
+                    </h5>
+                    <h5 className="text text_white fw-6">
+                      {testimonial.desc}
+                    </h5>
+                  </div>
+                </SwiperSlide>
+              ))}
+            </Swiper>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/modals/Mobilemenu.jsx b/components/modals/Mobilemenu.jsx
new file mode 100644
index 0000000..2997757
--- /dev/null
+++ b/components/modals/Mobilemenu.jsx
@@ -0,0 +1,280 @@
+"use client";
+import {
+  blogPages,
+  homepages,
+  otherPages,
+  servicePages,
+  shopPages,
+} from "@/data/menu";
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import React from "react";
+
+export default function Mobilemenu() {
+  const pathname = usePathname();
+  const isActive = (link) => link.split("/")[1] == pathname.split("/")[1];
+  const isActiveParent = (links) => links.some((link) => isActive(link.href));
+
+  return (
+    <div className="offcanvas offcanvas-start canvas-mb" id="menu-mobile">
+      <div className="offcanvas-header top-nav-mobile justify-content-between">
+        <Link href={`/`} className="logo">
+          <Image
+            alt="logo"
+            src="/images/logo/footer-logo.png"
+            width={390}
+            height={80}
+          />
+        </Link>
+        <div className="close-menu" data-bs-dismiss="offcanvas">
+          <i className="icon-times-solid" />
+        </div>
+      </div>
+      <div className="mb-canvas-content">
+        <div className="mb-body">
+          <div className="mb-content-top">
+            <ul className="nav-ul-mb" id="wrapper-menu-navigation">
+              <li
+                className={`nav-mb-item ${
+                  isActiveParent(homepages) ? "active" : ""
+                }`}
+              >
+                <a
+                  href="#dropdown-menu-home"
+                  className="collapsed mb-menu-link"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="dropdown-menu-home"
+                >
+                  <span>Home</span>
+                  <span className="btn-open-sub" />
+                </a>
+                <div
+                  id="dropdown-menu-home"
+                  className="collapse"
+                  data-bs-parent="#menu-mobile"
+                >
+                  <ul className="sub-nav-menu">
+                    {homepages.map((item, index) => (
+                      <li key={index}>
+                        <Link
+                          href={item.href}
+                          className={`sub-nav-link ${
+                            isActive(item.href) ? "active" : ""
+                          }`}
+                        >
+                          {item.title}
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </li>
+              <li
+                className={`nav-mb-item ${
+                  isActiveParent(otherPages) ? "active" : ""
+                }`}
+              >
+                <a
+                  href="#dropdown-menu-pages"
+                  className="collapsed mb-menu-link"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="dropdown-menu-pages"
+                >
+                  <span>Pages</span>
+                  <span className="btn-open-sub" />
+                </a>
+                <div
+                  id="dropdown-menu-pages"
+                  className="collapse"
+                  data-bs-parent="#menu-mobile"
+                >
+                  <ul className="sub-nav-menu">
+                    {otherPages.map((item) => (
+                      <li key={item.href}>
+                        <Link
+                          href={item.href}
+                          className={`sub-nav-link ${
+                            isActive(item.href) ? "active" : ""
+                          }`}
+                        >
+                          {item.label}
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </li>
+              <li
+                className={`nav-mb-item ${
+                  isActiveParent(servicePages) ? "active" : ""
+                }`}
+              >
+                <a
+                  href="#dropdown-menu-services"
+                  className="collapsed mb-menu-link"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="dropdown-menu-services"
+                >
+                  <span>Serivce</span>
+                  <span className="btn-open-sub" />
+                </a>
+                <div
+                  id="dropdown-menu-services"
+                  className="collapse"
+                  data-bs-parent="#menu-mobile"
+                >
+                  <ul className="sub-nav-menu">
+                    {servicePages.map((item) => (
+                      <li key={item.href}>
+                        <Link
+                          href={item.href}
+                          className={`sub-nav-link ${
+                            isActive(item.href) ? "active" : ""
+                          }`}
+                        >
+                          {item.label}
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </li>
+              <li
+                className={`nav-mb-item ${
+                  isActiveParent(blogPages) ? "active" : ""
+                }`}
+              >
+                <a
+                  href="#dropdown-menu-blog"
+                  className="collapsed mb-menu-link"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="dropdown-menu-blog"
+                >
+                  <span>Blog</span>
+                  <span className="btn-open-sub" />
+                </a>
+                <div
+                  id="dropdown-menu-blog"
+                  className="collapse"
+                  data-bs-parent="#menu-mobile"
+                >
+                  <ul className="sub-nav-menu">
+                    {blogPages.map((item) => (
+                      <li key={item.href}>
+                        <Link
+                          href={item.href}
+                          className={`sub-nav-link ${
+                            isActive(item.href) ? "active" : ""
+                          }`}
+                        >
+                          {item.label}
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </li>
+              <li
+                className={`nav-mb-item ${
+                  isActiveParent(shopPages) ? "active" : ""
+                }`}
+              >
+                <a
+                  href="#dropdown-menu-shop"
+                  className="collapsed mb-menu-link"
+                  data-bs-toggle="collapse"
+                  aria-expanded="true"
+                  aria-controls="dropdown-menu-shop"
+                >
+                  <span>Shop</span>
+                  <span className="btn-open-sub" />
+                </a>
+                <div
+                  id="dropdown-menu-shop"
+                  className="collapse"
+                  data-bs-parent="#menu-mobile"
+                >
+                  <ul className="sub-nav-menu">
+                    {shopPages.map((item) => (
+                      <li key={item.href}>
+                        <Link
+                          href={item.href}
+                          className={`sub-nav-link ${
+                            isActive(item.href) ? "active" : ""
+                          }`}
+                        >
+                          {item.label}
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </li>
+              <li
+                className={`nav-mb-item ${
+                  isActive("/contact-us") ? "active" : ""
+                }`}
+              >
+                <Link href={`/contact-us`} className="mb-menu-link">
+                  Contact
+                </Link>
+              </li>
+            </ul>
+          </div>
+          <div className="mb-other-content">
+            <ul className="mb-info mb_20">
+              <li>
+                <p className="text_mono-gray">
+                  Address:
+                  <a
+                    target="_blank"
+                    href="https://www.google.com/maps?q=16/9,ScotlandUnitedKingdom"
+                  >
+                    <span className="fw-5 text_mono-gray-5">
+                      16/9, Scotland United Kingdom
+                    </span>
+                  </a>
+                </p>
+              </li>
+              <li>
+                <p className="text_mono-gray">
+                  Email:
+                  <a href="mailto:themesflat@gmail.com">
+                    <span className="fw-5 text_mono-gray-5">
+                      themesflat@gmail.com
+                    </span>
+                  </a>
+                </p>
+              </li>
+              <li>
+                <p className="text_mono-gray">
+                  Phone:
+                  <a href="tel:+11635565389">
+                    <span className="fw-5 text_mono-gray-5">
+                      +1 16355 65389
+                    </span>
+                  </a>
+                </p>
+              </li>
+            </ul>
+            <div className="mb-wrap-btn d-flex gap_12">
+              <Link href={`/pricing`} className="tf-btn">
+                <span>Get Started</span>
+                <span className="bg-effect" />
+              </Link>
+              <Link href={`/contact-us`} className="tf-btn">
+                <span>Contact Us</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/About.jsx b/components/otherPages/About.jsx
new file mode 100644
index 0000000..aa8824a
--- /dev/null
+++ b/components/otherPages/About.jsx
@@ -0,0 +1,232 @@
+import React from "react";
+import Image from "next/image";
+import { counterItems5 } from "@/data/facts";
+import OdometerComponent from "../common/OdometerComponent";
+export default function About() {
+  return (
+    <>
+      {/* .section-about */}
+      <div className="text-with-img-2 tf-spacing-4">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="wrap-img">
+                <div className="shape-img-bg shape-border">
+                  <Image
+                    alt="shape"
+                    className="img-custom-anim-left wow"
+                    src="/images/section/img-with-shape-3.jpg"
+                    width={692}
+                    height={543}
+                  />
+                  <div className="img-bg-shape">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      x="0px"
+                      y="0px"
+                      viewBox="0 0 288 288"
+                    >
+                      <linearGradient
+                        id="imagewave-1"
+                        x1="70.711%"
+                        x2="0%"
+                        y1="70.711%"
+                        y2="0%"
+                      >
+                        <stop
+                          className="stop-color"
+                          offset="0%"
+                          stopOpacity={1}
+                        />
+                        <stop
+                          className="stop-color"
+                          offset="100%"
+                          stopOpacity={1}
+                        />
+                      </linearGradient>
+                      <path fill="url(#imagewave-1)" d="">
+                        <animate
+                          repeatCount="indefinite"
+                          attributeName="d"
+                          dur="5s"
+                          values="M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                          c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                          c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                          c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
+                          
+                          
+                          M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
+                          c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
+                          c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
+                          C48.9,198.6,57.8,191,51,171.3z;
+                          
+                          M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                          c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                          c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                          c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z  "
+                        />
+                      </path>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <div className="content mb-0">
+                <h2 className="title split-text split-lines-rotation-x">
+                  Innovate to streamline operations
+                  <br />
+                  and accelerate growth.
+                </h2>
+                <p
+                  className="description text-body-1 text_mono-gray-7 description-1 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  We are committed to driving innovation and delivering
+                  cutting-edge software solutions. Our team of skilled
+                  developers and industry experts collaborate closely to create
+                  tailored solutions that address the unique needs of our
+                  clients.
+                </p>
+                <p
+                  className="description text-body-1 text_mono-gray-7 description-2 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  By leveraging the latest technologies and industry best
+                  practices, we empower our clients to streamline their
+                  operations, reduce costs, and achieve sustainable business
+                  growth. Our innovative software solutions are designed to
+                  increase efficiency, improve productivity, and enhance overall
+                  business performance.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      {/* /.section-about */}
+      {/* .section-about */}
+      <div className="text-with-img-2 tf-spacing-5 pt-0">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-xl-6">
+              <div className="content">
+                <h2 className="title split-text split-lines-rotation-x">
+                  Innovate to streamline operations
+                  <br />
+                  and accelerate growth.
+                </h2>
+                <p
+                  className="description text-body-1 text_mono-gray-7 description-1 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  We are committed to driving innovation and delivering
+                  cutting-edge software solutions. Our team of skilled
+                  developers and industry experts collaborate closely to create
+                  tailored solutions that address the unique needs of our
+                  clients.
+                </p>
+                <p
+                  className="description text-body-1 text_mono-gray-7 description-2 wow animate__fadeInUp animate__animated"
+                  data-wow-delay="0s"
+                >
+                  By leveraging the latest technologies and industry best
+                  practices, we empower our clients to streamline their
+                  operations, reduce costs, and achieve sustainable business
+                  growth. Our innovative software solutions are designed to
+                  increase efficiency, improve productivity, and enhance overall
+                  business performance.
+                </p>
+              </div>
+            </div>
+            <div className="col-xl-6">
+              <div className="wrap-img mb-0">
+                <div className="shape-img-bg">
+                  <Image
+                    alt="shape"
+                    className="img-custom-anim-right wow"
+                    src="/images/section/img-with-shape-4.jpg"
+                    width={695}
+                    height={568}
+                  />
+                  <div className="img-bg-shape">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      x="0px"
+                      y="0px"
+                      viewBox="0 0 288 288"
+                    >
+                      <linearGradient
+                        id="imagewave"
+                        x1="70.711%"
+                        x2="0%"
+                        y1="70.711%"
+                        y2="0%"
+                      >
+                        <stop
+                          className="stop-color"
+                          offset="0%"
+                          stopOpacity={1}
+                        />
+                        <stop
+                          className="stop-color"
+                          offset="100%"
+                          stopOpacity={1}
+                        />
+                      </linearGradient>
+                      <path fill="url(#imagewave)" d="">
+                        <animate
+                          repeatCount="indefinite"
+                          attributeName="d"
+                          dur="5s"
+                          values="M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                          c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                          c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                          c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
+                          
+                          
+                          M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
+                          c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
+                          c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
+                          C48.9,198.6,57.8,191,51,171.3z;
+                          
+                          M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                          c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                          c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                          c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z  "
+                        />
+                      </path>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="wrap-counter style-4">
+            <div className="row">
+              {counterItems5.map((item, index) => (
+                <div key={index} className="col-md-4">
+                  <div className="counter-item style-default">
+                    <div className="sub-heading text_black text-uppercase mb_22">
+                      {item.title}
+                    </div>
+                    <div className="counter-number">
+                      <div className="odometer text_primary mb_15">
+                        <OdometerComponent max={item.value} />
+                      </div>
+                      <span className="sub text_primary">{item.unit}</span>
+                    </div>
+                    <p
+                      className="sub-heading text_mono-gray-5"
+                      dangerouslySetInnerHTML={{ __html: item.description }}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/components/otherPages/Benefits.jsx b/components/otherPages/Benefits.jsx
new file mode 100644
index 0000000..d1b441e
--- /dev/null
+++ b/components/otherPages/Benefits.jsx
@@ -0,0 +1,74 @@
+"use client";
+import React from "react";
+import Image from "next/image";
+import { slideItems } from "@/data/benefits";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination } from "swiper/modules";
+export default function Benefits() {
+  return (
+    <div className="unique-benefits tf-spacing-37">
+      <div className="tf-container">
+        <div className="heading-section mb_88">
+          <h2>Options Highlighting Unique Benefits</h2>
+          <p className="text-body-1 text_mono-gray-7 mt_20">
+            We offer a comprehensive benefits package designed to support your
+            professional and personal well-being. <br />
+            Here are some of the perks and benefits you can expect:
+          </p>
+        </div>
+        <Swiper
+          className="swiper tf-sw-mobile bg_1 swiper-active-768"
+          spaceBetween={15}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd15",
+          }}
+        >
+          {slideItems.map((item, index) => (
+            <SwiperSlide key={index} className="swiper-slide">
+              <div className="tf-box-icon style-7 v2 effec-icon">
+                <div className="icon mb_23">
+                  <i className={item.iconClass} />
+                </div>
+                <h5 className="mb_12 title">{item.title}</h5>
+                <p className="text-body-1 text_mono-gray-7">
+                  {item.description}
+                </p>
+              </div>
+            </SwiperSlide>
+          ))}
+
+          <div className="sw-dots style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none spd15" />
+        </Swiper>
+        <div className="swiper tf-sw-mobile bg_1 swiper-inActive-768">
+          <div className="swiper-wrapper tf-grid-layout-md lg-col-3 gap_25 md-col-2">
+            {slideItems.map((item, index) => (
+              <div key={index} className="swiper-slide">
+                <div className="tf-box-icon style-7 v2 effec-icon">
+                  <div className="icon mb_23">
+                    <i className={item.iconClass} />
+                  </div>
+                  <h5 className="mb_12 title">{item.title}</h5>
+                  <p className="text-body-1 text_mono-gray-7">
+                    {item.description}
+                  </p>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+        <div className="img-thumbs">
+          <Image
+            className="lazyload parallax-img"
+            data-src="/images/section/career-1.jpg"
+            alt="career"
+            src="/images/section/career-1.jpg"
+            width={1696}
+            height={640}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/BlogCommentBox.jsx b/components/otherPages/BlogCommentBox.jsx
new file mode 100644
index 0000000..183523f
--- /dev/null
+++ b/components/otherPages/BlogCommentBox.jsx
@@ -0,0 +1,65 @@
+"use client";
+
+export default function BlogCommentBox() {
+  return (
+    <form className="form-leave-comment" onSubmit={(e) => e.preventDefault()}>
+      <div className="wrap">
+        <fieldset className="">
+          <textarea
+            className=""
+            rows={4}
+            placeholder="Comment*"
+            tabIndex={2}
+            aria-required="true"
+            required
+            defaultValue={""}
+          />
+        </fieldset>
+        <div className="tf-grid-layout md-col-3">
+          <fieldset className="">
+            <input
+              className=""
+              type="text"
+              placeholder="Name*"
+              name="text"
+              tabIndex={2}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+          <fieldset className="">
+            <input
+              className=""
+              type="email"
+              placeholder="Email*"
+              name="email"
+              tabIndex={2}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+          <fieldset className="">
+            <input
+              className=""
+              type="text"
+              placeholder="Website*"
+              name="website"
+              tabIndex={2}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+        </div>
+      </div>
+      <div className="button-submit mt_32">
+        <button className="tf-btn" type="submit">
+          <span> Post Comment</span>
+          <span className="bg-effect" />
+        </button>
+      </div>
+    </form>
+  );
+}
diff --git a/components/otherPages/BlogDetails.jsx b/components/otherPages/BlogDetails.jsx
new file mode 100644
index 0000000..cab9422
--- /dev/null
+++ b/components/otherPages/BlogDetails.jsx
@@ -0,0 +1,351 @@
+import React from "react";
+import BlogSidebar from "./BlogSidebar";
+import Image from "next/image";
+import BlogCommentBox from "./BlogCommentBox";
+export default function BlogDetails() {
+  return (
+    <div className="section-sigle-post tf-spacing-3">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-lg-8">
+            <div className="left">
+              <div className="heading-single-post mx-auto mb_40">
+                <ul className="blog-article-meta d-flex align-items-center mb_32">
+                  <li className="meta-item text-body-1">
+                    <a href="#" className="link-black">
+                      Design Trends
+                    </a>
+                  </li>
+                  <li className="meta-item date text-body-1">
+                    August 23, 2024
+                  </li>
+                </ul>
+                <div className="box-infor">
+                  <div className="box-user d-flex gap_16 align-items-center">
+                    <div className="avatar">
+                      <Image
+                        alt="avatar"
+                        src="/images/avatar/avatar-1.jpg"
+                        width={64}
+                        height={64}
+                      />
+                    </div>
+                    <div className="content">
+                      <div className="sub-heading text_mono-dark-9">Amoro</div>
+                      <span className="text-body-3 text_mono-gray-5">
+                        Written by Editor
+                      </span>
+                    </div>
+                  </div>
+                  <div className="right">
+                    <div className="share item">
+                      <span className="text-body-2 text_mono-dark-9">
+                        Share
+                      </span>
+                      <div className="social d-flex gap_10">
+                        <a href="#" className="text_mono-dark-9 link">
+                          <i className="icon-facebook-f" />
+                        </a>
+                        <a href="#" className="text_mono-dark-9 link">
+                          <i className="icon-instagram" />
+                        </a>
+                      </div>
+                    </div>
+                    <div className="wrap d-flex">
+                      <a
+                        href="#"
+                        className="link copy item text-body-2 text_mono-dark-9"
+                      >
+                        <i className="icon-link-simple" />
+                        Copy link
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="content-post-main w-full mx-auto">
+                <div className="thumbs-post-single rounded-24 overflow-hidden mb_112">
+                  <Image
+                    className="lazyload"
+                    data-src="/images/blog/single-post-1.jpg"
+                    alt="thumbs"
+                    src="/images/blog/single-post-1.jpg"
+                    width={1147}
+                    height={719}
+                  />
+                </div>
+                <div className="single-post-content mb_102">
+                  <h2 className="text_mono-dark-9 mb_43 title-sigle-post">
+                    Introduction
+                  </h2>
+                  <p className="text-body-1 mb_44 text_mono-gray-6">
+                    It’s not merely about In today's rapidly evolving digital
+                    landscape, businesses are faced with a myriad of challenges
+                    and opportunities. From staying ahead of technological
+                    advancements to understanding consumer behavior, the
+                    complexity of the modern business environment can be
+                    overwhelming. This is where business consulting comes in. By
+                    providing expert guidance and tailored strategies, business
+                    consultants can help companies navigate the digital maze and
+                    achieve their goals.
+                  </p>
+                </div>
+                <div className="single-post-content mb_112">
+                  <h2 className="mb_11 text_mono-dark-9 title-sigle-post mb_43">
+                    The role of business consulting in the digital age
+                  </h2>
+                  <ul>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Digital Transformation:</span>{" "}
+                        Consultants can help businesses develop a comprehensive
+                        digital transformation strategy, identifying areas for
+                        improvement and implementing new technologies to
+                        streamline operations.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Data Analytics:</span> Leveraging
+                        advanced data analytics techniques, consultants can
+                        uncover valuable insights into customer behavior, market
+                        trends, and operational efficiency.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Cybersecurity:</span> In an
+                        increasingly interconnected world, cybersecurity is
+                        paramount. Consultants can assess a company's security
+                        posture and recommend measures to protect sensitive
+                        data.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Cloud Computing:</span>{" "}
+                        Transitioning to the cloud can offer numerous benefits,
+                        but it also requires careful planning and execution.
+                        Consultants can guide businesses through the cloud
+                        migration process.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">E-commerce:</span> For businesses
+                        looking to expand their online presence, consultants can
+                        provide expertise in e-commerce strategy, website
+                        development, and digital marketing.
+                      </p>
+                    </li>
+                  </ul>
+                </div>
+                <div className="wrap-quote mb_96">
+                  <div className="rounded-24 overflow-hidden mb_29 thumbs-post-single-2">
+                    <Image
+                      className="lazyload"
+                      data-src="/images/blog/single-post-2.jpg"
+                      alt="thumbs"
+                      src="/images/blog/single-post-2.jpg"
+                      width={1147}
+                      height={360}
+                    />
+                  </div>
+                  <div className="quote style-2">
+                    <p className="h2 text">
+                      " Ready to take your business to the next level? Contact
+                      us today for a free consultation. ”
+                    </p>
+                  </div>
+                </div>
+                <div className="single-post-content mb_40">
+                  <h2 className="mb_11 text_mono-dark-9 title-sigle-post mb_43">
+                    Key Benefits of Working with a Business <br />
+                    Consultant
+                  </h2>
+                  <ul>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Objectivity:</span> Consultants
+                        bring an unbiased perspective to your business, allowing
+                        them to identify opportunities and challenges that may
+                        be overlooked by internal teams.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Expertise:</span> Consultants
+                        possess a deep understanding of industry best practices
+                        and emerging trends, enabling them to provide tailored
+                        recommendations.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Efficiency:</span> By leveraging
+                        their knowledge and experience, consultants can help
+                        businesses achieve their goals more quickly and
+                        efficiently.
+                      </p>
+                    </li>
+                    <li>
+                      <p className="text-body-1 text_mono-gray-6">
+                        <span className="h6">Cost-Effectiveness:</span> While
+                        consulting services can involve an upfront investment,
+                        the long-term benefits often outweigh the costs.
+                      </p>
+                    </li>
+                  </ul>
+                </div>
+                <div className="single-post-content mb_90">
+                  <h2 className="text_mono-dark-9 mb_43 title-sigle-post">
+                    Conclusion
+                  </h2>
+                  <p className="text-body-1 text_mono-gray-6">
+                    In conclusion, business consulting can be a valuable asset
+                    for companies seeking to thrive in the digital age. By
+                    providing <br />
+                    expert guidance and tailored strategies, consultants can
+                    help businesses overcome challenges, seize opportunities,
+                    and <br />
+                    achieve long-term success.
+                  </p>
+                </div>
+                <div className="wrap-tag d-flex justify-content-between align-items-center flex-wrap gap-24">
+                  <div className="wrap-popular-tag">
+                    <a href="#" className="popular-tag-item">
+                      {" "}
+                      Consulting{" "}
+                    </a>
+                    <a href="#" className="popular-tag-item">
+                      {" "}
+                      Business{" "}
+                    </a>
+                    <a href="#" className="popular-tag-item">
+                      Business Consulting
+                    </a>
+                  </div>
+                  <div className="wishlist-post-sigle d-flex align-items-center gap-16">
+                    <i className="icon-heart-solid" />
+                    <span className="text-body-1">13 Like</span>
+                  </div>
+                </div>
+                <div className="reply-comment style-2">
+                  <div className="reply-comment-heading mb_82">
+                    <h2>3 Comments</h2>
+                  </div>
+                  <div className="wrap-comment">
+                    <div className="reply-comment-wrap">
+                      <div className="reply-comment-item">
+                        <div className="heading mb_15">
+                          <div className="box-user">
+                            <div className="avatar">
+                              <Image
+                                alt="avatar"
+                                src="/images/avatar/avatar-2.jpg"
+                                width={119}
+                                height={119}
+                              />
+                            </div>
+                            <div className="content">
+                              <h5>Kobbie Dao</h5>
+                              <p className="text-body-1 text_mono-gray-5">
+                                September 30, 2023 / 9:30 AM
+                              </p>
+                            </div>
+                          </div>
+                          <a href="#" className="tf-btn btn-primary2">
+                            <span>Reply</span>
+                            <span className="bg-effect" />
+                          </a>
+                        </div>
+                        <div className="comment text-body-1 text_black">
+                          As a web designer myself, I couldn't agree more with
+                          the sentiment that great design should be felt and
+                          remembered long after the screen is turned off.
+                        </div>
+                      </div>
+                      <div className="reply-comment-item type-reply">
+                        <div className="heading mb_35">
+                          <div className="box-user">
+                            <div className="avatar">
+                              <Image
+                                alt="avatar"
+                                src="/images/avatar/avatar-3.jpg"
+                                width={119}
+                                height={119}
+                              />
+                            </div>
+                            <div className="content">
+                              <h5 className="text_black">Zalatan</h5>
+                              <p className="text-body-1 text_mono-gray-5">
+                                September 30, 2023 / 9:30 AM
+                              </p>
+                            </div>
+                          </div>
+                          <a href="#" className="tf-btn btn-primary2">
+                            <span>Reply</span>
+                            <span className="bg-effect" />
+                          </a>
+                        </div>
+                        <div className="comment text-body-1 text_black">
+                          Aute mi ut suspendisse velit leo, vel risus ac. Amet
+                          dui dignissim fermentum malesuada auctor volutpat,
+                          vestibulum ipsum nulla.
+                        </div>
+                      </div>
+                    </div>
+                    <div className="reply-comment-wrap">
+                      <div className="reply-comment-item">
+                        <div className="heading mb_15">
+                          <div className="box-user">
+                            <div className="avatar">
+                              <Image
+                                alt="avatar"
+                                src="/images/avatar/avatar-4.jpg"
+                                width={119}
+                                height={119}
+                              />
+                            </div>
+                            <div className="content">
+                              <h5 className="text_black">Bellingham</h5>
+                              <p className="text-body-1 text_mono-gray-5">
+                                September 30, 2023 / 9:30 AM
+                              </p>
+                            </div>
+                          </div>
+                          <a href="#" className="tf-btn btn-primary2">
+                            <span>Reply</span>
+                            <span className="bg-effect" />
+                          </a>
+                        </div>
+                        <div className="comment text-body-1 text_black">
+                          Aute mi ut suspendisse velit leo, vel risus ac. Amet
+                          dui dignissim fermentum malesuada auctor volutpat,
+                          vestibulum ipsum nulla.
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="leave-comment">
+                    <div className="heading-title mb_56">
+                      <h2 className="mb_18">Leave a Reply</h2>
+                      <p className="text-body-1 text_mono-gray letter-spacing-1">
+                        Your email address will not be published. Require field
+                        are marked <span>*</span>
+                      </p>
+                    </div>
+                    <BlogCommentBox />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="col-lg-4">
+            <BlogSidebar />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/BlogSidebar.jsx b/components/otherPages/BlogSidebar.jsx
new file mode 100644
index 0000000..c7d3b01
--- /dev/null
+++ b/components/otherPages/BlogSidebar.jsx
@@ -0,0 +1,165 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { relatedPosts } from "@/data/blogs";
+export default function BlogSidebar() {
+  return (
+    <div className="sidebar">
+      <div>
+        <h6 className="sidebar-title mb_21">Search</h6>
+        <form
+          className="form-search style-2"
+          onSubmit={(e) => e.preventDefault()}
+        >
+          <fieldset className="text">
+            <input
+              type="text"
+              placeholder="Search"
+              className="style-2"
+              name="search"
+              tabIndex={0}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+          <button className="" type="submit">
+            <i className="icon-search-solid" />
+          </button>
+        </form>
+      </div>
+      <div>
+        <h6 className="sidebar-title mb_13">Recent posts</h6>
+        {relatedPosts.map((post) => (
+          <div
+            key={post.id}
+            className="relatest-post-item style-default hover-image-2"
+          >
+            <Link
+              href={`/single-post/${post.id}`}
+              className="image-rotate image"
+            >
+              <Image
+                alt=""
+                src={post.imageSrc}
+                width={post.width}
+                height={post.height}
+              />
+            </Link>
+            <div className="content">
+              <div className="text-body-1 mb_12">
+                <Link href={`/single-post/${post.id}`} className="link">
+                  {post.title}
+                </Link>
+              </div>
+              <ul className="blog-article-meta d-flex align-items-center">
+                <li className="meta-item text-body-3">
+                  <a href="#" className="link-black">
+                    {post.category}
+                  </a>
+                </li>
+                <li className="meta-item date text-body-3">{post.date}</li>
+              </ul>
+            </div>
+          </div>
+        ))}
+      </div>
+      <div>
+        <h6 className="sidebar-title mb_18">Category</h6>
+        <div className="sidebar-categories">
+          <div className="item">
+            <a href="#" className="text-body-1 text_mono-gray-6">
+              Business Consulting
+            </a>
+            <span className="text-body-3 text_mono-gray-6">4</span>
+          </div>
+          <div className="item">
+            <a href="#" className="text-body-1 text_mono-gray-6">
+              Corporate
+            </a>
+            <span className="text-body-3 text_mono-gray-6">6</span>
+          </div>
+          <div className="item">
+            <a href="#" className="text-body-1 text_mono-gray-6">
+              IT Solutions
+            </a>
+            <span className="text-body-3 text_mono-gray-6">2</span>
+          </div>
+          <div className="item">
+            <a href="#" className="text-body-1 text_mono-gray-6">
+              Marketing
+            </a>
+            <span className="text-body-3 text_mono-gray-6">8</span>
+          </div>
+          <div className="item">
+            <a href="#" className="text-body-1 text_mono-gray-6">
+              Startup Consulting
+            </a>
+            <span className="text-body-3 text_mono-gray-6">5</span>
+          </div>
+        </div>
+      </div>
+      <div>
+        <h6 className="sidebar-title mb_18 -mt_7">Popular tag</h6>
+        <div className="wrap-popular-tag">
+          <a href="#" className="popular-tag-item link">
+            {" "}
+            Analysis{" "}
+          </a>
+          <a href="#" className="popular-tag-item link">
+            {" "}
+            Consulting{" "}
+          </a>
+          <a href="#" className="popular-tag-item link">
+            {" "}
+            Business{" "}
+          </a>
+          <a href="#" className="popular-tag-item link">
+            {" "}
+            Data{" "}
+          </a>
+          <a href="#" className="popular-tag-item link">
+            Business Consulting
+          </a>
+          <a href="#" className="popular-tag-item link">
+            {" "}
+            Marketing{" "}
+          </a>
+          <a href="#" className="popular-tag-item link">
+            {" "}
+            Solutions{" "}
+          </a>
+        </div>
+      </div>
+      <div>
+        <h6 className="sidebar-title mb_16">Subscribe newsletter</h6>
+        <form className="form-newsletter" onSubmit={(e) => e.preventDefault()}>
+          <p className="text-body-2 mb_14">
+            Sign up to receive notifications about the latest news and events
+            from us!
+          </p>
+          <div>
+            <fieldset className="mb_14">
+              <input
+                type="email"
+                className="tb-my-input style-2"
+                name="email"
+                placeholder="Enter text"
+                required
+              />
+            </fieldset>
+          </div>
+          <button
+            name="submit"
+            type="submit"
+            className="tf-btn w-full btn-submit-comment btn-primary2"
+          >
+            <span>Subcribe</span>
+            <span className="bg-effect" />
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Blogs.jsx b/components/otherPages/Blogs.jsx
new file mode 100644
index 0000000..61fb391
--- /dev/null
+++ b/components/otherPages/Blogs.jsx
@@ -0,0 +1,82 @@
+import React from "react";
+import BlogSidebar from "./BlogSidebar";
+import Link from "next/link";
+import Image from "next/image";
+import { blogArticles5 } from "@/data/blogs";
+export default function Blogs() {
+  return (
+    <div className="section-blog-grid tf-spacing-2">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-lg-8 left">
+            <div className="tf-grid-layout md-col-2">
+              {blogArticles5.map((article) => (
+                <div key={article.id} className="blog-article-item hover-image">
+                  <Link
+                    href={`/single-post/${article.id}`}
+                    className="article-thumb mb_25"
+                  >
+                    <Image
+                      className="lazyload"
+                      data-src={article.imageSrc}
+                      alt={article.alt}
+                      src={article.imageSrc}
+                      width={article.width}
+                      height={article.height}
+                    />
+                  </Link>
+                  <div className="article-content">
+                    <ul className="blog-article-meta mb_15 d-flex align-items-center">
+                      <li className="meta-item text-body-1">
+                        <a href="#" className="link-black">
+                          {article.category}
+                        </a>
+                      </li>
+                      <li className="meta-item date text-body-1">
+                        {article.date}
+                      </li>
+                    </ul>
+                    <h5 className="title letter-spacing-2">
+                      <Link
+                        href={`/single-post/${article.id}`}
+                        className="link"
+                      >
+                        {article.title}
+                      </Link>
+                    </h5>
+                  </div>
+                </div>
+              ))}
+            </div>
+            <ul className="wg-pagination d-flex justify-content-center gap_12 mt_85">
+              <li>
+                <a href="#">
+                  <i className="icon-angle-left-solid" />
+                </a>
+              </li>
+              <li>
+                <a href="#" className="active">
+                  1
+                </a>
+              </li>
+              <li>
+                <a href="#">...</a>
+              </li>
+              <li>
+                <a href="#">4</a>
+              </li>
+              <li>
+                <a href="#">
+                  <i className="icon-angle-right-solid" />
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div className="col-lg-4 right">
+            <BlogSidebar />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Contact.jsx b/components/otherPages/Contact.jsx
new file mode 100644
index 0000000..ae14263
--- /dev/null
+++ b/components/otherPages/Contact.jsx
@@ -0,0 +1,111 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+export default function Contact() {
+  return (
+    <div className="page-title style-default -mb_11">
+      <div className="section-contact style-default position-relative py-0">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="left">
+                <div className="heading">
+                  <h1 className="mb_21">
+                    Success is a team play, right? Let’s work together!
+                  </h1>
+                  <ul className="breadcrumb">
+                    <li>
+                      <Link href={`/`} className="link">
+                        Home
+                      </Link>
+                    </li>
+                    <li>Contact</li>
+                  </ul>
+                </div>
+                <div className="bot">
+                  <div className="content mb-0">
+                    <h6>+068 5681 96 96</h6>
+                    <p className="text-body-2 text_mono-gray-6">
+                      Call us for urgent
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <form
+                className="form-contact"
+                onSubmit={(e) => e.preventDefault()}
+              >
+                <fieldset>
+                  <label className="mb_15" htmlFor="name">
+                    Full Name*
+                  </label>
+                  <input
+                    type="text"
+                    placeholder="Full Name"
+                    id="name"
+                    required
+                  />
+                </fieldset>
+                <div className="grid-2 gap_24">
+                  <fieldset>
+                    <label className="mb_15" htmlFor="email">
+                      Email Address*
+                    </label>
+                    <input
+                      type="email"
+                      placeholder="Your email address*"
+                      id="email"
+                      required
+                    />
+                  </fieldset>
+                  <fieldset>
+                    <label className="mb_15" htmlFor="phone">
+                      Phone Number
+                      <span className="text_mono-gray-5">(Optional)</span>
+                    </label>
+                    <input
+                      type="text"
+                      placeholder="Your phone number"
+                      id="phone"
+                      required
+                    />
+                  </fieldset>
+                </div>
+                <fieldset className="">
+                  <label className="mb_15" htmlFor="message">
+                    Message
+                  </label>
+                  <textarea
+                    className="message"
+                    placeholder="Write your message here..."
+                    id="message"
+                    defaultValue={""}
+                  />
+                </fieldset>
+                <a href="#" className="link attachment">
+                  <i className="icon-paperclip-solid" />
+                  Add an attachment
+                </a>
+                <button type="submit" className="tf-btn btn-primary2 mt_22">
+                  <span>Send Message</span>
+                  <span className="bg-effect" />
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+        <div className="shape position-absolute">
+          <Image
+            alt="item"
+            src="/images/item/shape-5.png"
+            width={1105}
+            height={720}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Newsletter.jsx b/components/otherPages/Newsletter.jsx
new file mode 100644
index 0000000..7487fe4
--- /dev/null
+++ b/components/otherPages/Newsletter.jsx
@@ -0,0 +1,39 @@
+"use client";
+
+export default function Newsletter() {
+  return (
+    <form
+      id="subscribe-form"
+      className="form-newsletter style-1 subscribe-form mb_10"
+      onSubmit={(e) => e.preventDefault()}
+    >
+      <div id="subscribe-content" className="subscribe-content">
+        <fieldset className="email">
+          <input
+            id="subscribe-email"
+            type="email"
+            name="email-form"
+            className="subscribe-email style-2"
+            placeholder="Enter your e-mail"
+            tabIndex={0}
+            aria-required="true"
+          />
+        </fieldset>
+        <div className="button-submit">
+          <button
+            id="subscribe-button"
+            className="subscribe-button tf-btn rounded-12 btn-primary2"
+            type="button"
+          >
+            <span>Subscribe</span>
+            <span className="bg-effect" />
+          </button>
+        </div>
+        <div className="icon">
+          <i className="icon-envelope-solid" />
+        </div>
+      </div>
+      <div id="subscribe-msg" className="subscribe-msg" />
+    </form>
+  );
+}
diff --git a/components/otherPages/OfficeLocations.jsx b/components/otherPages/OfficeLocations.jsx
new file mode 100644
index 0000000..c7263c3
--- /dev/null
+++ b/components/otherPages/OfficeLocations.jsx
@@ -0,0 +1,44 @@
+import { mapLocations } from "@/data/locations";
+import React from "react";
+
+export default function OfficeLocations() {
+  return (
+    <div className="section-map tf-spacing-6">
+      <div className="tf-container">
+        <div className="heading-seciton mb_83">
+          <h2 className="heading-title">Visit Our Offices</h2>
+        </div>
+        <div className="tf-grid-layout lg-col-3">
+          {mapLocations.map((item, index) => (
+            <div key={index} className="map-item">
+              <iframe
+                className="map"
+                src={item.src}
+                style={{ border: 0 }}
+                allowFullScreen=""
+                loading="lazy"
+                referrerPolicy="no-referrer-when-downgrade"
+              />
+              <ul className="info d-grid gap_11">
+                <li>
+                  <h6 className="text_primary">Location</h6>
+                  <p className="text-body-2">{item.location}</p>
+                </li>
+                <li>
+                  <h6 className="text_primary">Phone</h6>
+                  <p className="text-body-1">{item.phone}</p>
+                </li>
+                <li>
+                  <h6 className="text_primary">Email</h6>
+                  <a href="#" className="link text-body-1">
+                    {item.email}
+                  </a>
+                </li>
+              </ul>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Oppertunities.jsx b/components/otherPages/Oppertunities.jsx
new file mode 100644
index 0000000..f38a839
--- /dev/null
+++ b/components/otherPages/Oppertunities.jsx
@@ -0,0 +1,47 @@
+import { jobList } from "@/data/jobs";
+import React from "react";
+
+export default function Oppertunities() {
+  return (
+    <div className="section-opportunities tf-spacing-27 pt-0">
+      <div className="tf-container">
+        <div className="heading-section mb_86">
+          <h2 className="heading-title">
+            Opportunities For Professional Development
+          </h2>
+          <p className="text-body-1 text_mono-gray-7 mt_19">
+            A variety of professional development opportunities to help you
+            reach your career goals.
+          </p>
+        </div>
+        <div className="d-grid gap_40">
+          {jobList.map((job, index) => (
+            <div key={index} className="job-card">
+              <div className="heading">
+                <h3 className="title mb_5">{job.title}</h3>
+                <p className="sub-heading text_mono-gray-7">{job.type}</p>
+              </div>
+              <p className="description text-body-1 text_mono-gray-7">
+                {job.description}
+              </p>
+              <div className="content">
+                <div className="item mb_20">
+                  <div className="sub-heading text_mono-gray-7">
+                    Arrangement :
+                  </div>
+                  <h6>{job.arrangement}</h6>
+                </div>
+                <div className="item">
+                  <div className="sub-heading text_mono-gray-7 mb_10">
+                    Salary Range :
+                  </div>
+                  <h6 className="text_primary">{job.salary}</h6>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Portfolio.jsx b/components/otherPages/Portfolio.jsx
new file mode 100644
index 0000000..f5df8f4
--- /dev/null
+++ b/components/otherPages/Portfolio.jsx
@@ -0,0 +1,128 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { caseStudies6 } from "@/data/caseStudies";
+import DropdownSelect from "../common/DropdownSelect";
+const categories = [
+  { label: "All Case" },
+  { label: "Business Consulting" },
+  { label: "Coroporate" },
+  { label: "IT Solution" },
+  { label: "Marketing" },
+  { label: "Startup Consulting" },
+];
+
+export default function Portfolio() {
+  const [activeCategory, setActiveCategory] = useState("All Case");
+  const [filtered, setFiltered] = useState(caseStudies6);
+  useEffect(() => {
+    if (activeCategory == "All Case") {
+      setFiltered(caseStudies6);
+    } else {
+      setFiltered(caseStudies6.filter((elm) => elm.category == activeCategory));
+    }
+  }, [activeCategory]);
+
+  return (
+    <div className="wg-listing tf-spacing-25">
+      <div className="tf-container">
+        <div className="d-flex align-items-center gap_12 mb_95 flex-wrap justify-content-between">
+          <div className="tf-project-filter overflow-x-auto">
+            {categories.map((category, i) => (
+              <div
+                key={i}
+                className={`tf-btns-filter text-1
+                   ${activeCategory === category.label ? "is--active" : "fw-3"}
+                
+                `}
+                onClick={() => setActiveCategory(category.label)}
+              >
+                <h6>{category.label}</h6>
+              </div>
+            ))}
+          </div>
+          <div className="d-flex align-items-center text_mono-gray-5 h6 wrap-sort">
+            Filter By Years:
+            <DropdownSelect
+              addtionalParentClass="align-items-center text_mono-gray-5 h6 wrap-sort"
+              options={["all", "Lastest", "Oldest", "Title ASC", "Title DESC"]}
+            />
+          </div>
+        </div>
+        <div id="loadMore" className="parent tf-grid-layout lg-col-2">
+          {filtered.map((item, index) => (
+            <div
+              key={index}
+              className={`${item.filterClass} tf-filter-item tf-tab-content loadItem`}
+            >
+              <div className="case-studies-item v2 style-1 hover-image hover-border border-element">
+                <Link href={`/single-project/${item.id}`} className="img-style">
+                  <Image
+                    className="lazyload"
+                    data-src={item.imageSrc}
+                    alt="case-studies"
+                    src={item.imageSrc}
+                    width={item.imageWidth}
+                    height={item.imageHeight}
+                  />
+                </Link>
+                <div className="content">
+                  <div className="top d-flex align-items-center justify-content-between mb_17">
+                    <div className="brand">
+                      <Image
+                        alt="brand"
+                        src={item.brandSrc}
+                        width={item.brandWidth}
+                        height={item.brandHeight}
+                      />
+                    </div>
+                    <Link
+                      href={`/single-project/${item.id}`}
+                      className="tf-btn"
+                    >
+                      <span className="icon-arrow-top-right" />
+                      <span className="bg-effect" />
+                    </Link>
+                  </div>
+                  <div className="heading mb_36">
+                    <h5 className="mb_10 title">
+                      <Link
+                        href={`/single-project/${item.id}`}
+                        className="link"
+                      >
+                        {item.title}
+                      </Link>
+                    </h5>
+                    <p className="text_mono-gray-7 text-body-3">
+                      Discover the transformative power of our solutions. Learn
+                      how we've helped businesses of all sizes overcome
+                      challenges.
+                    </p>
+                  </div>
+                  <div className="group-number">
+                    {item.metrics.map((metric, i) => (
+                      <div key={i} className="wrap-number">
+                        <h5 className="number fw-5">{metric.value}</h5>
+                        <p className="font2 text-body-3">{metric.label}</p>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+        <div className="wd-load d-flex justify-content-center">
+          <button
+            id="loadMoreBtn"
+            className="tf-btn height-3 btn-primary2 mx-auto mt_32"
+          >
+            <span>Show More</span>
+            <span className="bg-effect" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/PortfolioSingle.jsx b/components/otherPages/PortfolioSingle.jsx
new file mode 100644
index 0000000..9696044
--- /dev/null
+++ b/components/otherPages/PortfolioSingle.jsx
@@ -0,0 +1,202 @@
+import React from "react";
+import Image from "next/image";
+import { counterItems6 } from "@/data/facts";
+import OdometerComponent from "../common/OdometerComponent";
+export default function PortfolioSingle() {
+  return (
+    <div className="single-post tf-spacing-26">
+      <div className="tf-container">
+        <p className="description text-body-1">
+          The tech startup is facing significant financial hurdles, struggling
+          to secure funding and maintain operations due to a lack of market
+          traction and investor confidence. The company's innovative product or
+          service has yet to gain significant traction in the market, leading to
+          low sales. This lack of market acceptance and revenue generation has
+          made it difficult for the startup to attract investors and secure the
+          necessary funding to continue operations. Additionally, the company
+          may be facing challenges in effectively communicating the value
+          proposition of its product or service to potential customers and
+          investors. This lack of market understanding and communication could
+          be hindering the startup's ability to gain traction and secure
+          funding.
+        </p>
+        <div className="thumbs-main">
+          <Image
+            className="lazyload parallax-img"
+            data-src="/images/section/single-project-1.jpg"
+            alt="single-project"
+            src="/images/section/single-project-1.jpg"
+            width={1696}
+            height={720}
+          />
+        </div>
+        <div className="row">
+          <div className="col-lg-3 col-6 text-center">
+            <div className="info-item">
+              <span className="text-body-1 text_mono-gray-6">Client</span>
+              <h6 className="fw-5 mt_6">NovaTech</h6>
+            </div>
+          </div>
+          <div className="col-lg-3 col-6 text-center">
+            <div className="info-item">
+              <span className="text-body-1 text_mono-gray-6">Location</span>
+              <h6 className="fw-5 mt_6">San Francisco, USA</h6>
+            </div>
+          </div>
+          <div className="col-lg-3 col-6 text-center">
+            <div className="info-item">
+              <span className="text-body-1 text_mono-gray-6">Services</span>
+              <h6 className="fw-5 mt_6">Business Strategy Planning</h6>
+            </div>
+          </div>
+          <div className="col-lg-3 col-6 text-center">
+            <div className="info-item">
+              <span className="text-body-1 text_mono-gray-6">Duration</span>
+              <h6 className="fw-5 mt_6">9 Months</h6>
+            </div>
+          </div>
+        </div>
+        <div className="unique-features">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="left d-flex flex-column justify-content-between h-full">
+                <h2 className="title">What makes Advitex unique?</h2>
+                <div>
+                  <div className="text-body-1 text_color-text-2">
+                    Member of the project
+                  </div>
+                  <div className="facts style-1">
+                    <div className="avatar-wrap d-flex">
+                      <div className="avatar item-1">
+                        <Image
+                          alt="facts"
+                          src="/images/avatar/facts-7.png"
+                          width={64}
+                          height={64}
+                        />
+                      </div>
+                      <div className="avatar item-2">
+                        <Image
+                          alt="facts"
+                          src="/images/avatar/facts-8.png"
+                          width={64}
+                          height={64}
+                        />
+                      </div>
+                      <div className="avatar item-3">
+                        <Image
+                          alt="facts"
+                          src="/images/avatar/facts-9.png"
+                          width={64}
+                          height={64}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <div className="d-grid gap_12 right">
+                <div className="content-item">
+                  <h6 className="title">Strategic Planning</h6>
+                  <p className="text-body-1 text_mono-gray-6">
+                    We conducted a SWOT analysis and developed a strategic plan
+                    to prioritize core offerings, define target markets, and set
+                    performance metrics.
+                  </p>
+                </div>
+                <div className="content-item">
+                  <h6 className="title">Operational Improvement</h6>
+                  <p className="text-body-1 text_mono-gray-6">
+                    We analyzed the company's operations and identified areas
+                    for improvement, such as streamlining workflows, automating
+                    processes, and implementing lean methodologies.
+                  </p>
+                </div>
+                <div className="content-item">
+                  <h6 className="title">Financial Analysis</h6>
+                  <p className="text-body-1 text_mono-gray-6">
+                    We developed detailed financial models to project future
+                    revenue, expenses, and cash flow. We also provided
+                    recommendations on cost-cutting measures and
+                    revenue-generating strategies.
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="d-flex gap_24 flex-wrap-md group-img">
+          <div className="hover-image">
+            <div className="img-style">
+              <Image
+                className="lazyload"
+                data-src="/images/section/single-project-2.jpg"
+                alt="single-project"
+                src="/images/section/single-project-2.jpg"
+                width={836}
+                height={560}
+              />
+            </div>
+          </div>
+          <div className="hover-image">
+            <div className="img-style">
+              <Image
+                className="lazyload"
+                data-src="/images/section/single-project-3.jpg"
+                alt="single-project"
+                src="/images/section/single-project-3.jpg"
+                width={836}
+                height={560}
+              />
+            </div>
+          </div>
+        </div>
+        <div className="wrap-text">
+          <div className="row">
+            <div className="col-md-6">
+              <h2>We have a clear winner.</h2>
+            </div>
+            <div className="col-md-6">
+              <p className="text-body-1 text_mono-gray-6">
+                By refocusing on its core products and services, the company was
+                able to streamline operations, reduce costs, and enhance
+                customer satisfaction through a combination of process
+                improvements, technological advancements, and strategic
+                partnerships. These efforts ultimately led to increased revenue
+                and profitability.
+              </p>
+            </div>
+          </div>
+        </div>
+        <div className="row">
+          {counterItems6.map((item, index) => (
+            <div key={index} className="col-lg-3 col-md-6">
+              <div className="counter-item style-default">
+                <div className="sub-heading text_black text-uppercase mb_21">
+                  {item.title}
+                </div>
+                <div className="counter-number mb_17">
+                  <span className="sub text_primary">{item.prefix}</span>
+                  <div className="odometer text_primary">
+                    <OdometerComponent max={item.value} />
+                  </div>
+                  <span className="sub text_primary">{item.suffix}</span>
+                </div>
+                <p className="sub-heading text_mono-gray-5">
+                  {item.description.split("\n").map((line, i) => (
+                    <React.Fragment key={i}>
+                      {line}
+                      {i < item.description.split("\n").length - 1 && <br />}
+                    </React.Fragment>
+                  ))}
+                </p>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Process.jsx b/components/otherPages/Process.jsx
new file mode 100644
index 0000000..c3cfc93
--- /dev/null
+++ b/components/otherPages/Process.jsx
@@ -0,0 +1,203 @@
+import React from "react";
+import Image from "next/image";
+export default function Process() {
+  return (
+    <div className="section-process style-1 tf-spacing-5 pb-0">
+      <div className="tf-container">
+        <div className="wrap">
+          <div className="row align-items-end">
+            <div className="col-xl-6">
+              <div className="left">
+                <div className="heading-secion mb_86">
+                  <h1 className="heading-title split-text effect-right">
+                    Our Approach
+                  </h1>
+                  <p
+                    className="text-body-1 text_mono-gray-7 mt_20 mt_20 wow animate__fadeInUp animate__animated"
+                    data-wow-delay="0s"
+                  >
+                    We rely on datadriven analysis and rigorous methodologies{" "}
+                    <br />
+                    to inform our decisions and ensure accuracy.
+                  </p>
+                </div>
+                <ul
+                  className="accordion-wrap gap-16 style-faqs"
+                  id="accordion-approach"
+                >
+                  <li className="accordion-item action_click scrolling-effect effectBottom style-default">
+                    <a
+                      href="#accordion-approach-1"
+                      className="accordion-title action collapsed current"
+                      data-bs-toggle="collapse"
+                      aria-expanded="true"
+                      aria-controls="accordion-approach-1"
+                    >
+                      <div className="heading">
+                        <h3 className="text_mono-gray-5 title">
+                          <span className="text_primary">1.</span>Story &amp;
+                          Reserach
+                        </h3>
+                      </div>
+                      <span className="icon" />
+                    </a>
+                    <div
+                      id="accordion-approach-1"
+                      className="collapse"
+                      data-bs-parent="#accordion-approach"
+                    >
+                      <div className="accordion-faqs-content">
+                        <p className="text-body-1">
+                          The research gathered to inform the development of the
+                          story provides the foundation for a product or
+                          service, shaping its direction and purpose.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li className="accordion-item action_click scrolling-effect effectBottom active style-default">
+                    <a
+                      href="#accordion-approach-2"
+                      className="accordion-title action current"
+                      data-bs-toggle="collapse"
+                      aria-expanded="true"
+                      aria-controls="accordion-approach-2"
+                    >
+                      <div className="heading">
+                        <h3 className="text_mono-gray-5 title">
+                          <span className="text_primary">2.</span> Strategy
+                          &amp; Concept
+                        </h3>
+                      </div>
+                      <span className="icon" />
+                    </a>
+                    <div
+                      id="accordion-approach-2"
+                      className="collapse show"
+                      data-bs-parent="#accordion-approach"
+                    >
+                      <div className="accordion-faqs-content">
+                        <p className="text-body-1">
+                          The research gathered to inform the development of the
+                          story provides the foundation for a product or
+                          service, shaping its direction and purpose.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li className="accordion-item action_click scrolling-effect effectBottom style-default">
+                    <a
+                      href="#accordion-approach-3"
+                      className="accordion-title action collapsed current"
+                      data-bs-toggle="collapse"
+                      aria-expanded="true"
+                      aria-controls="accordion-approach-3"
+                    >
+                      <div className="heading">
+                        <h3 className="text_mono-gray-5 title">
+                          <span className="text_primary">3.</span>
+                          Implementation
+                        </h3>
+                      </div>
+                      <span className="icon" />
+                    </a>
+                    <div
+                      id="accordion-approach-3"
+                      className="collapse"
+                      data-bs-parent="#accordion-approach"
+                    >
+                      <div className="accordion-faqs-content">
+                        <p className="text-body-1">
+                          The research gathered to inform the development of the
+                          story provides the foundation for a product or
+                          service, shaping its direction and purpose.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li className="accordion-item action_click scrolling-effect effectBottom style-default">
+                    <a
+                      href="#accordion-approach-4"
+                      className="accordion-title action collapsed current"
+                      data-bs-toggle="collapse"
+                      aria-expanded="true"
+                      aria-controls="accordion-approach-4"
+                    >
+                      <div className="heading">
+                        <h3 className="text_mono-gray-5 title">
+                          <span className="text_primary">4.</span>Usability
+                          Testing
+                        </h3>
+                      </div>
+                      <span className="icon" />
+                    </a>
+                    <div
+                      id="accordion-approach-4"
+                      className="collapse"
+                      data-bs-parent="#accordion-approach"
+                    >
+                      <div className="accordion-faqs-content">
+                        <p className="text-body-1">
+                          To place an order, browse our We differentiate
+                          ourselves through our commitment to innovation,
+                          personalized solutions, and client satisfaction. We
+                          differentiate ourselves through our commitment to
+                          innovation, personalized solutions, and client
+                          satisfaction.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li className="accordion-item action_click scrolling-effect effectBottom style-default">
+                    <a
+                      href="#accordion--approach-5"
+                      className="accordion-title action collapsed current"
+                      data-bs-toggle="collapse"
+                      aria-expanded="true"
+                      aria-controls="accordion--approach-5"
+                    >
+                      <div className="heading">
+                        <h3 className="text_mono-gray-5 title">
+                          <span className="text_primary">5.</span>Guide &amp;
+                          Hand Over
+                        </h3>
+                      </div>
+                      <span className="icon" />
+                    </a>
+                    <div
+                      id="accordion--approach-5"
+                      className="collapse"
+                      data-bs-parent="#accordion-approach"
+                    >
+                      <div className="accordion-faqs-content">
+                        <p className="text-body-1">
+                          To place an order, browse our We differentiate
+                          ourselves through our commitment to innovation,
+                          personalized solutions, and client satisfaction. We
+                          differentiate ourselves through our commitment to
+                          innovation, personalized solutions, and client
+                          satisfaction.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div className="col-xl-6 right">
+              <div className="shape-img-bg shape-border style-2 scroll-tranform">
+                <Image
+                  alt="img"
+                  className="wow img-custom-anim-right"
+                  src="/images/section/img-with-shape-5.jpg"
+                  width={682}
+                  height={535}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/ServiceAdvantages.jsx b/components/otherPages/ServiceAdvantages.jsx
new file mode 100644
index 0000000..c79136a
--- /dev/null
+++ b/components/otherPages/ServiceAdvantages.jsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { Pagination } from "swiper/modules";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+const slides = [
+  {
+    icon: "icon-Performance-Increase-1",
+    title: "Enhanced Efficiency",
+    description:
+      "Through the implementation of our innovative solutions, your organization can streamline operations, reduce costs, and significantly boost productivity, leading to increased profitability and long-term success.",
+  },
+  {
+    icon: "icon-Analytics-Board-Bars",
+    title: "Data-Driven Insights",
+    description:
+      "By utilizing advanced analytics, organizations can delve deep into their data to uncover hidden patterns, trends, and correlations, enabling them to make more informed, data driven decisions that drive business growth and innovation.",
+  },
+  {
+    icon: "icon-Exceeding-Expectations",
+    title: "Exceeding Expectations",
+    description:
+      "By consistently delivering exceptional customer experiences, organizations can cultivate a loyal customer base, increase customer satisfaction, and ultimately drive long-term business growth and profitability.",
+  },
+];
+
+export default function ServiceAdvantages() {
+  return (
+    <div className="section tf-spacing-10">
+      <div className="tf-container">
+        <div className="heading-section mb_100">
+          <h2>Advantages Of Our Service</h2>
+          <p className="text-body-1 text_mono-gray-7 mt_20">
+            Our service streamlines your processes, saving you time and
+            resources.
+          </p>
+        </div>
+        <Swiper
+          className="swiper sw-layout"
+          data-preview={3}
+          data-tablet={2}
+          data-mobile={1}
+          breakpoints={{
+            0: { slidesPerView: 1 },
+            575: {
+              slidesPerView: 1,
+            },
+            768: {
+              slidesPerView: 2,
+              spaceBetween: 20,
+            },
+            992: {
+              slidesPerView: 3,
+              spaceBetween: 24,
+            },
+          }}
+          spaceBetween={15}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd12",
+          }}
+        >
+          {slides.map((slide, index) => (
+            <SwiperSlide className="swiper-slide" key={index}>
+              <div className="tf-box-icon style-7 v2 effect-icon">
+                <div className="icon mb_32">
+                  <i className={slide.icon} />
+                </div>
+                <h5 className="mb_24">{slide.title}</h5>
+                <p className="text-body-1 text_mono-gray-7">
+                  {slide.description}
+                </p>
+              </div>
+            </SwiperSlide>
+          ))}
+          <div className="sw-dots sw-pagination-layout d-flex justify-content-center mt_22 spd12" />
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/ServiceDetails.jsx b/components/otherPages/ServiceDetails.jsx
new file mode 100644
index 0000000..f125778
--- /dev/null
+++ b/components/otherPages/ServiceDetails.jsx
@@ -0,0 +1,111 @@
+import React from "react";
+import Image from "next/image";
+import ServiceInfo from "./ServiceInfo";
+export default function ServiceDetails() {
+  return (
+    <>
+      <div className="text-with-img-2 v2 tf-spacing-11">
+        <div className="tf-container">
+          <div className="row">
+            <div className="col-xl-6">
+              <div className="content">
+                <h2 className="title">
+                  Tailor The Message To Resonate With Your Apecific Audience.
+                </h2>
+                <p className="description text-body-1 text_mono-gray-7 description-1">
+                  Business strategy planning is the cornerstone of
+                  organizational success. It involves a systematic process of
+                  defining a company's long-term goals and objectives, and then
+                  devising a plan to achieve them. A well-crafted strategy
+                  provides a roadmap for the entire organization, ensuring
+                  alignment and focus.
+                </p>
+                <p className="description text-body-1 text_mono-gray-7 description-2">
+                  By investing time and effort in strategic planning,
+                  organizations can position themselves for long-term success.
+                  Regular review and adjustment of the strategy is crucial to
+                  adapt to changing market conditions and emerging
+                  opportunities.
+                </p>
+              </div>
+            </div>
+            <div className="col-xl-6">
+              <div className="wrap-img mb-0">
+                <div className="shape-img-bg mgl-auto">
+                  <Image
+                    alt="shape"
+                    src="/images/section/img-with-shape-6.jpg"
+                    width={696}
+                    height={598}
+                  />
+                  <div className="img-bg-shape">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      x="0px"
+                      y="0px"
+                      viewBox="0 0 288 288"
+                    >
+                      <linearGradient
+                        id="imagewave"
+                        x1="70.711%"
+                        x2="0%"
+                        y1="70.711%"
+                        y2="0%"
+                      >
+                        <stop
+                          className="stop-color"
+                          offset="0%"
+                          stopOpacity={1}
+                        />
+                        <stop
+                          className="stop-color"
+                          offset="100%"
+                          stopOpacity={1}
+                        />
+                      </linearGradient>
+                      <path fill="url(#imagewave)" d="">
+                        <animate
+                          repeatCount="indefinite"
+                          attributeName="d"
+                          dur="5s"
+                          values="M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                          c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                          c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                          c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
+                          
+                          
+                          M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
+                          c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
+                          c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
+                          C48.9,198.6,57.8,191,51,171.3z;
+                          
+                          M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
+                          c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
+                          c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
+                          c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z  "
+                        />
+                      </path>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="section-service style-3 tf-spacing-9">
+        <div className="tf-container">
+          <div className="heading-secion mb_88">
+            <h2>Comprehensive Service Information</h2>
+            <p className="text-body-1 text_mono-gray-7 mt_18">
+              Our comprehensive service offerings are designed to elevate your
+              business and <br />
+              drive sustainable growth.
+            </p>
+          </div>
+          <ServiceInfo />
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/components/otherPages/ServiceInfo.jsx b/components/otherPages/ServiceInfo.jsx
new file mode 100644
index 0000000..717804f
--- /dev/null
+++ b/components/otherPages/ServiceInfo.jsx
@@ -0,0 +1,528 @@
+"use client";
+
+import { Pagination } from "swiper/modules";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+export default function ServiceInfo() {
+  return (
+    <>
+      <Swiper
+        modules={[Pagination]}
+        pagination={{
+          clickable: true,
+          el: ".spd19",
+        }}
+        className="swiper tf-sw-mobile swiper-active-768"
+      >
+        <SwiperSlide className="swiper-slide">
+          <div className="tf-box-icon style-7 h-full effect-icon">
+            <div className="icon mb_32">
+              <svg
+                width={72}
+                height={72}
+                viewBox="0 0 72 72"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M10.4985 25.5007C10.4985 28.2855 11.6048 30.9562 13.5739 32.9254C15.543 34.8945 18.2138 36.0007 20.9985 36.0007C23.7833 36.0007 26.454 34.8945 28.4232 32.9254C30.3923 30.9562 31.4985 28.2855 31.4985 25.5007C31.4985 22.716 30.3923 20.0452 28.4232 18.0761C26.454 16.107 23.7833 15.0007 20.9985 15.0007C18.2138 15.0007 15.543 16.107 13.5739 18.0761C11.6048 20.0452 10.4985 22.716 10.4985 25.5007Z"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M21.0015 15.0007V25.5007H31.5015"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M27 67.5007C29.7175 64.0694 31.2912 59.8728 31.5 55.5007"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M45 67.5007C42.2825 64.0694 40.7088 59.8728 40.5 55.5007"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M22.4956 67.5H49.4956"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M1.49854 46.5007H70.4985"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M4.49854 4.5H67.4985C67.4985 4.5 70.4985 4.5 70.4985 7.5V52.5C70.4985 52.5 70.4985 55.5 67.4985 55.5H4.49854C4.49854 55.5 1.49854 55.5 1.49854 52.5V7.5C1.49854 7.5 1.49854 4.5 4.49854 4.5Z"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M40.5 21L45 15L54 22.5L61.5 13.5"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M58.5 37.5007V33.0007"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M52.5015 37.5V31.5"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M46.4985 37.5007V28.5007"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <path
+                  d="M40.5 37.5007V33.0007"
+                  stroke="#000000"
+                  strokeWidth={2}
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+              </svg>
+            </div>
+            <h5 className="mb_24">Strategic Goal Setting</h5>
+            <p className="text-body-1 text_mono-gray-7">
+              Defining clear, measurable, achievable, relevant, and time-bound (
+              SMART ) goals is a fundamental strategy for aligning individual
+              and team efforts with the overarching business vision.
+            </p>
+          </div>
+        </SwiperSlide>
+        <SwiperSlide className="swiper-slide">
+          <div className="tf-box-icon style-7 h-full effect-icon">
+            <div className="icon mb_32">
+              <svg
+                width={72}
+                height={73}
+                viewBox="0 0 72 73"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <mask
+                  id="mask0_4230_4974"
+                  style={{ maskType: "luminance" }}
+                  maskUnits="userSpaceOnUse"
+                  x={0}
+                  y={1}
+                  width={72}
+                  height={71}
+                >
+                  <path
+                    d="M0.830566 1.05422H71.7229V71.9465H0.830566V1.05422Z"
+                    fill="white"
+                  />
+                </mask>
+                <g mask="url(#mask0_4230_4974)">
+                  <path
+                    d="M1.91064 23V18.708C1.91064 9.5695 9.38757 2.09258 18.526 2.09258H32.0822C33.2246 2.09258 34.1592 3.02719 34.1592 4.1695V32.2642C34.1592 33.4065 33.2246 34.3411 32.0822 34.3411H3.98757C2.84526 34.3411 1.91064 33.4065 1.91064 32.2642V22.8618M32.0822 38.6594H3.98757C2.84526 38.6594 1.91064 39.5941 1.91064 40.7364V54.2926C1.91064 63.431 9.38757 70.908 18.526 70.908H32.0822C33.2246 70.908 34.1592 69.9733 34.1592 68.831V40.7364C34.1592 39.5941 33.2246 38.6594 32.0822 38.6594ZM45.7206 70.908H40.4722C39.3299 70.908 38.3953 69.9733 38.3953 68.831V40.7364C38.3953 39.5941 39.3299 38.6594 40.4722 38.6594H68.5669C69.7092 38.6594 70.6436 39.5941 70.6436 40.7364V54.2926C70.6436 63.431 63.1669 70.908 54.0283 70.908H51.9515C51.1403 70.908 45.7206 70.908 45.7206 70.908ZM40.4722 34.3411H68.5669C69.7092 34.3411 70.6436 33.4065 70.6436 32.2642V18.708C70.6436 9.5695 63.1669 2.09258 54.0283 2.09258H40.4722C39.3299 2.09258 38.3953 3.02719 38.3953 4.1695V32.2642C38.3953 33.4065 39.3299 34.3411 40.4722 34.3411Z"
+                    stroke="black"
+                    strokeWidth={2}
+                    strokeMiterlimit="22.926"
+                  />
+                  <path
+                    d="M23.3654 14.5425C23.3654 14.5425 21.2365 12.7529 18.7257 13.5092C16.4205 14.2037 16.098 16.8618 17.7658 17.9493C17.7658 17.9493 19.4024 18.6792 21.2176 19.3488C25.5871 20.9605 23.7048 25.1877 20.1873 25.1877C18.4258 25.1877 16.9475 24.4165 16.0527 23.429"
+                    stroke="black"
+                    strokeWidth="1.5"
+                    strokeMiterlimit={10}
+                    strokeLinecap="square"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M45.8091 13.4119L48.1207 25.0986L48.6266 25.0952L51.976 13.5141L52.4964 13.5148L55.8365 25.0986L56.3424 25.0952L58.6633 13.4337"
+                    stroke="black"
+                    strokeWidth="1.5"
+                    strokeMiterlimit={10}
+                    strokeLinecap="square"
+                  />
+                  <path
+                    d="M48.96 48.0022H55.5125"
+                    stroke="black"
+                    strokeWidth="2.5"
+                    strokeMiterlimit={10}
+                    strokeLinecap="square"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M52.2231 48.0022V59.4883"
+                    stroke="black"
+                    strokeWidth="1.5"
+                    strokeMiterlimit={10}
+                    strokeLinecap="square"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M25.8381 53.7452C25.8381 57.0216 23.1819 59.6777 19.9057 59.6777C16.6293 59.6777 13.9731 57.0216 13.9731 53.7452C13.9731 50.4688 16.6293 47.8127 19.9057 47.8127C23.1819 47.8127 25.8381 50.4688 25.8381 53.7452Z"
+                    stroke="black"
+                    strokeWidth="1.5"
+                    strokeMiterlimit={10}
+                    strokeLinecap="round"
+                    strokeLinejoin="bevel"
+                  />
+                </g>
+              </svg>
+            </div>
+            <h5 className="mb_24">SWOT Analysis</h5>
+            <p className="text-body-1 text_mono-gray-7">
+              A SWOT analysis is a strategic planning technique used to help a
+              person or organization identify strengths, weaknesses,
+              opportunities, and threats related to business competition or
+              project planning.
+            </p>
+          </div>
+        </SwiperSlide>
+        <SwiperSlide className="swiper-slide">
+          <div className="tf-box-icon style-7 h-full effect-icon">
+            <div className="icon mb_32">
+              <svg
+                width={72}
+                height={72}
+                viewBox="0 0 72 72"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g clipPath="url(#clip0_4230_5002)">
+                  <path
+                    d="M30.0156 4.81396C16.1033 4.81396 4.8252 16.0921 4.8252 30.0044C4.8252 43.9167 16.1033 55.1949 30.0156 55.1949C43.928 55.1949 55.2061 43.9167 55.2061 30.0044C55.1909 16.0984 43.9217 4.82911 30.0156 4.81396ZM30.0156 7.21306C33.6669 7.21593 37.2639 8.09692 40.5031 9.7817C43.7424 11.4665 46.529 13.9056 48.6278 16.8934L45.6289 19.8922C44.8992 19.4506 44.0636 19.2144 43.2106 19.2085C40.5607 19.2085 38.4125 21.3567 38.4125 24.0067C38.4166 24.8605 38.6516 25.6974 39.0926 26.4286L31.238 34.2832C30.5085 33.8384 29.6705 33.603 28.8161 33.603C27.9617 33.603 27.1237 33.8384 26.3942 34.2832L20.9387 28.8277C21.3797 28.0965 21.6147 27.2596 21.6188 26.4058C21.6221 23.7611 19.4809 21.6145 16.8362 21.6112C14.649 21.6085 12.738 23.088 12.1928 25.2062H7.74249C10.0137 14.7182 19.2845 7.2288 30.0156 7.21306ZM45.6097 24.0067C45.6097 25.3317 44.5357 26.4058 43.2106 26.4058C41.8856 26.4058 40.8116 25.3317 40.8116 24.0067C40.8116 22.6816 41.8856 21.6076 43.2106 21.6076C44.5357 21.6076 45.6097 22.6816 45.6097 24.0067ZM31.2152 38.4012C31.2152 39.7263 30.1411 40.8003 28.8161 40.8003C27.4911 40.8003 26.417 39.7263 26.417 38.4012C26.417 37.0762 27.4911 36.0021 28.8161 36.0021C30.1411 36.0021 31.2152 37.0762 31.2152 38.4012ZM19.2197 26.4058C19.2197 27.7308 18.1457 28.8049 16.8206 28.8049C15.4956 28.8049 14.4216 27.7308 14.4216 26.4058C14.4216 25.0807 15.4956 24.0067 16.8206 24.0067C18.1457 24.0067 19.2197 25.0807 19.2197 26.4058ZM41.0895 49.9328C37.7019 51.8137 33.8904 52.7991 30.0156 52.7956C17.4369 52.8042 7.23283 42.6142 7.22429 30.0355C7.22369 29.2237 7.26657 28.4123 7.35264 27.6052H12.1928C12.7381 29.7171 14.6394 31.1956 16.8206 31.2038C17.6745 31.1997 18.5113 30.9646 19.2425 30.5237L24.6981 35.9792C24.2571 36.7104 24.0221 37.5472 24.0179 38.4011C24.0179 41.051 26.1662 43.1993 28.8161 43.1993C31.466 43.1993 33.6143 41.051 33.6143 38.4011C33.6101 37.5472 33.3751 36.7104 32.9341 35.9792L40.7888 28.1246C41.5199 28.5655 42.3568 28.8006 43.2106 28.8047C45.8606 28.8047 48.0088 26.6565 48.0088 24.0065C48.0047 23.1527 47.7697 22.3158 47.3287 21.5847L49.9437 18.9708C56.0486 29.9659 52.0844 43.828 41.0895 49.9328Z"
+                    fill="black"
+                  />
+                  <path
+                    d="M60.0045 12.0113C62.1857 12.003 64.087 10.5247 64.6323 8.41263H72V6.01354H64.6323C64.087 3.90144 62.1857 2.42315 60.0045 2.41491C57.3546 2.41491 55.2063 4.56314 55.2063 7.21309C55.2105 8.06694 55.4455 8.90378 55.8865 9.63497L53.7789 11.7426C43.6944 -1.3956 24.8688 -3.87116 11.7306 6.21327C-1.40756 16.2977 -3.88312 35.1235 6.2013 48.2617C15.7203 60.663 33.1693 63.6713 46.2913 55.1733L49.9115 58.7935L51.6077 60.4897L61.264 70.146C63.7199 72.6019 67.7015 72.6019 70.1575 70.146C72.6134 67.6901 72.6134 63.7085 70.1575 61.2526L60.5011 51.5963L58.805 49.9001L55.1847 46.2799C61.6111 36.3812 61.6111 23.6278 55.1847 13.729L57.5838 11.3299C58.3146 11.7711 59.1509 12.0065 60.0045 12.0113ZM60.0045 4.814C61.3295 4.814 62.4036 5.88804 62.4036 7.21309C62.4036 8.53813 61.3295 9.61218 60.0045 9.61218C58.6795 9.61218 57.6054 8.53813 57.6054 7.21309C57.6054 5.88804 58.6796 4.814 60.0045 4.814ZM68.4613 62.9488C69.9976 64.4506 70.0257 66.9136 68.5238 68.4499C67.022 69.9862 64.559 70.0142 63.0227 68.5124C63.0016 68.4918 62.9808 68.471 62.9602 68.4499L53.3038 58.7935L58.805 53.2924L68.4613 62.9488ZM57.1088 51.5963L51.6077 57.0974L48.2873 53.777C48.4565 53.6475 48.6148 53.5047 48.7816 53.3716C48.9483 53.2384 49.1414 53.0789 49.3202 52.929C49.5829 52.7082 49.842 52.4851 50.0963 52.256C50.227 52.1361 50.3518 52.0161 50.4801 51.8961C50.9718 51.4356 51.4483 50.9592 51.9088 50.4675C52.0287 50.3391 52.1487 50.2144 52.2686 50.0836C52.4974 49.8288 52.7218 49.5701 52.9416 49.3075C53.0918 49.1302 53.2394 48.9507 53.3842 48.7689C53.5162 48.6034 53.6589 48.4451 53.7885 48.2759L57.1088 51.5963ZM52.457 46.0244C52.0791 46.5522 51.6893 47.0692 51.2778 47.567C51.1579 47.7121 51.0295 47.8525 50.906 47.9952C50.5399 48.4212 50.1607 48.8356 49.7688 49.238C49.5984 49.4138 49.4253 49.587 49.2494 49.7574C48.8478 50.15 48.4333 50.5293 48.0066 50.8945C47.8639 51.0145 47.7236 51.1452 47.5784 51.2664C47.0806 51.6778 46.5636 52.0677 46.0358 52.4455C33.6181 61.3169 16.3598 58.4421 7.48841 46.0244C-1.38297 33.6067 1.49189 16.3484 13.9096 7.47699C26.3273 -1.3944 43.5856 1.48031 52.457 13.8982C59.3215 23.5068 59.3215 36.4157 52.457 46.0244Z"
+                    fill="black"
+                  />
+                </g>
+                <defs>
+                  <clipPath id="clip0_4230_5002">
+                    <rect width={72} height={72} fill="white" />
+                  </clipPath>
+                </defs>
+              </svg>
+            </div>
+            <h5 className="mb_24">Market Analysis</h5>
+            <p className="text-body-1 text_mono-gray-7">
+              Understanding market trends, customer needs, competitive
+              landscapes is crucial for businesses to stay relevant. By
+              conducting thorough research and analysis, organizations can make
+              informed strategic decisions.
+            </p>
+          </div>
+        </SwiperSlide>
+        <SwiperSlide className="swiper-slide">
+          <div className="tf-box-icon style-7 h-full effect-icon">
+            <div className="icon mb_32">
+              <svg
+                width={72}
+                height={72}
+                viewBox="0 0 72 72"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M68.625 20.25H61.875C61.5766 20.25 61.2905 20.3685 61.0795 20.5795C60.8685 20.7905 60.75 21.0766 60.75 21.375V64.125C60.75 64.4234 60.8685 64.7095 61.0795 64.9205C61.2905 65.1315 61.5766 65.25 61.875 65.25H68.625C68.9234 65.25 69.2095 65.1315 69.4205 64.9205C69.6315 64.7095 69.75 64.4234 69.75 64.125V21.375C69.75 21.0766 69.6315 20.7905 69.4205 20.5795C69.2095 20.3685 68.9234 20.25 68.625 20.25ZM67.5 63H63V22.5H67.5V63ZM57.375 65.25C57.6734 65.25 57.9595 65.1315 58.1705 64.9205C58.3815 64.7095 58.5 64.4234 58.5 64.125V30.375C58.5 30.0766 58.3815 29.7905 58.1705 29.5795C57.9595 29.3685 57.6734 29.25 57.375 29.25H50.625C50.3266 29.25 50.0405 29.3685 49.8295 29.5795C49.6185 29.7905 49.5 30.0766 49.5 30.375V64.125C49.5 64.4234 49.6185 64.7095 49.8295 64.9205C50.0405 65.1315 50.3266 65.25 50.625 65.25H57.375ZM51.75 31.5H56.25V63H51.75V31.5ZM46.125 65.25C46.4234 65.25 46.7095 65.1315 46.9205 64.9205C47.1315 64.7095 47.25 64.4234 47.25 64.125V38.25C47.25 37.9516 47.1315 37.6655 46.9205 37.4545C46.7095 37.2435 46.4234 37.125 46.125 37.125H39.375C39.0766 37.125 38.7905 37.2435 38.5795 37.4545C38.3685 37.6655 38.25 37.9516 38.25 38.25V64.125C38.25 64.4234 38.3685 64.7095 38.5795 64.9205C38.7905 65.1315 39.0766 65.25 39.375 65.25H46.125ZM40.5 39.375H45V63H40.5V39.375ZM34.875 65.25C35.1734 65.25 35.4595 65.1315 35.6705 64.9205C35.8815 64.7095 36 64.4234 36 64.125V47.25C36 46.9516 35.8815 46.6655 35.6705 46.4545C35.4595 46.2435 35.1734 46.125 34.875 46.125H28.125C27.8266 46.125 27.5405 46.2435 27.3295 46.4545C27.1185 46.6655 27 46.9516 27 47.25V64.125C27 64.4234 27.1185 64.7095 27.3295 64.9205C27.5405 65.1315 27.8266 65.25 28.125 65.25H34.875ZM29.25 48.375H33.75V63H29.25V48.375ZM23.625 65.25C23.9234 65.25 24.2095 65.1315 24.4205 64.9205C24.6315 64.7095 24.75 64.4234 24.75 64.125V51.75C24.75 51.4516 24.6315 51.1655 24.4205 50.9545C24.2095 50.7435 23.9234 50.625 23.625 50.625H16.875C16.5766 50.625 16.2905 50.7435 16.0795 50.9545C15.8685 51.1655 15.75 51.4516 15.75 51.75V64.125C15.75 64.4234 15.8685 64.7095 16.0795 64.9205C16.2905 65.1315 16.5766 65.25 16.875 65.25H23.625ZM18 52.875H22.5V63H18V52.875ZM12.375 65.25C12.6734 65.25 12.9595 65.1315 13.1705 64.9205C13.3815 64.7095 13.5 64.4234 13.5 64.125V57.375C13.5 57.0766 13.3815 56.7905 13.1705 56.5795C12.9595 56.3685 12.6734 56.25 12.375 56.25H5.625C5.32663 56.25 5.04048 56.3685 4.82951 56.5795C4.61853 56.7905 4.5 57.0766 4.5 57.375V64.125C4.5 64.4234 4.61853 64.7095 4.82951 64.9205C5.04048 65.1315 5.32663 65.25 5.625 65.25H12.375ZM6.75 58.5H11.25V63H6.75V58.5ZM30.375 20.25H32.625C32.9234 20.25 33.2095 20.1315 33.4205 19.9205C33.6315 19.7095 33.75 19.4234 33.75 19.125C33.75 18.8266 33.6315 18.5405 33.4205 18.3295C33.2095 18.1185 32.9234 18 32.625 18H31.5V16.875C31.5 16.5766 31.3815 16.2905 31.1705 16.0795C30.9595 15.8685 30.6734 15.75 30.375 15.75C30.0766 15.75 29.7905 15.8685 29.5795 16.0795C29.3685 16.2905 29.25 16.5766 29.25 16.875V18.1935C28.4997 18.4591 27.8675 18.9814 27.4649 19.6679C27.0623 20.3545 26.9154 21.1613 27.05 21.9458C27.1846 22.7302 27.5921 23.4418 28.2005 23.955C28.8089 24.4681 29.5791 24.7497 30.375 24.75C30.6734 24.75 30.9595 24.8685 31.1705 25.0795C31.3815 25.2905 31.5 25.5766 31.5 25.875C31.5 26.1734 31.3815 26.4595 31.1705 26.6705C30.9595 26.8815 30.6734 27 30.375 27H28.125C27.8266 27 27.5405 27.1185 27.3295 27.3295C27.1185 27.5405 27 27.8266 27 28.125C27 28.4234 27.1185 28.7095 27.3295 28.9205C27.5405 29.1315 27.8266 29.25 28.125 29.25H29.25V30.375C29.25 30.6734 29.3685 30.9595 29.5795 31.1705C29.7905 31.3815 30.0766 31.5 30.375 31.5C30.6734 31.5 30.9595 31.3815 31.1705 31.1705C31.3815 30.9595 31.5 30.6734 31.5 30.375V29.0565C32.2503 28.7909 32.8825 28.2686 33.2851 27.5821C33.6877 26.8955 33.8346 26.0887 33.7 25.3042C33.5654 24.5198 33.1579 23.8082 32.5495 23.295C31.9411 22.7819 31.1709 22.5003 30.375 22.5C30.0766 22.5 29.7905 22.3815 29.5795 22.1705C29.3685 21.9595 29.25 21.6734 29.25 21.375C29.25 21.0766 29.3685 20.7905 29.5795 20.5795C29.7905 20.3685 30.0766 20.25 30.375 20.25Z"
+                  fill="black"
+                />
+                <path
+                  d="M68.625 6.75H61.875C61.5767 6.75 61.2905 6.86853 61.0795 7.07951C60.8686 7.29048 60.75 7.57663 60.75 7.875C60.75 8.17337 60.8686 8.45952 61.0795 8.67049C61.2905 8.88147 61.5767 9 61.875 9H65.909L50.159 24.75H43.8278C43.8591 24.3758 43.8748 24.0005 43.875 23.625C43.8749 21.0613 43.1449 18.5507 41.7702 16.3868C40.3956 14.2228 38.4332 12.495 36.1126 11.4054C33.792 10.3159 31.2092 9.90957 28.6661 10.2341C26.1231 10.5586 23.725 11.6005 21.7524 13.238C19.7798 14.8754 18.3143 17.0406 17.5271 19.4805C16.74 21.9203 16.6638 24.5338 17.3075 27.0153C17.9513 29.4968 19.2883 31.7438 21.1622 33.4933C23.0361 35.2428 25.3694 36.4226 27.8892 36.8947L23.1591 41.625H14.625C14.4773 41.625 14.331 41.6541 14.1945 41.7106C14.058 41.7672 13.934 41.85 13.8295 41.9545L2.57951 53.2045C2.36853 53.4155 2.25 53.7016 2.25 54C2.25 54.2984 2.36853 54.5845 2.57951 54.7955C2.7905 55.0065 3.07665 55.125 3.37503 55.125C3.67341 55.125 3.95956 55.0065 4.17054 54.7955L15.0909 43.875H23.625C23.7728 43.875 23.9191 43.8459 24.0556 43.7894C24.1921 43.7328 24.3161 43.65 24.4205 43.5455L30.8503 37.1157C33.759 37.0094 36.5558 35.9676 38.8253 34.1452C41.0948 32.3229 42.7159 29.8171 43.448 27H50.625C50.7728 27 50.9191 26.9709 51.0556 26.9144C51.1921 26.8578 51.3161 26.775 51.4205 26.6705L67.5 10.591V14.625C67.5 14.9234 67.6186 15.2095 67.8295 15.4205C68.0405 15.6315 68.3267 15.75 68.625 15.75C68.9234 15.75 69.2095 15.6315 69.4205 15.4205C69.6315 15.2095 69.75 14.9234 69.75 14.625V7.875C69.75 7.57663 69.6315 7.29048 69.4205 7.07951C69.2095 6.86853 68.9234 6.75 68.625 6.75ZM30.375 34.875C28.15 34.875 25.9749 34.2152 24.1249 32.979C22.2748 31.7429 20.8329 29.9859 19.9814 27.9302C19.1299 25.8745 18.9071 23.6125 19.3412 21.4302C19.7753 19.2479 20.8467 17.2434 22.4201 15.67C23.9934 14.0967 25.998 13.0252 28.1803 12.5912C30.3625 12.1571 32.6245 12.3799 34.6802 13.2314C36.7359 14.0828 38.4929 15.5248 39.7291 17.3748C40.9652 19.2249 41.625 21.4 41.625 23.625C41.6216 26.6076 40.4353 29.4672 38.3262 31.5762C36.2172 33.6853 33.3577 34.8716 30.375 34.875Z"
+                  fill="black"
+                />
+              </svg>
+            </div>
+            <h5 className="mb_24">Financial Planning</h5>
+            <p className="text-body-1 text_mono-gray-7">
+              A robust financial plan is the cornerstone of sustainable business
+              growth. It involves a meticulous process of budgeting,
+              forecasting, and risk management to ensure financial stability.
+            </p>
+          </div>
+        </SwiperSlide>
+
+        <div className="sw-dots spd19 style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+      </Swiper>
+      <div className="swiper tf-sw-mobile swiper-inActive-768">
+        <div className="swiper-wrapper tf-grid-layout-md md-col-2 lg-col-4 gap_24">
+          <div className="swiper-slide">
+            <div className="tf-box-icon style-7 h-full effect-icon">
+              <div className="icon mb_32">
+                <svg
+                  width={72}
+                  height={72}
+                  viewBox="0 0 72 72"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M10.4985 25.5007C10.4985 28.2855 11.6048 30.9562 13.5739 32.9254C15.543 34.8945 18.2138 36.0007 20.9985 36.0007C23.7833 36.0007 26.454 34.8945 28.4232 32.9254C30.3923 30.9562 31.4985 28.2855 31.4985 25.5007C31.4985 22.716 30.3923 20.0452 28.4232 18.0761C26.454 16.107 23.7833 15.0007 20.9985 15.0007C18.2138 15.0007 15.543 16.107 13.5739 18.0761C11.6048 20.0452 10.4985 22.716 10.4985 25.5007Z"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M21.0015 15.0007V25.5007H31.5015"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M27 67.5007C29.7175 64.0694 31.2912 59.8728 31.5 55.5007"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M45 67.5007C42.2825 64.0694 40.7088 59.8728 40.5 55.5007"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M22.4956 67.5H49.4956"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M1.49854 46.5007H70.4985"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M4.49854 4.5H67.4985C67.4985 4.5 70.4985 4.5 70.4985 7.5V52.5C70.4985 52.5 70.4985 55.5 67.4985 55.5H4.49854C4.49854 55.5 1.49854 55.5 1.49854 52.5V7.5C1.49854 7.5 1.49854 4.5 4.49854 4.5Z"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M40.5 21L45 15L54 22.5L61.5 13.5"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M58.5 37.5007V33.0007"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M52.5015 37.5V31.5"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M46.4985 37.5007V28.5007"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                  <path
+                    d="M40.5 37.5007V33.0007"
+                    stroke="#000000"
+                    strokeWidth={2}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                </svg>
+              </div>
+              <h5 className="mb_24">Strategic Goal Setting</h5>
+              <p className="text-body-1 text_mono-gray-7">
+                Defining clear, measurable, achievable, relevant, and time-bound
+                ( SMART ) goals is a fundamental strategy for aligning
+                individual and team efforts with the overarching business
+                vision.
+              </p>
+            </div>
+          </div>
+          <div className="swiper-slide">
+            <div className="tf-box-icon style-7 h-full effect-icon">
+              <div className="icon mb_32">
+                <svg
+                  width={72}
+                  height={73}
+                  viewBox="0 0 72 73"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <mask
+                    id="mask0_4230_4974"
+                    style={{ maskType: "luminance" }}
+                    maskUnits="userSpaceOnUse"
+                    x={0}
+                    y={1}
+                    width={72}
+                    height={71}
+                  >
+                    <path
+                      d="M0.830566 1.05422H71.7229V71.9465H0.830566V1.05422Z"
+                      fill="white"
+                    />
+                  </mask>
+                  <g mask="url(#mask0_4230_4974)">
+                    <path
+                      d="M1.91064 23V18.708C1.91064 9.5695 9.38757 2.09258 18.526 2.09258H32.0822C33.2246 2.09258 34.1592 3.02719 34.1592 4.1695V32.2642C34.1592 33.4065 33.2246 34.3411 32.0822 34.3411H3.98757C2.84526 34.3411 1.91064 33.4065 1.91064 32.2642V22.8618M32.0822 38.6594H3.98757C2.84526 38.6594 1.91064 39.5941 1.91064 40.7364V54.2926C1.91064 63.431 9.38757 70.908 18.526 70.908H32.0822C33.2246 70.908 34.1592 69.9733 34.1592 68.831V40.7364C34.1592 39.5941 33.2246 38.6594 32.0822 38.6594ZM45.7206 70.908H40.4722C39.3299 70.908 38.3953 69.9733 38.3953 68.831V40.7364C38.3953 39.5941 39.3299 38.6594 40.4722 38.6594H68.5669C69.7092 38.6594 70.6436 39.5941 70.6436 40.7364V54.2926C70.6436 63.431 63.1669 70.908 54.0283 70.908H51.9515C51.1403 70.908 45.7206 70.908 45.7206 70.908ZM40.4722 34.3411H68.5669C69.7092 34.3411 70.6436 33.4065 70.6436 32.2642V18.708C70.6436 9.5695 63.1669 2.09258 54.0283 2.09258H40.4722C39.3299 2.09258 38.3953 3.02719 38.3953 4.1695V32.2642C38.3953 33.4065 39.3299 34.3411 40.4722 34.3411Z"
+                      stroke="black"
+                      strokeWidth={2}
+                      strokeMiterlimit="22.926"
+                    />
+                    <path
+                      d="M23.3654 14.5425C23.3654 14.5425 21.2365 12.7529 18.7257 13.5092C16.4205 14.2037 16.098 16.8618 17.7658 17.9493C17.7658 17.9493 19.4024 18.6792 21.2176 19.3488C25.5871 20.9605 23.7048 25.1877 20.1873 25.1877C18.4258 25.1877 16.9475 24.4165 16.0527 23.429"
+                      stroke="black"
+                      strokeWidth="1.5"
+                      strokeMiterlimit={10}
+                      strokeLinecap="square"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M45.8091 13.4119L48.1207 25.0986L48.6266 25.0952L51.976 13.5141L52.4964 13.5148L55.8365 25.0986L56.3424 25.0952L58.6633 13.4337"
+                      stroke="black"
+                      strokeWidth="1.5"
+                      strokeMiterlimit={10}
+                      strokeLinecap="square"
+                    />
+                    <path
+                      d="M48.96 48.0022H55.5125"
+                      stroke="black"
+                      strokeWidth="2.5"
+                      strokeMiterlimit={10}
+                      strokeLinecap="square"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M52.2231 48.0022V59.4883"
+                      stroke="black"
+                      strokeWidth="1.5"
+                      strokeMiterlimit={10}
+                      strokeLinecap="square"
+                      strokeLinejoin="round"
+                    />
+                    <path
+                      d="M25.8381 53.7452C25.8381 57.0216 23.1819 59.6777 19.9057 59.6777C16.6293 59.6777 13.9731 57.0216 13.9731 53.7452C13.9731 50.4688 16.6293 47.8127 19.9057 47.8127C23.1819 47.8127 25.8381 50.4688 25.8381 53.7452Z"
+                      stroke="black"
+                      strokeWidth="1.5"
+                      strokeMiterlimit={10}
+                      strokeLinecap="round"
+                      strokeLinejoin="bevel"
+                    />
+                  </g>
+                </svg>
+              </div>
+              <h5 className="mb_24">SWOT Analysis</h5>
+              <p className="text-body-1 text_mono-gray-7">
+                A SWOT analysis is a strategic planning technique used to help a
+                person or organization identify strengths, weaknesses,
+                opportunities, and threats related to business competition or
+                project planning.
+              </p>
+            </div>
+          </div>
+          <div className="swiper-slide">
+            <div className="tf-box-icon style-7 h-full effect-icon">
+              <div className="icon mb_32">
+                <svg
+                  width={72}
+                  height={72}
+                  viewBox="0 0 72 72"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <g clipPath="url(#clip0_4230_5002)">
+                    <path
+                      d="M30.0156 4.81396C16.1033 4.81396 4.8252 16.0921 4.8252 30.0044C4.8252 43.9167 16.1033 55.1949 30.0156 55.1949C43.928 55.1949 55.2061 43.9167 55.2061 30.0044C55.1909 16.0984 43.9217 4.82911 30.0156 4.81396ZM30.0156 7.21306C33.6669 7.21593 37.2639 8.09692 40.5031 9.7817C43.7424 11.4665 46.529 13.9056 48.6278 16.8934L45.6289 19.8922C44.8992 19.4506 44.0636 19.2144 43.2106 19.2085C40.5607 19.2085 38.4125 21.3567 38.4125 24.0067C38.4166 24.8605 38.6516 25.6974 39.0926 26.4286L31.238 34.2832C30.5085 33.8384 29.6705 33.603 28.8161 33.603C27.9617 33.603 27.1237 33.8384 26.3942 34.2832L20.9387 28.8277C21.3797 28.0965 21.6147 27.2596 21.6188 26.4058C21.6221 23.7611 19.4809 21.6145 16.8362 21.6112C14.649 21.6085 12.738 23.088 12.1928 25.2062H7.74249C10.0137 14.7182 19.2845 7.2288 30.0156 7.21306ZM45.6097 24.0067C45.6097 25.3317 44.5357 26.4058 43.2106 26.4058C41.8856 26.4058 40.8116 25.3317 40.8116 24.0067C40.8116 22.6816 41.8856 21.6076 43.2106 21.6076C44.5357 21.6076 45.6097 22.6816 45.6097 24.0067ZM31.2152 38.4012C31.2152 39.7263 30.1411 40.8003 28.8161 40.8003C27.4911 40.8003 26.417 39.7263 26.417 38.4012C26.417 37.0762 27.4911 36.0021 28.8161 36.0021C30.1411 36.0021 31.2152 37.0762 31.2152 38.4012ZM19.2197 26.4058C19.2197 27.7308 18.1457 28.8049 16.8206 28.8049C15.4956 28.8049 14.4216 27.7308 14.4216 26.4058C14.4216 25.0807 15.4956 24.0067 16.8206 24.0067C18.1457 24.0067 19.2197 25.0807 19.2197 26.4058ZM41.0895 49.9328C37.7019 51.8137 33.8904 52.7991 30.0156 52.7956C17.4369 52.8042 7.23283 42.6142 7.22429 30.0355C7.22369 29.2237 7.26657 28.4123 7.35264 27.6052H12.1928C12.7381 29.7171 14.6394 31.1956 16.8206 31.2038C17.6745 31.1997 18.5113 30.9646 19.2425 30.5237L24.6981 35.9792C24.2571 36.7104 24.0221 37.5472 24.0179 38.4011C24.0179 41.051 26.1662 43.1993 28.8161 43.1993C31.466 43.1993 33.6143 41.051 33.6143 38.4011C33.6101 37.5472 33.3751 36.7104 32.9341 35.9792L40.7888 28.1246C41.5199 28.5655 42.3568 28.8006 43.2106 28.8047C45.8606 28.8047 48.0088 26.6565 48.0088 24.0065C48.0047 23.1527 47.7697 22.3158 47.3287 21.5847L49.9437 18.9708C56.0486 29.9659 52.0844 43.828 41.0895 49.9328Z"
+                      fill="black"
+                    />
+                    <path
+                      d="M60.0045 12.0113C62.1857 12.003 64.087 10.5247 64.6323 8.41263H72V6.01354H64.6323C64.087 3.90144 62.1857 2.42315 60.0045 2.41491C57.3546 2.41491 55.2063 4.56314 55.2063 7.21309C55.2105 8.06694 55.4455 8.90378 55.8865 9.63497L53.7789 11.7426C43.6944 -1.3956 24.8688 -3.87116 11.7306 6.21327C-1.40756 16.2977 -3.88312 35.1235 6.2013 48.2617C15.7203 60.663 33.1693 63.6713 46.2913 55.1733L49.9115 58.7935L51.6077 60.4897L61.264 70.146C63.7199 72.6019 67.7015 72.6019 70.1575 70.146C72.6134 67.6901 72.6134 63.7085 70.1575 61.2526L60.5011 51.5963L58.805 49.9001L55.1847 46.2799C61.6111 36.3812 61.6111 23.6278 55.1847 13.729L57.5838 11.3299C58.3146 11.7711 59.1509 12.0065 60.0045 12.0113ZM60.0045 4.814C61.3295 4.814 62.4036 5.88804 62.4036 7.21309C62.4036 8.53813 61.3295 9.61218 60.0045 9.61218C58.6795 9.61218 57.6054 8.53813 57.6054 7.21309C57.6054 5.88804 58.6796 4.814 60.0045 4.814ZM68.4613 62.9488C69.9976 64.4506 70.0257 66.9136 68.5238 68.4499C67.022 69.9862 64.559 70.0142 63.0227 68.5124C63.0016 68.4918 62.9808 68.471 62.9602 68.4499L53.3038 58.7935L58.805 53.2924L68.4613 62.9488ZM57.1088 51.5963L51.6077 57.0974L48.2873 53.777C48.4565 53.6475 48.6148 53.5047 48.7816 53.3716C48.9483 53.2384 49.1414 53.0789 49.3202 52.929C49.5829 52.7082 49.842 52.4851 50.0963 52.256C50.227 52.1361 50.3518 52.0161 50.4801 51.8961C50.9718 51.4356 51.4483 50.9592 51.9088 50.4675C52.0287 50.3391 52.1487 50.2144 52.2686 50.0836C52.4974 49.8288 52.7218 49.5701 52.9416 49.3075C53.0918 49.1302 53.2394 48.9507 53.3842 48.7689C53.5162 48.6034 53.6589 48.4451 53.7885 48.2759L57.1088 51.5963ZM52.457 46.0244C52.0791 46.5522 51.6893 47.0692 51.2778 47.567C51.1579 47.7121 51.0295 47.8525 50.906 47.9952C50.5399 48.4212 50.1607 48.8356 49.7688 49.238C49.5984 49.4138 49.4253 49.587 49.2494 49.7574C48.8478 50.15 48.4333 50.5293 48.0066 50.8945C47.8639 51.0145 47.7236 51.1452 47.5784 51.2664C47.0806 51.6778 46.5636 52.0677 46.0358 52.4455C33.6181 61.3169 16.3598 58.4421 7.48841 46.0244C-1.38297 33.6067 1.49189 16.3484 13.9096 7.47699C26.3273 -1.3944 43.5856 1.48031 52.457 13.8982C59.3215 23.5068 59.3215 36.4157 52.457 46.0244Z"
+                      fill="black"
+                    />
+                  </g>
+                  <defs>
+                    <clipPath id="clip0_4230_5002">
+                      <rect width={72} height={72} fill="white" />
+                    </clipPath>
+                  </defs>
+                </svg>
+              </div>
+              <h5 className="mb_24">Market Analysis</h5>
+              <p className="text-body-1 text_mono-gray-7">
+                Understanding market trends, customer needs, competitive
+                landscapes is crucial for businesses to stay relevant. By
+                conducting thorough research and analysis, organizations can
+                make informed strategic decisions.
+              </p>
+            </div>
+          </div>
+          <div className="swiper-slide">
+            <div className="tf-box-icon style-7 h-full effect-icon">
+              <div className="icon mb_32">
+                <svg
+                  width={72}
+                  height={72}
+                  viewBox="0 0 72 72"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M68.625 20.25H61.875C61.5766 20.25 61.2905 20.3685 61.0795 20.5795C60.8685 20.7905 60.75 21.0766 60.75 21.375V64.125C60.75 64.4234 60.8685 64.7095 61.0795 64.9205C61.2905 65.1315 61.5766 65.25 61.875 65.25H68.625C68.9234 65.25 69.2095 65.1315 69.4205 64.9205C69.6315 64.7095 69.75 64.4234 69.75 64.125V21.375C69.75 21.0766 69.6315 20.7905 69.4205 20.5795C69.2095 20.3685 68.9234 20.25 68.625 20.25ZM67.5 63H63V22.5H67.5V63ZM57.375 65.25C57.6734 65.25 57.9595 65.1315 58.1705 64.9205C58.3815 64.7095 58.5 64.4234 58.5 64.125V30.375C58.5 30.0766 58.3815 29.7905 58.1705 29.5795C57.9595 29.3685 57.6734 29.25 57.375 29.25H50.625C50.3266 29.25 50.0405 29.3685 49.8295 29.5795C49.6185 29.7905 49.5 30.0766 49.5 30.375V64.125C49.5 64.4234 49.6185 64.7095 49.8295 64.9205C50.0405 65.1315 50.3266 65.25 50.625 65.25H57.375ZM51.75 31.5H56.25V63H51.75V31.5ZM46.125 65.25C46.4234 65.25 46.7095 65.1315 46.9205 64.9205C47.1315 64.7095 47.25 64.4234 47.25 64.125V38.25C47.25 37.9516 47.1315 37.6655 46.9205 37.4545C46.7095 37.2435 46.4234 37.125 46.125 37.125H39.375C39.0766 37.125 38.7905 37.2435 38.5795 37.4545C38.3685 37.6655 38.25 37.9516 38.25 38.25V64.125C38.25 64.4234 38.3685 64.7095 38.5795 64.9205C38.7905 65.1315 39.0766 65.25 39.375 65.25H46.125ZM40.5 39.375H45V63H40.5V39.375ZM34.875 65.25C35.1734 65.25 35.4595 65.1315 35.6705 64.9205C35.8815 64.7095 36 64.4234 36 64.125V47.25C36 46.9516 35.8815 46.6655 35.6705 46.4545C35.4595 46.2435 35.1734 46.125 34.875 46.125H28.125C27.8266 46.125 27.5405 46.2435 27.3295 46.4545C27.1185 46.6655 27 46.9516 27 47.25V64.125C27 64.4234 27.1185 64.7095 27.3295 64.9205C27.5405 65.1315 27.8266 65.25 28.125 65.25H34.875ZM29.25 48.375H33.75V63H29.25V48.375ZM23.625 65.25C23.9234 65.25 24.2095 65.1315 24.4205 64.9205C24.6315 64.7095 24.75 64.4234 24.75 64.125V51.75C24.75 51.4516 24.6315 51.1655 24.4205 50.9545C24.2095 50.7435 23.9234 50.625 23.625 50.625H16.875C16.5766 50.625 16.2905 50.7435 16.0795 50.9545C15.8685 51.1655 15.75 51.4516 15.75 51.75V64.125C15.75 64.4234 15.8685 64.7095 16.0795 64.9205C16.2905 65.1315 16.5766 65.25 16.875 65.25H23.625ZM18 52.875H22.5V63H18V52.875ZM12.375 65.25C12.6734 65.25 12.9595 65.1315 13.1705 64.9205C13.3815 64.7095 13.5 64.4234 13.5 64.125V57.375C13.5 57.0766 13.3815 56.7905 13.1705 56.5795C12.9595 56.3685 12.6734 56.25 12.375 56.25H5.625C5.32663 56.25 5.04048 56.3685 4.82951 56.5795C4.61853 56.7905 4.5 57.0766 4.5 57.375V64.125C4.5 64.4234 4.61853 64.7095 4.82951 64.9205C5.04048 65.1315 5.32663 65.25 5.625 65.25H12.375ZM6.75 58.5H11.25V63H6.75V58.5ZM30.375 20.25H32.625C32.9234 20.25 33.2095 20.1315 33.4205 19.9205C33.6315 19.7095 33.75 19.4234 33.75 19.125C33.75 18.8266 33.6315 18.5405 33.4205 18.3295C33.2095 18.1185 32.9234 18 32.625 18H31.5V16.875C31.5 16.5766 31.3815 16.2905 31.1705 16.0795C30.9595 15.8685 30.6734 15.75 30.375 15.75C30.0766 15.75 29.7905 15.8685 29.5795 16.0795C29.3685 16.2905 29.25 16.5766 29.25 16.875V18.1935C28.4997 18.4591 27.8675 18.9814 27.4649 19.6679C27.0623 20.3545 26.9154 21.1613 27.05 21.9458C27.1846 22.7302 27.5921 23.4418 28.2005 23.955C28.8089 24.4681 29.5791 24.7497 30.375 24.75C30.6734 24.75 30.9595 24.8685 31.1705 25.0795C31.3815 25.2905 31.5 25.5766 31.5 25.875C31.5 26.1734 31.3815 26.4595 31.1705 26.6705C30.9595 26.8815 30.6734 27 30.375 27H28.125C27.8266 27 27.5405 27.1185 27.3295 27.3295C27.1185 27.5405 27 27.8266 27 28.125C27 28.4234 27.1185 28.7095 27.3295 28.9205C27.5405 29.1315 27.8266 29.25 28.125 29.25H29.25V30.375C29.25 30.6734 29.3685 30.9595 29.5795 31.1705C29.7905 31.3815 30.0766 31.5 30.375 31.5C30.6734 31.5 30.9595 31.3815 31.1705 31.1705C31.3815 30.9595 31.5 30.6734 31.5 30.375V29.0565C32.2503 28.7909 32.8825 28.2686 33.2851 27.5821C33.6877 26.8955 33.8346 26.0887 33.7 25.3042C33.5654 24.5198 33.1579 23.8082 32.5495 23.295C31.9411 22.7819 31.1709 22.5003 30.375 22.5C30.0766 22.5 29.7905 22.3815 29.5795 22.1705C29.3685 21.9595 29.25 21.6734 29.25 21.375C29.25 21.0766 29.3685 20.7905 29.5795 20.5795C29.7905 20.3685 30.0766 20.25 30.375 20.25Z"
+                    fill="black"
+                  />
+                  <path
+                    d="M68.625 6.75H61.875C61.5767 6.75 61.2905 6.86853 61.0795 7.07951C60.8686 7.29048 60.75 7.57663 60.75 7.875C60.75 8.17337 60.8686 8.45952 61.0795 8.67049C61.2905 8.88147 61.5767 9 61.875 9H65.909L50.159 24.75H43.8278C43.8591 24.3758 43.8748 24.0005 43.875 23.625C43.8749 21.0613 43.1449 18.5507 41.7702 16.3868C40.3956 14.2228 38.4332 12.495 36.1126 11.4054C33.792 10.3159 31.2092 9.90957 28.6661 10.2341C26.1231 10.5586 23.725 11.6005 21.7524 13.238C19.7798 14.8754 18.3143 17.0406 17.5271 19.4805C16.74 21.9203 16.6638 24.5338 17.3075 27.0153C17.9513 29.4968 19.2883 31.7438 21.1622 33.4933C23.0361 35.2428 25.3694 36.4226 27.8892 36.8947L23.1591 41.625H14.625C14.4773 41.625 14.331 41.6541 14.1945 41.7106C14.058 41.7672 13.934 41.85 13.8295 41.9545L2.57951 53.2045C2.36853 53.4155 2.25 53.7016 2.25 54C2.25 54.2984 2.36853 54.5845 2.57951 54.7955C2.7905 55.0065 3.07665 55.125 3.37503 55.125C3.67341 55.125 3.95956 55.0065 4.17054 54.7955L15.0909 43.875H23.625C23.7728 43.875 23.9191 43.8459 24.0556 43.7894C24.1921 43.7328 24.3161 43.65 24.4205 43.5455L30.8503 37.1157C33.759 37.0094 36.5558 35.9676 38.8253 34.1452C41.0948 32.3229 42.7159 29.8171 43.448 27H50.625C50.7728 27 50.9191 26.9709 51.0556 26.9144C51.1921 26.8578 51.3161 26.775 51.4205 26.6705L67.5 10.591V14.625C67.5 14.9234 67.6186 15.2095 67.8295 15.4205C68.0405 15.6315 68.3267 15.75 68.625 15.75C68.9234 15.75 69.2095 15.6315 69.4205 15.4205C69.6315 15.2095 69.75 14.9234 69.75 14.625V7.875C69.75 7.57663 69.6315 7.29048 69.4205 7.07951C69.2095 6.86853 68.9234 6.75 68.625 6.75ZM30.375 34.875C28.15 34.875 25.9749 34.2152 24.1249 32.979C22.2748 31.7429 20.8329 29.9859 19.9814 27.9302C19.1299 25.8745 18.9071 23.6125 19.3412 21.4302C19.7753 19.2479 20.8467 17.2434 22.4201 15.67C23.9934 14.0967 25.998 13.0252 28.1803 12.5912C30.3625 12.1571 32.6245 12.3799 34.6802 13.2314C36.7359 14.0828 38.4929 15.5248 39.7291 17.3748C40.9652 19.2249 41.625 21.4 41.625 23.625C41.6216 26.6076 40.4353 29.4672 38.3262 31.5762C36.2172 33.6853 33.3577 34.8716 30.375 34.875Z"
+                    fill="black"
+                  />
+                </svg>
+              </div>
+              <h5 className="mb_24">Financial Planning</h5>
+              <p className="text-body-1 text_mono-gray-7">
+                A robust financial plan is the cornerstone of sustainable
+                business growth. It involves a meticulous process of budgeting,
+                forecasting, and risk management to ensure financial stability.
+              </p>
+            </div>
+          </div>
+        </div>
+        <div className="sw-dots style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+      </div>
+    </>
+  );
+}
diff --git a/components/otherPages/Services.jsx b/components/otherPages/Services.jsx
new file mode 100644
index 0000000..3d220ef
--- /dev/null
+++ b/components/otherPages/Services.jsx
@@ -0,0 +1,113 @@
+"use client";
+import { services4 } from "@/data/services";
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+import { Pagination } from "swiper/modules";
+import { Swiper, SwiperSlide } from "swiper/react";
+
+export default function Services() {
+  return (
+    <div className="section-tailored-solutions tf-spacing-9">
+      <div className="tf-container">
+        <div className="heading-section mb_111">
+          <h2>Tailored Solutions For Your Growth</h2>
+          <p className="text-body-1 text_mono-gray-7 mt_20">
+            With custom services, we empower the development, provide support
+            from your unique vision.
+          </p>
+        </div>
+        <Swiper
+          className="swiper tf-sw-mobile bg_1 swiper-active-576"
+          data-screen={576}
+          spaceBetween={15}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd16",
+          }}
+        >
+          {services4.map((service, index) => (
+            <SwiperSlide className="swiper-slide" key={index}>
+              <div className="wrap d-flex gap_7 flex-column justify-content-between h-full">
+                <div
+                  className="tf-box-icon style-1 hover-border"
+                  style={{ animationDelay: service.delay }}
+                >
+                  <h5 className="mb_55 title">
+                    <Link
+                      href={`/service-details/${service.id}`}
+                      className="link hover-line-text line-clamp-2"
+                      dangerouslySetInnerHTML={{ __html: service.title }}
+                    ></Link>
+                  </h5>
+                  <div className="icon">
+                    <Image
+                      alt="icon"
+                      src={service.imgSrc}
+                      width={160}
+                      height={160}
+                    />
+                  </div>
+                  <p className="text-body-1 text_mono-gray-7">
+                    {service.description}
+                  </p>
+                </div>
+                <ul className="list d-grid gap_9">
+                  {service.items.map((item, i) => (
+                    <li className="text-body-1" key={i}>
+                      {item}
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </SwiperSlide>
+          ))}
+
+          <div className="sw-dots spd16 style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+        </Swiper>
+        <div className="swiper tf-sw-mobile swiper-inActive-576 bg_1">
+          <div className="swiper-wrapper tf-grid-layout-sm xl-col-4 sm-col-2 gap_24">
+            {services4.map((service, index) => (
+              <div className="swiper-slide" key={index}>
+                <div className="wrap d-flex gap_7 flex-column justify-content-between h-full">
+                  <div
+                    className="tf-box-icon style-1 hover-border"
+                    style={{ animationDelay: service.delay }}
+                  >
+                    <h5 className="mb_55 title">
+                      <Link
+                        href={`/service-details/${service.id}`}
+                        className="link hover-line-text line-clamp-2"
+                        dangerouslySetInnerHTML={{ __html: service.title }}
+                      ></Link>
+                    </h5>
+                    <div className="icon">
+                      <Image
+                        alt="icon"
+                        src={service.imgSrc}
+                        width={160}
+                        height={160}
+                      />
+                    </div>
+                    <p className="text-body-1 text_mono-gray-7">
+                      {service.description}
+                    </p>
+                  </div>
+                  <ul className="list d-grid gap_9">
+                    {service.items.map((item, i) => (
+                      <li className="text-body-1" key={i}>
+                        {item}
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </div>
+            ))}
+          </div>
+          <div className="sw-dots style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Team.jsx b/components/otherPages/Team.jsx
new file mode 100644
index 0000000..3f64b06
--- /dev/null
+++ b/components/otherPages/Team.jsx
@@ -0,0 +1,66 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { teamMembers } from "@/data/team";
+export default function Team() {
+  return (
+    <div className="section-team style-1 tf-spacing-6">
+      <div className="tf-container">
+        <div className="heading-secion mb_88">
+          <h2 className="heading-title split-text effect-right">
+            Our Dedicated Membership
+          </h2>
+          <p
+            className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
+            data-wow-delay="0s"
+          >
+            Our dedicated members actively participate in our community, sharing
+            expertise, <br />
+            collaborating on projects, and supporting one another.
+          </p>
+        </div>
+        <div className="tf-grid-layout-2 lg-col-4">
+          {teamMembers.map((member, index) => (
+            <div
+              key={index}
+              className="team-item style-default hover-border hover-image"
+            >
+              <Link href={`/team`} className="img-style mb_19">
+                <Image
+                  alt="avatar"
+                  src={member.image}
+                  width={406}
+                  height={406}
+                />
+              </Link>
+              <div className="content">
+                <h3 className="name">
+                  <Link href={`/team`} className="link hover-line-text">
+                    {member.name}
+                  </Link>
+                </h3>
+                <p className="text-body-1">{member.role}</p>
+              </div>
+            </div>
+          ))}
+          <div className="team-item empty">
+            <div className="img-style position-relative">
+              <Image
+                alt="avatar"
+                src="/images/item/team-emty.png"
+                width={406}
+                height={406}
+              />
+              <h3 className="name">
+                <Link href={`/team`} className="link hover-line-text">
+                  See All <br />
+                  Members
+                </Link>
+              </h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/otherPages/Team2.jsx b/components/otherPages/Team2.jsx
new file mode 100644
index 0000000..8b2631e
--- /dev/null
+++ b/components/otherPages/Team2.jsx
@@ -0,0 +1,71 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { socialIcons, teamMembers2 } from "@/data/team";
+export default function Team2() {
+  return (
+    <div className="section-team style-2 tf-spacing-9 pb-0">
+      <div className="tf-container">
+        <div className="wrap">
+          <div className="heading-section mb_86">
+            <h2>Tailored Solutions For Your Growth</h2>
+            <p className="text-body-1 text_mono-gray-7 mt_20">
+              With custom services, we empower the development, provide support
+              from your unique vision.
+            </p>
+          </div>
+          <div className="tf-grid-layout-2 lg-col-4">
+            {teamMembers2.map((member, index) => (
+              <div
+                key={index}
+                className="team-item v2 style-default hover-border hover-image"
+              >
+                <a href="#" className="img-style mb_19">
+                  <Image
+                    alt="avatar"
+                    src={member.image}
+                    width={406}
+                    height={406}
+                  />
+                </a>
+                <div className="bot">
+                  <div className="content">
+                    <h3 className="name">
+                      <a href="#" className="link hover-line-text">
+                        {member.name}
+                      </a>
+                    </h3>
+                    <p className="text-body-1">{member.role}</p>
+                  </div>
+                  <ul className="social d-flex gap_12 justify-content-center">
+                    {socialIcons.map((icon, i) => (
+                      <li key={i}>
+                        <a href={icon.href} className={icon.className} />
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </div>
+            ))}
+            <div className="team-item empty">
+              <div className="img-style position-relative">
+                <Image
+                  alt="avatar"
+                  src="/images/item/team-emty.png"
+                  width={406}
+                  height={406}
+                />
+                <h3 className="name">
+                  <Link href={`/team`} className="link hover-line-text">
+                    Imagine This <br />
+                    Could Be You.
+                  </Link>
+                </h3>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/shop/Checkout.jsx b/components/shop/Checkout.jsx
new file mode 100644
index 0000000..7a14e2a
--- /dev/null
+++ b/components/shop/Checkout.jsx
@@ -0,0 +1,344 @@
+"use client";
+import { useContextElement } from "@/context/Context";
+import Link from "next/link";
+import DropdownSelect from "../common/DropdownSelect";
+export default function Checkout() {
+  const {
+    cartProducts,
+
+    totalPrice,
+  } = useContextElement();
+
+  return (
+    <div className="checkout-product tf-spacing-40">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-md-8">
+            <div className="left">
+              <form
+                className="form-checkout"
+                onSubmit={(e) => e.preventDefault()}
+              >
+                <div className="mb_33">
+                  <h6 className="mb_12">Contact information</h6>
+                  <p className="text-body-2 mb_18">
+                    We’ll use this email to send you details and updates about
+                    your order
+                  </p>
+                  <fieldset>
+                    <input
+                      type="email"
+                      placeholder="Email address"
+                      id="email"
+                      className="rounded-cycle"
+                      required
+                    />
+                  </fieldset>
+                </div>
+                <div className="mb_34">
+                  <h6 className="mb_12">Billing address</h6>
+                  <p className="text-body-2 mb_18">
+                    Enter the billing address that matches your payment method
+                  </p>
+                  <div className="tf-select-tranform-lable mb_24">
+                    <span className="select-label">Country/Region</span>
+                    <select id="countrySelect" name="region-choose">
+                      <option />
+                      <option
+                        value="United States"
+                        data-provinces="[['Alabama','Alabama'],['Alaska','Alaska'],['American Samoa','American Samoa'],['Arizona','Arizona'],['Arkansas','Arkansas'],['Armed Forces Americas','Armed Forces Americas'],['Armed Forces Europe','Armed Forces Europe'],['Armed Forces Pacific','Armed Forces Pacific'],['California','California'],['Colorado','Colorado'],['Connecticut','Connecticut'],['Delaware','Delaware'],['District of Columbia','Washington DC'],['Federated States of Micronesia','Micronesia'],['Florida','Florida'],['Georgia','Georgia'],['Guam','Guam'],['Hawaii','Hawaii'],['Idaho','Idaho'],['Illinois','Illinois'],['Indiana','Indiana'],['Iowa','Iowa'],['Kansas','Kansas'],['Kentucky','Kentucky'],['Louisiana','Louisiana'],['Maine','Maine'],['Marshall Islands','Marshall Islands'],['Maryland','Maryland'],['Massachusetts','Massachusetts'],['Michigan','Michigan'],['Minnesota','Minnesota'],['Mississippi','Mississippi'],['Missouri','Missouri'],['Montana','Montana'],['Nebraska','Nebraska'],['Nevada','Nevada'],['New Hampshire','New Hampshire'],['New Jersey','New Jersey'],['New Mexico','New Mexico'],['New York','New York'],['North Carolina','North Carolina'],['North Dakota','North Dakota'],['Northern Mariana Islands','Northern Mariana Islands'],['Ohio','Ohio'],['Oklahoma','Oklahoma'],['Oregon','Oregon'],['Palau','Palau'],['Pennsylvania','Pennsylvania'],['Puerto Rico','Puerto Rico'],['Rhode Island','Rhode Island'],['South Carolina','South Carolina'],['South Dakota','South Dakota'],['Tennessee','Tennessee'],['Texas','Texas'],['Utah','Utah'],['Vermont','Vermont'],['Virgin Islands','U.S. Virgin Islands'],['Virginia','Virginia'],['Washington','Washington'],['West Virginia','West Virginia'],['Wisconsin','Wisconsin'],['Wyoming','Wyoming']]"
+                      >
+                        United States
+                      </option>
+                      <option
+                        value="Australia"
+                        data-provinces="[['Australian Capital Territory','Australian Capital Territory'],['New South Wales','New South Wales'],['Northern Territory','Northern Territory'],['Queensland','Queensland'],['South Australia','South Australia'],['Tasmania','Tasmania'],['Victoria','Victoria'],['Western Australia','Western Australia']]"
+                      >
+                        Australia
+                      </option>
+                      <option value="Austria" data-provinces="[]">
+                        Austria
+                      </option>
+                      <option value="Belgium" data-provinces="[]">
+                        Belgium
+                      </option>
+                      <option
+                        value="Canada"
+                        data-provinces="[['Alberta','Alberta'],['British Columbia','British Columbia'],['Manitoba','Manitoba'],['New Brunswick','New Brunswick'],['Newfoundland and Labrador','Newfoundland and Labrador'],['Northwest Territories','Northwest Territories'],['Nova Scotia','Nova Scotia'],['Nunavut','Nunavut'],['Ontario','Ontario'],['Prince Edward Island','Prince Edward Island'],['Quebec','Quebec'],['Saskatchewan','Saskatchewan'],['Yukon','Yukon']]"
+                      >
+                        Canada
+                      </option>
+                      <option value="Czech Republic" data-provinces="[]">
+                        Czechia
+                      </option>
+                      <option value="Denmark" data-provinces="[]">
+                        Denmark
+                      </option>
+                      <option value="Finland" data-provinces="[]">
+                        Finland
+                      </option>
+                      <option value="France" data-provinces="[]">
+                        France
+                      </option>
+                      <option value="Germany" data-provinces="[]">
+                        Germany
+                      </option>
+                      <option
+                        value="Hong Kong"
+                        data-provinces="[['Hong Kong Island','Hong Kong Island'],['Kowloon','Kowloon'],['New Territories','New Territories']]"
+                      >
+                        Hong Kong SAR
+                      </option>
+                      <option
+                        value="Ireland"
+                        data-provinces="[['Carlow','Carlow'],['Cavan','Cavan'],['Clare','Clare'],['Cork','Cork'],['Donegal','Donegal'],['Dublin','Dublin'],['Galway','Galway'],['Kerry','Kerry'],['Kildare','Kildare'],['Kilkenny','Kilkenny'],['Laois','Laois'],['Leitrim','Leitrim'],['Limerick','Limerick'],['Longford','Longford'],['Louth','Louth'],['Mayo','Mayo'],['Meath','Meath'],['Monaghan','Monaghan'],['Offaly','Offaly'],['Roscommon','Roscommon'],['Sligo','Sligo'],['Tipperary','Tipperary'],['Waterford','Waterford'],['Westmeath','Westmeath'],['Wexford','Wexford'],['Wicklow','Wicklow']]"
+                      >
+                        Ireland
+                      </option>
+                      <option value="Israel" data-provinces="[]">
+                        Israel
+                      </option>
+                      <option
+                        value="Italy"
+                        data-provinces="[['Agrigento','Agrigento'],['Alessandria','Alessandria'],['Ancona','Ancona'],['Aosta','Aosta Valley'],['Arezzo','Arezzo'],['Ascoli Piceno','Ascoli Piceno'],['Asti','Asti'],['Avellino','Avellino'],['Bari','Bari'],['Barletta-Andria-Trani','Barletta-Andria-Trani'],['Belluno','Belluno'],['Benevento','Benevento'],['Bergamo','Bergamo'],['Biella','Biella'],['Bologna','Bologna'],['Bolzano','South Tyrol'],['Brescia','Brescia'],['Brindisi','Brindisi'],['Cagliari','Cagliari'],['Caltanissetta','Caltanissetta'],['Campobasso','Campobasso'],['Carbonia-Iglesias','Carbonia-Iglesias'],['Caserta','Caserta'],['Catania','Catania'],['Catanzaro','Catanzaro'],['Chieti','Chieti'],['Como','Como'],['Cosenza','Cosenza'],['Cremona','Cremona'],['Crotone','Crotone'],['Cuneo','Cuneo'],['Enna','Enna'],['Fermo','Fermo'],['Ferrara','Ferrara'],['Firenze','Florence'],['Foggia','Foggia'],['Forlì-Cesena','Forlì-Cesena'],['Frosinone','Frosinone'],['Genova','Genoa'],['Gorizia','Gorizia'],['Grosseto','Grosseto'],['Imperia','Imperia'],['Isernia','Isernia'],['L'Aquila','L’Aquila'],['La Spezia','La Spezia'],['Latina','Latina'],['Lecce','Lecce'],['Lecco','Lecco'],['Livorno','Livorno'],['Lodi','Lodi'],['Lucca','Lucca'],['Macerata','Macerata'],['Mantova','Mantua'],['Massa-Carrara','Massa and Carrara'],['Matera','Matera'],['Medio Campidano','Medio Campidano'],['Messina','Messina'],['Milano','Milan'],['Modena','Modena'],['Monza e Brianza','Monza and Brianza'],['Napoli','Naples'],['Novara','Novara'],['Nuoro','Nuoro'],['Ogliastra','Ogliastra'],['Olbia-Tempio','Olbia-Tempio'],['Oristano','Oristano'],['Padova','Padua'],['Palermo','Palermo'],['Parma','Parma'],['Pavia','Pavia'],['Perugia','Perugia'],['Pesaro e Urbino','Pesaro and Urbino'],['Pescara','Pescara'],['Piacenza','Piacenza'],['Pisa','Pisa'],['Pistoia','Pistoia'],['Pordenone','Pordenone'],['Potenza','Potenza'],['Prato','Prato'],['Ragusa','Ragusa'],['Ravenna','Ravenna'],['Reggio Calabria','Reggio Calabria'],['Reggio Emilia','Reggio Emilia'],['Rieti','Rieti'],['Rimini','Rimini'],['Roma','Rome'],['Rovigo','Rovigo'],['Salerno','Salerno'],['Sassari','Sassari'],['Savona','Savona'],['Siena','Siena'],['Siracusa','Syracuse'],['Sondrio','Sondrio'],['Taranto','Taranto'],['Teramo','Teramo'],['Terni','Terni'],['Torino','Turin'],['Trapani','Trapani'],['Trento','Trentino'],['Treviso','Treviso'],['Trieste','Trieste'],['Udine','Udine'],['Varese','Varese'],['Venezia','Venice'],['Verbano-Cusio-Ossola','Verbano-Cusio-Ossola'],['Vercelli','Vercelli'],['Verona','Verona'],['Vibo Valentia','Vibo Valentia'],['Vicenza','Vicenza'],['Viterbo','Viterbo']]"
+                      >
+                        Italy
+                      </option>
+                      <option
+                        value="Japan"
+                        data-provinces="[['Aichi','Aichi'],['Akita','Akita'],['Aomori','Aomori'],['Chiba','Chiba'],['Ehime','Ehime'],['Fukui','Fukui'],['Fukuoka','Fukuoka'],['Fukushima','Fukushima'],['Gifu','Gifu'],['Gunma','Gunma'],['Hiroshima','Hiroshima'],['Hokkaidō','Hokkaido'],['Hyōgo','Hyogo'],['Ibaraki','Ibaraki'],['Ishikawa','Ishikawa'],['Iwate','Iwate'],['Kagawa','Kagawa'],['Kagoshima','Kagoshima'],['Kanagawa','Kanagawa'],['Kumamoto','Kumamoto'],['Kyōto','Kyoto'],['Kōchi','Kochi'],['Mie','Mie'],['Miyagi','Miyagi'],['Miyazaki','Miyazaki'],['Nagano','Nagano'],['Nagasaki','Nagasaki'],['Nara','Nara'],['Niigata','Niigata'],['Okayama','Okayama'],['Okinawa','Okinawa'],['Saga','Saga'],['Saitama','Saitama'],['Shiga','Shiga'],['Shimane','Shimane'],['Shizuoka','Shizuoka'],['Tochigi','Tochigi'],['Tokushima','Tokushima'],['Tottori','Tottori'],['Toyama','Toyama'],['Tōkyō','Tokyo'],['Wakayama','Wakayama'],['Yamagata','Yamagata'],['Yamaguchi','Yamaguchi'],['Yamanashi','Yamanashi'],['Ōita','Oita'],['Ōsaka','Osaka']]"
+                      >
+                        Japan
+                      </option>
+                      <option
+                        value="Malaysia"
+                        data-provinces="[['Johor','Johor'],['Kedah','Kedah'],['Kelantan','Kelantan'],['Kuala Lumpur','Kuala Lumpur'],['Labuan','Labuan'],['Melaka','Malacca'],['Negeri Sembilan','Negeri Sembilan'],['Pahang','Pahang'],['Penang','Penang'],['Perak','Perak'],['Perlis','Perlis'],['Putrajaya','Putrajaya'],['Sabah','Sabah'],['Sarawak','Sarawak'],['Selangor','Selangor'],['Terengganu','Terengganu']]"
+                      >
+                        Malaysia
+                      </option>
+                      <option value="Netherlands" data-provinces="[]">
+                        Netherlands
+                      </option>
+                      <option
+                        value="New Zealand"
+                        data-provinces="[['Auckland','Auckland'],['Bay of Plenty','Bay of Plenty'],['Canterbury','Canterbury'],['Chatham Islands','Chatham Islands'],['Gisborne','Gisborne'],['Hawke's Bay','Hawke’s Bay'],['Manawatu-Wanganui','Manawatū-Whanganui'],['Marlborough','Marlborough'],['Nelson','Nelson'],['Northland','Northland'],['Otago','Otago'],['Southland','Southland'],['Taranaki','Taranaki'],['Tasman','Tasman'],['Waikato','Waikato'],['Wellington','Wellington'],['West Coast','West Coast']]"
+                      >
+                        New Zealand
+                      </option>
+                      <option value="Norway" data-provinces="[]">
+                        Norway
+                      </option>
+                      <option value="Poland" data-provinces="[]">
+                        Poland
+                      </option>
+                      <option
+                        value="Portugal"
+                        data-provinces="[['Aveiro','Aveiro'],['Açores','Azores'],['Beja','Beja'],['Braga','Braga'],['Bragança','Bragança'],['Castelo Branco','Castelo Branco'],['Coimbra','Coimbra'],['Faro','Faro'],['Guarda','Guarda'],['Leiria','Leiria'],['Lisboa','Lisbon'],['Madeira','Madeira'],['Portalegre','Portalegre'],['Porto','Porto'],['Santarém','Santarém'],['Setúbal','Setúbal'],['Viana do Castelo','Viana do Castelo'],['Vila Real','Vila Real'],['Viseu','Viseu'],['Évora','Évora']]"
+                      >
+                        Portugal
+                      </option>
+                      <option value="Singapore" data-provinces="[]">
+                        Singapore
+                      </option>
+                      <option
+                        value="South Korea"
+                        data-provinces="[['Busan','Busan'],['Chungbuk','North Chungcheong'],['Chungnam','South Chungcheong'],['Daegu','Daegu'],['Daejeon','Daejeon'],['Gangwon','Gangwon'],['Gwangju','Gwangju City'],['Gyeongbuk','North Gyeongsang'],['Gyeonggi','Gyeonggi'],['Gyeongnam','South Gyeongsang'],['Incheon','Incheon'],['Jeju','Jeju'],['Jeonbuk','North Jeolla'],['Jeonnam','South Jeolla'],['Sejong','Sejong'],['Seoul','Seoul'],['Ulsan','Ulsan']]"
+                      >
+                        South Korea
+                      </option>
+                      <option
+                        value="Spain"
+                        data-provinces="[['A Coruña','A Coruña'],['Albacete','Albacete'],['Alicante','Alicante'],['Almería','Almería'],['Asturias','Asturias Province'],['Badajoz','Badajoz'],['Balears','Balears Province'],['Barcelona','Barcelona'],['Burgos','Burgos'],['Cantabria','Cantabria Province'],['Castellón','Castellón'],['Ceuta','Ceuta'],['Ciudad Real','Ciudad Real'],['Cuenca','Cuenca'],['Cáceres','Cáceres'],['Cádiz','Cádiz'],['Córdoba','Córdoba'],['Girona','Girona'],['Granada','Granada'],['Guadalajara','Guadalajara'],['Guipúzcoa','Gipuzkoa'],['Huelva','Huelva'],['Huesca','Huesca'],['Jaén','Jaén'],['La Rioja','La Rioja Province'],['Las Palmas','Las Palmas'],['León','León'],['Lleida','Lleida'],['Lugo','Lugo'],['Madrid','Madrid Province'],['Melilla','Melilla'],['Murcia','Murcia'],['Málaga','Málaga'],['Navarra','Navarra'],['Ourense','Ourense'],['Palencia','Palencia'],['Pontevedra','Pontevedra'],['Salamanca','Salamanca'],['Santa Cruz de Tenerife','Santa Cruz de Tenerife'],['Segovia','Segovia'],['Sevilla','Seville'],['Soria','Soria'],['Tarragona','Tarragona'],['Teruel','Teruel'],['Toledo','Toledo'],['Valencia','Valencia'],['Valladolid','Valladolid'],['Vizcaya','Biscay'],['Zamora','Zamora'],['Zaragoza','Zaragoza'],['Álava','Álava'],['Ávila','Ávila']]"
+                      >
+                        Spain
+                      </option>
+                      <option value="Sweden" data-provinces="[]">
+                        Sweden
+                      </option>
+                      <option value="Switzerland" data-provinces="[]">
+                        Switzerland
+                      </option>
+                      <option
+                        value="United Arab Emirates"
+                        data-provinces="[['Abu Dhabi','Abu Dhabi'],['Ajman','Ajman'],['Dubai','Dubai'],['Fujairah','Fujairah'],['Ras al-Khaimah','Ras al-Khaimah'],['Sharjah','Sharjah'],['Umm al-Quwain','Umm al-Quwain']]"
+                      >
+                        United Arab Emirates
+                      </option>
+                      <option
+                        value="United Kingdom"
+                        data-provinces="[['British Forces','British Forces'],['England','England'],['Northern Ireland','Northern Ireland'],['Scotland','Scotland'],['Wales','Wales']]"
+                      >
+                        United Kingdom
+                      </option>
+                      <option value="Vietnam" data-provinces="[]">
+                        Vietnam
+                      </option>
+                    </select>
+                  </div>
+                  <div className="grid-2 mb_24">
+                    <fieldset>
+                      <input
+                        type="text"
+                        placeholder="First name"
+                        id="first-name"
+                        className="rounded-cycle"
+                        required
+                      />
+                    </fieldset>
+                    <fieldset>
+                      <input
+                        type="text"
+                        placeholder="Last name"
+                        id="last-name"
+                        className="rounded-cycle"
+                        required
+                      />
+                    </fieldset>
+                  </div>
+                  <fieldset className="mb_22">
+                    <input
+                      type="text"
+                      placeholder="Address"
+                      id="address"
+                      className="rounded-cycle"
+                      required
+                    />
+                  </fieldset>
+                  <a href="#" className="link text-body-2 mb_18">
+                    + Add apartment, suit, etc.
+                  </a>
+                  <div className="grid-2 mb_24">
+                    <fieldset>
+                      <input
+                        type="text"
+                        placeholder="City"
+                        id="city"
+                        className="rounded-cycle"
+                        required
+                      />
+                    </fieldset>
+                    <div className="tf-select-tranform-lable">
+                      <span className="select-label">State</span>
+                      <select name="region-choose" id="state">
+                        <option />
+                        <option value="California">California</option>
+                        <option value="Alabama">Alabam</option>
+                        <option value="Alaska">Alaska</option>
+                        <option value="Arizona">Arizona</option>
+                        <option value="Arkansas">Arkansas</option>
+                        <option value="Florida">Florida</option>
+                        <option value="Georgia">Georgia</option>
+                        <option value="Hawaii">Hawaii</option>
+                        <option value="Washington">Washington</option>
+                        <option value="Texas">Texas</option>
+                        <option value="Iowa">Iowa</option>
+                        <option value="Nevada">Nevada</option>
+                        <option value="Illinois">Illinois</option>
+                      </select>
+                    </div>
+                  </div>
+                  <div className="grid-2">
+                    <fieldset>
+                      <input
+                        type="text"
+                        placeholder="Zip Code"
+                        id="zip-code"
+                        className="rounded-cycle"
+                        required
+                      />
+                    </fieldset>
+                    <fieldset>
+                      <input
+                        type="number"
+                        placeholder="Phone (optional)"
+                        id="phone"
+                        className="rounded-cycle"
+                        required
+                      />
+                    </fieldset>
+                  </div>
+                </div>
+                <div className="mb_33">
+                  <h6 className="title mb_16">Payment options</h6>
+                  <div className="notification d-flex gap_16">
+                    <div className="icon">
+                      <i className="icon-info-circle-solid" />
+                    </div>
+                    <p className="text-body-2 text_mono-gray-6">
+                      There are no payment methods available. This may be an
+                      error on our side. Please contact us if you need any
+                      <br />
+                      help placing your order.
+                    </p>
+                  </div>
+                </div>
+                <div className="bot">
+                  <div className="align-items-center d-flex gap_8 mb_29">
+                    <fieldset className="fieldset-item">
+                      <input
+                        type="checkbox"
+                        name="brand"
+                        className="tf-check"
+                        id="add"
+                        defaultChecked=""
+                      />
+                    </fieldset>
+                    <label className="h6" htmlFor="add">
+                      Add a note to your order
+                    </label>
+                  </div>
+                  <p className="text-body-2 mb_41">
+                    By proceeding with your purchase you agree to our Terms and
+                    Conditions and Privacy Policy
+                  </p>
+                  <div className="wrap-btn d-flex align-items-center justify-content-between">
+                    <Link
+                      href={`/cart`}
+                      className="link d-flex align-items-center gap_20 text-body-1"
+                    >
+                      <i className="icon-long-arrow-alt-left-solid" />
+                      Back to cart
+                    </Link>
+                    <a href="#" className="tf-btn btn-primary2 height-2">
+                      <span>Place Order</span>
+                      <span className="bg-effect" />
+                    </a>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+          <div className="col-md-4">
+            <div className="cart-totals v2">
+              <h2 className="title">Cart totals</h2>
+              <div className="wrap-info">
+                {cartProducts.map((product, i) => (
+                  <div key={i} className="info sub-heading d-flex">
+                    <div className="name">{product.title}</div>
+                    <span>x{product.quantity}</span>{" "}
+                    <div className="price sub-heading">
+                      ${(product.price * product.quantity).toFixed(2)}
+                    </div>
+                  </div>
+                ))}
+              </div>
+              <DropdownSelect
+                defaultOption={"Add a coupon"}
+                options={["coupon 10%", "coupon 20%"]}
+                addtionalParentClass="h6 text_black px-0"
+              />
+              <div className="sub-total d-flex justify-content-between align-items-center h6">
+                <span>Discount</span>
+                <span>-{totalPrice ? "$1.796" : 0}</span>
+              </div>
+              <div className="total h4 d-flex justify-content-between align-items-center">
+                <span>Total</span>
+                <span>${totalPrice ? (totalPrice - 1.796).toFixed(2) : 0}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/shop/CommentBox.jsx b/components/shop/CommentBox.jsx
new file mode 100644
index 0000000..9f17bd2
--- /dev/null
+++ b/components/shop/CommentBox.jsx
@@ -0,0 +1,65 @@
+"use client";
+
+export default function CommentBox() {
+  return (
+    <form className="form-leave-comment" onSubmit={(e) => e.preventDefault()}>
+      <div className="wrap">
+        <fieldset className="">
+          <textarea
+            className=""
+            rows={4}
+            placeholder="Comment*"
+            tabIndex={2}
+            aria-required="true"
+            required
+            defaultValue={""}
+          />
+        </fieldset>
+        <div className="tf-grid-layout md-col-3">
+          <fieldset className="">
+            <input
+              className=""
+              type="text"
+              placeholder="Name*"
+              name="text"
+              tabIndex={2}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+          <fieldset className="">
+            <input
+              className=""
+              type="email"
+              placeholder="Email*"
+              name="email"
+              tabIndex={2}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+          <fieldset className="">
+            <input
+              className=""
+              type="text"
+              placeholder="Website*"
+              name="website"
+              tabIndex={2}
+              defaultValue=""
+              aria-required="true"
+              required
+            />
+          </fieldset>
+        </div>
+      </div>
+      <div className="button-submit mt_32">
+        <button className="tf-btn btn-primary2" type="submit">
+          <span> Post Comment</span>
+          <span className="bg-effect" />
+        </button>
+      </div>
+    </form>
+  );
+}
diff --git a/components/shop/FilteringOptions.jsx b/components/shop/FilteringOptions.jsx
new file mode 100644
index 0000000..bed75e0
--- /dev/null
+++ b/components/shop/FilteringOptions.jsx
@@ -0,0 +1,137 @@
+"use client";
+import Slider from "rc-slider";
+const brands = ["apple", "samsung", "xiaomi", "nokia", "sony", "oppo"];
+
+export default function FilteringOptions({ allProps }) {
+  return (
+    <>
+      {" "}
+      <form className="form-search mb_30" onSubmit={(e) => e.preventDefault()}>
+        <fieldset className="text">
+          <input
+            type="text"
+            placeholder="Search..."
+            className="rounded-cycle"
+            name="search"
+            tabIndex={0}
+            defaultValue=""
+            aria-required="true"
+            required
+          />
+        </fieldset>
+        <button className="" type="submit">
+          <svg
+            width={20}
+            height={20}
+            viewBox="0 0 20 20"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M11.875 1.875C8.43018 1.875 5.625 4.68018 5.625 8.125C5.625 9.62158 6.1499 10.9937 7.03125 12.0703L2.05078 17.0508L2.94922 17.9492L7.92969 12.9688C9.00635 13.8501 10.3784 14.375 11.875 14.375C15.3198 14.375 18.125 11.5698 18.125 8.125C18.125 4.68018 15.3198 1.875 11.875 1.875ZM11.875 3.125C14.6436 3.125 16.875 5.35645 16.875 8.125C16.875 10.8936 14.6436 13.125 11.875 13.125C9.10645 13.125 6.875 10.8936 6.875 8.125C6.875 5.35645 9.10645 3.125 11.875 3.125Z"
+              fill="#5F697C"
+            />
+          </svg>
+        </button>
+      </form>
+      <div className="categories">
+        <h6 className="title mb_26">Categories</h6>
+        <ul className="list d-grid gap_9">
+          <li className="active">
+            <a href="#" className="link text-body-1">
+              Phone, Tablet
+            </a>
+          </li>
+          <li>
+            <a href="#" className="link text-body-1">
+              Sound
+            </a>
+          </li>
+          <li>
+            <a href="#" className="link text-body-1">
+              Clock, Camera
+            </a>
+          </li>
+          <li>
+            <a href="#" className="link text-body-1">
+              Household appliances
+            </a>
+          </li>
+          <li>
+            <a href="#" className="link text-body-1">
+              Accessory
+            </a>
+          </li>
+        </ul>
+      </div>
+      <div className="filter mb_42">
+        <div className="heading d-flex align-items-center justify-content-between mb_50">
+          <h6 className="">Fillters</h6>
+          <a
+            href="#"
+            onClick={(e) => {
+              e.preventDefault();
+              allProps.clearFilter();
+            }}
+            className="btn-reset text_mono-gray-7 d-flex align-items-center fw-5 gap_4"
+          >
+            <i className="icon-sync-alt-solid" />
+            Reset all
+          </a>
+        </div>
+        <div className="brand wg-filter">
+          <div className="box-fieldset-item">
+            {brands.map((brand, index) => (
+              <fieldset
+                onClick={() => allProps.setBrands(brand)}
+                className="fieldset-item"
+                key={brand}
+              >
+                <input
+                  checked={allProps.brands.includes(brand)}
+                  type="checkbox"
+                  name="brand"
+                  readOnly
+                  className="tf-check"
+                />
+                <label className="text_mono-gray text-body-1">
+                  {brand.charAt(0).toUpperCase() + brand.slice(1)}
+                </label>
+              </fieldset>
+            ))}
+          </div>
+        </div>
+      </div>
+      <div className="wrap-range">
+        <div id="range-price-1" className="range-price">
+          <h6 className="title text_mono-gray mb_55">Price Range</h6>
+          <div className="box-price-product mb_33">
+            <div className="box-price-item min">
+              <div className="price-val" id="price-min-value" data-currency="$">
+                {allProps.price[0]}
+              </div>
+            </div>
+            <div className="box-price-item max">
+              <div className="price-val" id="price-max-value" data-currency="$">
+                {allProps.price[1]}
+              </div>
+            </div>
+            <a href="#" className="btn-go">
+              {" "}
+              Go{" "}
+            </a>
+          </div>
+          <div className="price-val-range" id="price-value-range">
+            <Slider
+              value={allProps.price}
+              onChange={(price) => allProps.setPrice(price)}
+              range
+              min={0}
+              max={700}
+            />
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/components/shop/RelatedProducts.jsx b/components/shop/RelatedProducts.jsx
new file mode 100644
index 0000000..ec5303a
--- /dev/null
+++ b/components/shop/RelatedProducts.jsx
@@ -0,0 +1,115 @@
+"use client";
+import { products } from "@/data/products";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import Link from "next/link";
+import Image from "next/image";
+import { Pagination } from "swiper/modules";
+import { useContextElement } from "@/context/Context";
+export default function RelatedProducts() {
+  const { addProductToCart, isAddedToCartProducts } = useContextElement();
+
+  return (
+    <div className="section-related tf-spacing-38">
+      <div className="tf-container">
+        <div className="heading-section mb_32 d-flex justify-content-between mb_104">
+          <h3 className="">Related products</h3>
+          <Link href={`/shop`} className="tf-btn btn-primary2">
+            <span>See All</span>
+            <span className="bg-effect" />
+          </Link>
+        </div>
+        <Swiper
+          className="swiper sw-layout"
+          breakpoints={{
+            0: { slidesPerView: 2 },
+            575: {
+              slidesPerView: 2,
+            },
+            768: {
+              slidesPerView: 2,
+              spaceBetween: 20,
+            },
+            992: {
+              slidesPerView: 4,
+              spaceBetween: 24,
+            },
+          }}
+          spaceBetween={15}
+          modules={[Pagination]}
+          pagination={{
+            clickable: true,
+            el: ".spd13",
+          }}
+        >
+          {products.map((product, i) => (
+            <SwiperSlide key={i} className="swiper-slide">
+              <div className="product-item hover-image">
+                <Link
+                  href={`/product-details/${product.id}`}
+                  className="img-style"
+                >
+                  <Image
+                    className="lazyload"
+                    alt="item"
+                    src={product.imgSrc}
+                    width={product.width}
+                    height={product.height}
+                  />
+                </Link>
+                <div className="content">
+                  <div className="info">
+                    <div className="text-body-1 product-name mb_8">
+                      <Link
+                        href={`/product-details/${product.id}`}
+                        className="link"
+                      >
+                        {product.title}
+                      </Link>
+                    </div>
+                    <h6 className="price d-flex gap_10">
+                      {product.oldPrice ? (
+                        <>
+                          <span className="new-price">
+                            $
+                            {product.price.toFixed(
+                              product.price % 1 === 0 ? 0 : 2
+                            )}
+                          </span>
+                          <span className="old-price sub-heading">
+                            $
+                            {product.oldPrice.toFixed(
+                              product.oldPrice % 1 === 0 ? 0 : 2
+                            )}
+                          </span>
+                        </>
+                      ) : (
+                        `$${product.price.toFixed(
+                          product.price % 1 === 0 ? 0 : 2
+                        )}`
+                      )}
+                    </h6>
+                  </div>
+                  <a
+                    href="#"
+                    onClick={(e) => {
+                      e.preventDefault();
+                      addProductToCart(product.id);
+                    }}
+                    className={`add-cart ${
+                      isAddedToCartProducts(product.id) ? "cart-added" : ""
+                    }`}
+                  >
+                    <i className="icon-shopping-cart-solid" />
+                  </a>
+                </div>
+              </div>
+            </SwiperSlide>
+          ))}
+
+          <div className="sw-dots sw-pagination-layout d-flex justify-content-center mt_22 spd13" />
+        </Swiper>
+      </div>
+    </div>
+  );
+}
diff --git a/components/shop/Shop.jsx b/components/shop/Shop.jsx
new file mode 100644
index 0000000..bd88526
--- /dev/null
+++ b/components/shop/Shop.jsx
@@ -0,0 +1,472 @@
+"use client";
+import { products } from "@/data/products";
+import React, { useEffect, useReducer } from "react";
+import Image from "next/image";
+import FilteringOptions from "./FilteringOptions";
+import Link from "next/link";
+import { initialState, reducer } from "@/reducer/FilterReducer";
+import { useContextElement } from "@/context/Context";
+export default function Shop() {
+  const { addProductToCart, isAddedToCartProducts } = useContextElement();
+
+  const [state, dispatch] = useReducer(reducer, initialState);
+  const {
+    price,
+
+    brands,
+
+    filtered,
+    sortingOption,
+    sorted,
+
+    currentPage,
+    itemPerPage,
+  } = state;
+
+  const allProps = {
+    ...state,
+    setPrice: (value) => dispatch({ type: "SET_PRICE", payload: value }),
+
+    setBrands: (newBrand) => {
+      let newBrands = [...brands];
+      if (newBrands.includes(newBrand)) {
+        newBrands = newBrands.filter((brand) => brand != newBrand);
+      } else {
+        newBrands = [...newBrands, newBrand];
+      }
+      console.log(newBrands);
+      dispatch({ type: "SET_BRANDS", payload: newBrands });
+    },
+
+    setSortingOption: (value) =>
+      dispatch({ type: "SET_SORTING_OPTION", payload: value }),
+
+    setCurrentPage: (value) =>
+      dispatch({ type: "SET_CURRENT_PAGE", payload: value }),
+    setItemPerPage: (value) => {
+      dispatch({ type: "SET_CURRENT_PAGE", payload: 1 }),
+        dispatch({ type: "SET_ITEM_PER_PAGE", payload: value });
+    },
+    clearFilter: () => {
+      dispatch({ type: "CLEAR_FILTER" });
+    },
+  };
+
+  useEffect(() => {
+    let filteredArrays = [];
+
+    if (brands.length) {
+      const filteredByBrands = [...products].filter((elm) =>
+        brands.every((brand) => elm.filterBrands.includes(brand))
+      );
+      filteredArrays = [...filteredArrays, filteredByBrands];
+    }
+
+    const filteredByPrice = [...products].filter(
+      (elm) => elm.price >= price[0] && elm.price <= price[1]
+    );
+    filteredArrays = [...filteredArrays, filteredByPrice];
+
+    const commonItems = [...products].filter((item) =>
+      filteredArrays.every((array) => array.includes(item))
+    );
+    dispatch({ type: "SET_FILTERED", payload: commonItems });
+  }, [price, brands]);
+
+  useEffect(() => {
+    if (sortingOption === "Price Ascending") {
+      dispatch({
+        type: "SET_SORTED",
+        payload: [...filtered].sort((a, b) => a.price - b.price),
+      });
+    } else if (sortingOption === "Price Descending") {
+      dispatch({
+        type: "SET_SORTED",
+        payload: [...filtered].sort((a, b) => b.price - a.price),
+      });
+    } else if (sortingOption === "Title Ascending") {
+      dispatch({
+        type: "SET_SORTED",
+        payload: [...filtered].sort((a, b) => a.title.localeCompare(b.title)),
+      });
+    } else if (sortingOption === "Title Descending") {
+      dispatch({
+        type: "SET_SORTED",
+        payload: [...filtered].sort((a, b) => b.title.localeCompare(a.title)),
+      });
+    } else {
+      dispatch({ type: "SET_SORTED", payload: filtered });
+    }
+    dispatch({ type: "SET_CURRENT_PAGE", payload: 1 });
+  }, [filtered, sortingOption]);
+  return (
+    <div className="tf-spacing-41">
+      <div className="tf-container">
+        <div className="wrap-shop">
+          <div className="row">
+            <div className="col-xl-8">
+              <div className="left">
+                <div className="top mb_92">
+                  <div className="text_mono-gray-8 text-body-1 result-count">
+                    Showing 1–6 of 8 results
+                  </div>
+                  <div className="wrap d-flex">
+                    <div className="wrap-sort">
+                      <div className="text_mono-gray-8 text-body-1">
+                        Sort by
+                      </div>
+                      <div
+                        className="tf-dropdown-sort"
+                        role="button"
+                        data-bs-toggle="dropdown"
+                        aria-expanded="false"
+                      >
+                        <div className="btn-select">
+                          <span className="text-body-3 text-sort-value">
+                            {sortingOption}
+                          </span>
+                          <span className="icon icon-angle-down-solid" />
+                        </div>
+                        <div className="dropdown-menu">
+                          {[
+                            "Sort by (Default)",
+                            "Title Ascending",
+                            "Title Descending",
+                            "Price Ascending",
+                            "Price Descending",
+                          ].map((elm, i) => (
+                            <div
+                              key={i}
+                              className={`select-item ${
+                                sortingOption == elm ? "active" : ""
+                              }`}
+                              onClick={() => allProps.setSortingOption(elm)}
+                              data-sort-value="best-selling"
+                            >
+                              <span className="text-body-3 text-value-item">
+                                {elm}
+                              </span>
+                            </div>
+                          ))}
+                        </div>
+                      </div>
+                    </div>
+                    <div className="wrap-layout">
+                      <ul
+                        className="nav-tab-filter group-layout"
+                        role="tablist"
+                      >
+                        <li className="nav-tab-item" role="presentation">
+                          <a
+                            href="#gridLayout"
+                            className="btn-layout grid nav-link-item active"
+                            data-bs-toggle="tab"
+                          >
+                            <svg
+                              width={22}
+                              height={22}
+                              viewBox="0 0 22 22"
+                              fill="none"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M0.611328 7.94444H21.3891M21.3891 14.6667H0.611328"
+                                stroke="black"
+                              />
+                              <rect
+                                x="0.5"
+                                y="0.5"
+                                width={21}
+                                height={21}
+                                stroke="black"
+                              />
+                              <path d="M7.33398 0V20.7778" stroke="black" />
+                              <path d="M14.666 0V20.7778" stroke="black" />
+                            </svg>
+                          </a>
+                        </li>
+                        <li className="nav-tab-item" role="presentation">
+                          <a
+                            href="#listLayout"
+                            className="nav-link-item btn-layout list"
+                            data-bs-toggle="tab"
+                          >
+                            <svg
+                              width={22}
+                              height={22}
+                              viewBox="0 0 22 22"
+                              fill="none"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M4.88867 4.8889H21.3887"
+                                stroke="black"
+                              />
+                              <circle
+                                cx="1.22222"
+                                cy="4.88889"
+                                r="0.722222"
+                                fill="#D9D9D9"
+                                stroke="black"
+                              />
+                              <path d="M4.88867 11H21.3887" stroke="black" />
+                              <path
+                                d="M1.94444 11C1.94444 11.3989 1.62109 11.7222 1.22222 11.7222C0.82335 11.7222 0.5 11.3989 0.5 11C0.5 10.6011 0.82335 10.2778 1.22222 10.2778C1.62109 10.2778 1.94444 10.6011 1.94444 11Z"
+                                fill="#D9D9D9"
+                                stroke="black"
+                              />
+                              <path
+                                d="M4.88867 17.1111H21.3887"
+                                stroke="black"
+                              />
+                              <path
+                                d="M1.94444 17.1111C1.94444 17.51 1.62109 17.8333 1.22222 17.8333C0.82335 17.8333 0.5 17.51 0.5 17.1111C0.5 16.7122 0.82335 16.3889 1.22222 16.3889C1.62109 16.3889 1.94444 16.7122 1.94444 17.1111Z"
+                                fill="#D9D9D9"
+                                stroke="black"
+                              />
+                            </svg>
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+                <div className="flat-animate-tab">
+                  <div className="tab-content">
+                    <div
+                      className="tab-pane active show"
+                      id="gridLayout"
+                      role="tabpanel"
+                    >
+                      <div className="tf-grid-layout-2 md-col-3">
+                        {sorted.map((product) => (
+                          <div
+                            className="product-item hover-image"
+                            key={product.id}
+                          >
+                            <Link
+                              href={`/product-details/${product.id}`}
+                              className="img-style"
+                            >
+                              <Image
+                                className="lazyload"
+                                data-src={product.imgSrc}
+                                alt="item"
+                                src={product.imgSrc}
+                                width={product.width}
+                                height={product.height}
+                              />
+                            </Link>
+                            <div className="content">
+                              <div className="info">
+                                <div className="text-body-1 product-name mb_8">
+                                  <Link
+                                    href={`/product-details/${product.id}`}
+                                    className="link"
+                                  >
+                                    {product.title}
+                                  </Link>
+                                </div>
+                                <div className="h6 price d-flex gap_10">
+                                  {product.oldPrice ? (
+                                    <>
+                                      <span className="new-price">
+                                        $
+                                        {product.price.toFixed(
+                                          product.price % 1 === 0 ? 0 : 2
+                                        )}
+                                      </span>
+                                      <span className="old-price sub-heading">
+                                        $
+                                        {product.oldPrice.toFixed(
+                                          product.oldPrice % 1 === 0 ? 0 : 2
+                                        )}
+                                      </span>
+                                    </>
+                                  ) : (
+                                    `$${product.price.toFixed(
+                                      product.price % 1 === 0 ? 0 : 2
+                                    )}`
+                                  )}
+                                </div>
+                              </div>
+                              <a
+                                href="#"
+                                onClick={(e) => {
+                                  e.preventDefault();
+                                  addProductToCart(product.id);
+                                }}
+                                className={`add-cart ${
+                                  isAddedToCartProducts(product.id)
+                                    ? "cart-added"
+                                    : ""
+                                }`}
+                              >
+                                <i className="icon-shopping-cart-solid" />
+                              </a>
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                      <ul className="wg-pagination d-flex justify-content-center gap_12 mt_58">
+                        <li>
+                          <a href="#">
+                            <i className="icon-angle-left-solid" />
+                          </a>
+                        </li>
+                        <li>
+                          <a href="#" className="active">
+                            1
+                          </a>
+                        </li>
+                        <li>
+                          <a href="#">...</a>
+                        </li>
+                        <li>
+                          <a href="#">4</a>
+                        </li>
+                        <li>
+                          <a href="#">
+                            <i className="icon-angle-right-solid" />
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div className="tab-pane" id="listLayout" role="tabpanel">
+                      <div className="wrap-list d-flex gap-16 flex-direction-column">
+                        {sorted.map((product, i) => (
+                          <div
+                            key={i}
+                            className="product-item hover-image style-list"
+                          >
+                            <Link
+                              href={`/product-details/${product.id}`}
+                              className="img-style"
+                            >
+                              <Image
+                                className="lazyload"
+                                alt="item"
+                                src={product.imgSrc}
+                                width={product.width}
+                                height={product.height}
+                              />
+                            </Link>
+                            <div className="content">
+                              <div className="info">
+                                <div className="text-body-1 product-name mb_8">
+                                  <Link
+                                    href={`/product-details/${product.id}`}
+                                    className="link"
+                                  >
+                                    {product.title}
+                                  </Link>
+                                </div>
+                                <div className="h6 price d-flex gap_10">
+                                  {product.oldPrice ? (
+                                    <>
+                                      <span className="new-price">
+                                        $
+                                        {product.price.toFixed(
+                                          product.price % 1 === 0 ? 0 : 2
+                                        )}
+                                      </span>
+                                      <span className="old-price sub-heading">
+                                        $
+                                        {product.oldPrice.toFixed(
+                                          product.oldPrice % 1 === 0 ? 0 : 2
+                                        )}
+                                      </span>
+                                    </>
+                                  ) : (
+                                    `$${product.price.toFixed(
+                                      product.price % 1 === 0 ? 0 : 2
+                                    )}`
+                                  )}
+                                </div>
+                              </div>
+                              <div className="list-product-btn">
+                                <a
+                                  onClick={(e) => {
+                                    e.preventDefault();
+                                    addProductToCart(product.id);
+                                  }}
+                                  className="add-cart"
+                                  href="#"
+                                >
+                                  {isAddedToCartProducts(product.id)
+                                    ? "Already Added"
+                                    : "Add to Cart"}
+                                </a>
+                                <a
+                                  href="#"
+                                  className="box-icon wishlist btn-icon-action"
+                                >
+                                  <span className="icon icon-heart" />
+                                  <span className="tooltip">Wishlist</span>
+                                </a>
+                                <a
+                                  href="#"
+                                  className="box-icon quickview tf-btn-loading"
+                                >
+                                  <span className="icon icon-eye" />
+                                  <span className="tooltip">Quick View</span>
+                                </a>
+                              </div>
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                      <ul className="wg-pagination d-flex justify-content-center gap_12 mt_58">
+                        <li>
+                          <a href="#">
+                            <i className="icon-angle-left-solid" />
+                          </a>
+                        </li>
+                        <li>
+                          <a href="#" className="active">
+                            1
+                          </a>
+                        </li>
+                        <li>
+                          <a href="#">...</a>
+                        </li>
+                        <li>
+                          <a href="#">4</a>
+                        </li>
+                        <li>
+                          <a href="#">
+                            <i className="icon-angle-right-solid" />
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-xl-4">
+              <div className="right">
+                <div className="sildebar-fiiler canvas-filter">
+                  <div className="canvas-wrapper">
+                    <div className="canvas-header d-flex d-xl-none">
+                      <h5 className="">
+                        <span className="icon icon-filter" />
+                        Filters
+                      </h5>
+                      <div className="close-filter">
+                        <span className="icon-times-solid" />
+                      </div>
+                    </div>
+                    <div className="canvas-body">
+                      <FilteringOptions allProps={allProps} />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/shop/ShopCart.jsx b/components/shop/ShopCart.jsx
new file mode 100644
index 0000000..7f4ef5e
--- /dev/null
+++ b/components/shop/ShopCart.jsx
@@ -0,0 +1,173 @@
+"use client";
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { useContextElement } from "@/context/Context";
+import DropdownSelect from "../common/DropdownSelect";
+export default function ShopCart() {
+  const {
+    cartProducts,
+    setCartProducts,
+    totalPrice,
+
+    updateQuantity,
+  } = useContextElement();
+
+  const removeItem = (id) => {
+    setCartProducts((pre) => [...pre.filter((elm) => elm.id != id)]);
+  };
+  return (
+    <div className="cart-product tf-spacing-39">
+      <div className="tf-container">
+        <div className="row">
+          <div className="col-md-8">
+            <div className="left">
+              <h2 className="title">Products</h2>
+              <div className="tf-product-cart-wrap tf-cart-item">
+                {cartProducts.length ? (
+                  <>
+                    {cartProducts.map((product, i) => (
+                      <div key={i} className="tf-cart-item_product file-delete">
+                        <div className="product-item style-cart hover-image">
+                          <fieldset className="fieldset-item">
+                            <input
+                              type="checkbox"
+                              name="brand"
+                              className="tf-check"
+                            />
+                          </fieldset>
+                          <Link
+                            href={`/product-details/${product.id}`}
+                            className="img-style"
+                          >
+                            <Image
+                              className="lazyload"
+                              alt="item"
+                              src={product.imgSrc}
+                              width={263}
+                              height={220}
+                            />
+                          </Link>
+                          <div className="content">
+                            <div className="info">
+                              <div className="h5 product-name line-clamp-2 mb_16">
+                                <Link
+                                  href={`/product-details/${product.id}`}
+                                  className="link"
+                                >
+                                  {product.title}
+                                </Link>
+                              </div>
+                              <div className="price d-flex gap_10 mb_33">
+                                <span className="new-price h5">
+                                  ${product.price.toFixed(2)}
+                                </span>
+                                {product.oldPrice && (
+                                  <span className="old-price h6">
+                                    ${product.oldPrice.toFixed(2)}
+                                  </span>
+                                )}
+                              </div>
+                              <div className="tf-product-info-quantity">
+                                <div className="wg-quantity">
+                                  <span
+                                    className="btn-quantity btn-decrease"
+                                    onClick={() =>
+                                      updateQuantity(
+                                        product.id,
+                                        product.quantity - 1
+                                      )
+                                    }
+                                  >
+                                    -
+                                  </span>
+                                  <input
+                                    className="quantity-product"
+                                    type="text"
+                                    name="number"
+                                    readOnly
+                                    value={product.quantity}
+                                  />
+                                  <span
+                                    className="btn-quantity btn-increase"
+                                    onClick={() =>
+                                      updateQuantity(
+                                        product.id,
+                                        product.quantity + 1
+                                      )
+                                    }
+                                  >
+                                    +
+                                  </span>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          onClick={() => removeItem(product.id)}
+                          className="remove-cart"
+                        >
+                          <span className="remove icon-times-solid" />
+                        </div>
+                      </div>
+                    ))}
+                  </>
+                ) : (
+                  <div className="">
+                    <div className="col-4">
+                      Your Cart is empty. Start adding favorite products to
+                      cart!{" "}
+                    </div>
+                    <Link
+                      className="tf-btn mt-4 mb-3 text-white"
+                      style={{ width: "fit-content" }}
+                      href="/shop"
+                    >
+                      Explore Products
+                    </Link>
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+          <div className="col-md-4">
+            <div className="cart-totals">
+              <h2 className="title">Cart totals</h2>
+              {cartProducts.map((product, i) => (
+                <div key={i} className="info sub-heading d-flex">
+                  <div className="name">{product.title}</div>
+                  <span>x{product.quantity}</span>{" "}
+                  <div className="price sub-heading">
+                    ${(product.price * product.quantity).toFixed(2)}
+                  </div>
+                </div>
+              ))}
+
+              <DropdownSelect
+                defaultOption={"Add a coupon"}
+                options={["coupon 10%", "coupon 20%"]}
+                addtionalParentClass="h6 text_black px-0"
+              />
+              <div className="sub-total d-flex justify-content-between align-items-center h6">
+                <span>Subtotal</span>
+                <span>${totalPrice.toFixed(2)}</span>
+              </div>
+              <div className="total h4 d-flex justify-content-between align-items-center">
+                <span>Total</span>
+                <span>${totalPrice.toFixed(2)}</span>
+              </div>
+              <Link
+                href={`/checkout`}
+                className="tf-btn w-full btn-primary2 height-3"
+              >
+                <span className="text-body-1">Check Out</span>
+                <span className="bg-effect" />
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/shop/ShopDescription.jsx b/components/shop/ShopDescription.jsx
new file mode 100644
index 0000000..0722e46
--- /dev/null
+++ b/components/shop/ShopDescription.jsx
@@ -0,0 +1,299 @@
+"use client";
+import Image from "next/image";
+import CommentBox from "./CommentBox";
+import { useState } from "react";
+export default function ShopDescription() {
+  const [activeTab, setActiveTab] = useState(1);
+  return (
+    <div className="tf-container">
+      <div className="widget-tabs style-1">
+        <ul className="widget-menu-tab overflow-x-auto">
+          <li
+            className={`item-title h5 ${activeTab == 1 ? "active" : ""}`}
+            onClick={() => setActiveTab(1)}
+          >
+            <span className="text-whitespace">Description</span>
+          </li>
+          <li
+            className={`item-title h5 ${activeTab == 2 ? "active" : ""}`}
+            onClick={() => setActiveTab(2)}
+          >
+            <span className="text-whitespace">Reviews (3)</span>
+          </li>
+          <li
+            className={`item-title h5 ${activeTab == 3 ? "active" : ""}`}
+            onClick={() => setActiveTab(3)}
+          >
+            <span className="text-whitespace">Additinal Information</span>
+          </li>
+        </ul>
+        <div className="widget-content-tab">
+          <div
+            className={`widget-content-inner ${
+              activeTab == 1 ? "active" : ""
+            } `}
+          >
+            <div className="tab-description d-grid gap_29">
+              <p className="text-body-1 text_mono-gray-8">
+                The 24-inch iMac M3 2023 has an impressively slim design.
+                Despite being slim, the iMac is also equipped with a diverse
+                connection port system such as Thunderbolt. In terms of color,
+                the 24-inch iMac M3 2023 impresses with seven different color
+                versions for users to choose from: Blue, Green, Pink, Silver,
+                Yellow, Orange and Purple.
+              </p>
+              <p className="text-body-1 text_mono-gray-8">
+                The iMac M3 2023 is equipped with a 24-inch screen with thin
+                screen borders for a wide display space. The screen is equipped
+                with an impressive high resolution of upto 4.5K and a brightness
+                of 500 nits for super sharp display. The device screen is also
+                equipped with a wide color gamut P3, so the details displayed on
+                the screen are extremely vivid
+              </p>
+              <p className="text-body-1 text_mono-gray-8">
+                The 24-inch iMac M3 2023 is equipped with the best camera system
+                compared to previous generations of iMac introduced by Apple.
+                Along with that is an integrated image processor, a processor
+                with the ability to analyze and improve pixels at 1 trillion
+                calculations per second. Thanks to that, the 24-inch iMac M3
+                2023 brings impressive video recording capabilities. In addition
+                to the sharp camera, the 24-inch iMac M3 2023 is also equipped
+                with a microphone that supports effective sound recording.
+                Thanks to that, users can record podcasts or livestreams without
+                the need for supporting equipment. In particular, the microphone
+                on the device is also designed with echo reduction and
+                beamforming technology to effectively reduce ambient noise
+              </p>
+            </div>
+          </div>
+          <div
+            className={`widget-content-inner ${
+              activeTab == 2 ? "active" : ""
+            } `}
+          >
+            <div className="tab-reviews write-cancel-review-wrap">
+              <div className="tab-reviews-heading">
+                <div className="top">
+                  <div className="text-center">
+                    <div className="number text-display">4.9</div>
+                    <div className="ratings justify-content-center">
+                      <i className="icon icon-star-solid" />
+                      <i className="icon icon-star-solid" />
+                      <i className="icon icon-star-solid" />
+                      <i className="icon icon-star-solid" />
+                      <i className="icon icon-star-solid" />
+                    </div>
+                    <p className="text_mono-gray-8">(168 Ratings)</p>
+                  </div>
+                  <div className="rating-score">
+                    <div className="item">
+                      <div className="number-1 text-body-2 text_mono-gray">
+                        5
+                      </div>
+                      <i className="icon icon-star-solid" />
+                      <div className="line-bg">
+                        <div style={{ width: "94.67%" }} />
+                      </div>
+                      <div className="number-2 text-body-2 text_mono-gray">
+                        59
+                      </div>
+                    </div>
+                    <div className="item">
+                      <div className="number-1 text-body-2 text_mono-gray">
+                        4
+                      </div>
+                      <i className="icon icon-star-solid" />
+                      <div className="line-bg">
+                        <div style={{ width: "60%" }} />
+                      </div>
+                      <div className="number-2 text-body-2 text_mono-gray">
+                        46
+                      </div>
+                    </div>
+                    <div className="item">
+                      <div className="number-1 text-body-2 text_mono-gray">
+                        3
+                      </div>
+                      <i className="icon icon-star-solid" />
+                      <div className="line-bg">
+                        <div style={{ width: "0%" }} />
+                      </div>
+                      <div className="number-2 text-body-2 text_mono-gray">
+                        0
+                      </div>
+                    </div>
+                    <div className="item">
+                      <div className="number-1 text-body-2 text_mono-gray">
+                        2
+                      </div>
+                      <i className="icon icon-star-solid" />
+                      <div className="line-bg">
+                        <div style={{ width: "0%" }} />
+                      </div>
+                      <div className="number-2 text-body-2 text_mono-gray">
+                        0
+                      </div>
+                    </div>
+                    <div className="item">
+                      <div className="number-1 text-body-2 text_mono-gray">
+                        1
+                      </div>
+                      <i className="icon icon-star-solid" />
+                      <div className="line-bg">
+                        <div style={{ width: "0%" }} />
+                      </div>
+                      <div className="number-2 text-body-2 text_mono-gray">
+                        0
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="reply-comment style-2">
+                <div className="reply-comment-heading mb_82">
+                  <h2>3 Comments</h2>
+                </div>
+                <div className="wrap-comment">
+                  <div className="reply-comment-wrap">
+                    <div className="reply-comment-item">
+                      <div className="heading mb_15">
+                        <div className="box-user">
+                          <div className="avatar">
+                            <Image
+                              alt="avatar"
+                              src="/images/avatar/avatar-2.jpg"
+                              width={119}
+                              height={119}
+                            />
+                          </div>
+                          <div className="content">
+                            <h5>Kobbie Dao</h5>
+                            <p className="text-body-1 text_mono-gray-5">
+                              September 30, 2023 / 9:30 AM
+                            </p>
+                          </div>
+                        </div>
+                        <a href="#" className="tf-btn btn-primary2">
+                          <span>Reply</span>
+                          <span className="bg-effect" />
+                        </a>
+                      </div>
+                      <div className="comment text-body-1 text_black">
+                        As a web designer myself, I couldn't agree more with the
+                        sentiment that great design should be felt and
+                        remembered long after the screen is turned off.
+                      </div>
+                    </div>
+                    <div className="reply-comment-item type-reply">
+                      <div className="heading mb_35">
+                        <div className="box-user">
+                          <div className="avatar">
+                            <Image
+                              alt="avatar"
+                              src="/images/avatar/avatar-3.jpg"
+                              width={119}
+                              height={119}
+                            />
+                          </div>
+                          <div className="content">
+                            <h5 className="text_black">Zalatan</h5>
+                            <p className="text-body-1 text_mono-gray-5">
+                              September 30, 2023 / 9:30 AM
+                            </p>
+                          </div>
+                        </div>
+                        <a href="#" className="tf-btn btn-primary2">
+                          <span>Reply</span>
+                          <span className="bg-effect" />
+                        </a>
+                      </div>
+                      <div className="comment text-body-1 text_black">
+                        Aute mi ut suspendisse velit leo, vel risus ac. Amet dui
+                        dignissim fermentum malesuada auctor volutpat,
+                        vestibulum ipsum nulla.
+                      </div>
+                    </div>
+                  </div>
+                  <div className="reply-comment-wrap">
+                    <div className="reply-comment-item">
+                      <div className="heading mb_15">
+                        <div className="box-user">
+                          <div className="avatar">
+                            <Image
+                              alt="avatar"
+                              src="/images/avatar/avatar-4.jpg"
+                              width={119}
+                              height={119}
+                            />
+                          </div>
+                          <div className="content">
+                            <h5 className="text_black">Bellingham</h5>
+                            <p className="text-body-1 text_mono-gray-5">
+                              September 30, 2023 / 9:30 AM
+                            </p>
+                          </div>
+                        </div>
+                        <a href="#" className="tf-btn btn-primary2">
+                          <span>Reply</span>
+                          <span className="bg-effect" />
+                        </a>
+                      </div>
+                      <div className="comment text-body-1 text_black">
+                        Aute mi ut suspendisse velit leo, vel risus ac. Amet dui
+                        dignissim fermentum malesuada auctor volutpat,
+                        vestibulum ipsum nulla.
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div className="leave-comment">
+                  <div className="heading-title mb_56">
+                    <h2 className="mb_18">Leave a Reply</h2>
+                    <p className="text-body-1 text_mono-gray letter-spacing-1">
+                      Your email address will not be published. Require field
+                      are marked <span>*</span>
+                    </p>
+                  </div>
+                  <CommentBox />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            className={`widget-content-inner ${
+              activeTab == 3 ? "active" : ""
+            } `}
+          >
+            <div className="tab-description d-grid gap_12">
+              <p className="text-body-1 text_mono-gray-8">
+                With the 2024 version, the Macbook Air is upgraded to a
+                15.3-inch screen with Liquid Retina resolution (2880 x 1864)
+                that reproduces detailed image quality, millions of pixels and a
+                wide spectrum P3 color range of up to 1 billion colors. Allows
+                you to perfectly perform graphic design tasks with strict color
+                requirements.
+              </p>
+              <p className="text-body-1 text_mono-gray-8">
+                500 nits brightness with True Tone Technology regulates vision
+                and vision extremely well, quickly adapting to ambient light
+                conditions to display the sharpest content from text to video.
+              </p>
+              <p className="text-body-1 text_mono-gray-8">
+                MacBook Air 15 inch M3 2024 8-core CPU - Screen
+              </p>
+              <p className="text-body-1 text_mono-gray-8">
+                Multi-dimensional surround sound system Dolby Atmos, Spatial
+                Audio combined with a high-quality linear speaker system brings
+                a complete and realistic entertainment experience with vivid
+                sound quality, clear bass, and sound amplification. Loud allows
+                you to immerse yourself in melodious music or vivid movies,
+                detailed sound is also extremely beneficial when participating
+                in video post-production editing and sound effects.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/components/shop/ShopDetails.jsx b/components/shop/ShopDetails.jsx
new file mode 100644
index 0000000..ae57a1a
--- /dev/null
+++ b/components/shop/ShopDetails.jsx
@@ -0,0 +1,371 @@
+"use client";
+import React, { useEffect, useRef, useState } from "react";
+import Image from "next/image";
+import Drift from "drift-zoom";
+import PhotoSwipeLightbox from "photoswipe/lightbox";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { FreeMode, Thumbs } from "swiper/modules";
+import { useContextElement } from "@/context/Context";
+const colorOptions = [
+  {
+    id: "blue-sapphire",
+    label: "Blue Sapphire",
+    price: null,
+    defaultChecked: false,
+  },
+  {
+    id: "seafoam-green",
+    label: "Seafoam Green",
+    price: "79.99",
+    defaultChecked: true,
+  },
+  {
+    id: "dusty-rose",
+    label: "Dusty Rose",
+    price: "89.99",
+    defaultChecked: false,
+  },
+  {
+    id: "light-gray",
+    label: "Light Gray",
+    price: "59.99",
+    defaultChecked: false,
+  },
+];
+export default function ShopDetails({ product }) {
+  const { addProductToCart, isAddedToCartProducts } = useContextElement();
+  const [value, setValue] = useState(1);
+  const slides = [
+    {
+      color: "blue-sapphire",
+      image: product.imgSrc,
+    },
+    {
+      color: "dusty-rose",
+      image: "/images/shop/thumbs-main-2.jpg",
+    },
+    {
+      color: "light-gray",
+      image: "/images/shop/thumbs-main-3.jpg",
+    },
+    {
+      color: "seafoam-green",
+      image: "/images/shop/thumbs-main-4.jpg",
+    },
+  ];
+  const [activeColor, setActiveColor] = useState(
+    colorOptions.find((opt) => opt.defaultChecked)?.id || ""
+  );
+  const [swiperThumb, setSwiperThumb] = useState(null);
+  const lightboxRef = useRef(null);
+
+  useEffect(() => {
+    // Initialize PhotoSwipeLightbox
+    const lightbox = new PhotoSwipeLightbox({
+      gallery: "#gallery-swiper-started",
+      children: ".item",
+      pswpModule: () => import("photoswipe"),
+    });
+
+    lightbox.init();
+
+    // Store the lightbox instance in the ref for later use
+    lightboxRef.current = lightbox;
+
+    // Cleanup: destroy the lightbox when the component unmounts
+    return () => {
+      lightbox.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    // Function to initialize Drift
+    // Function to check window width
+    const checkWindowSize = () => window.innerWidth >= 1200;
+
+    // Only proceed if window is wide enough
+    if (!checkWindowSize()) return;
+
+    const imageZoom = () => {
+      const driftAll = document.querySelectorAll(".tf-image-zoom");
+      const pane = document.querySelector(".tf-zoom-main");
+
+      driftAll.forEach((el) => {
+        new Drift(el, {
+          zoomFactor: 2,
+          paneContainer: pane,
+          inlinePane: false,
+          handleTouch: false,
+          hoverBoundingBox: true,
+          containInline: true,
+        });
+      });
+    };
+    imageZoom();
+    const zoomElements = document.querySelectorAll(".tf-image-zoom");
+
+    const handleMouseOver = (event) => {
+      const parent = event.target.closest(".section-image-zoom");
+      if (parent) {
+        parent.classList.add("zoom-active");
+      }
+    };
+
+    const handleMouseLeave = (event) => {
+      const parent = event.target.closest(".section-image-zoom");
+      if (parent) {
+        parent.classList.remove("zoom-active");
+      }
+    };
+
+    zoomElements.forEach((element) => {
+      element.addEventListener("mouseover", handleMouseOver);
+      element.addEventListener("mouseleave", handleMouseLeave);
+    });
+
+    // Cleanup event listeners on component unmount
+    return () => {
+      zoomElements.forEach((element) => {
+        element.removeEventListener("mouseover", handleMouseOver);
+        element.removeEventListener("mouseleave", handleMouseLeave);
+      });
+    };
+  }, []); // Empty dependency array to run only once on mount
+  return (
+    <div className="tf-spacing-1">
+      <div className="tf-container">
+        <div className="shop-details">
+          <div className="row">
+            <div className="col-lg-6">
+              <div className="left">
+                <div className="tf-product-media-wrap">
+                  <div className="thumbs-slider">
+                    <Swiper
+                      dir="ltr"
+                      className="swiper tf-product-media-main mb_20"
+                      id="gallery-swiper-started"
+                      modules={[Thumbs]}
+                      thumbs={{ swiper: swiperThumb }}
+                    >
+                      {slides.map((slide, index) => (
+                        <SwiperSlide
+                          key={index}
+                          className="swiper-slide"
+                          data-color={slide.color}
+                        >
+                          <a
+                            href={slide.image}
+                            target="_blank"
+                            className="item"
+                            data-pswp-width="400px"
+                            data-pswp-height="400px"
+                          >
+                            <Image
+                              className="tf-image-zoom lazyload"
+                              data-zoom={slide.image}
+                              data-src={slide.image}
+                              alt=""
+                              src={slide.image}
+                              width={836}
+                              height={718}
+                            />
+                          </a>
+                        </SwiperSlide>
+                      ))}
+                    </Swiper>
+                    <Swiper
+                      dir="ltr"
+                      modules={[Thumbs, FreeMode]}
+                      onSwiper={setSwiperThumb}
+                      className="swiper tf-product-media-thumbs other-image-zoom"
+                      {...{
+                        spaceBetween: 24,
+                        slidesPerView: "auto",
+                        freeMode: true,
+                        watchSlidesProgress: true,
+                        observer: true,
+                        observeParents: true,
+                      }}
+                    >
+                      {slides.map((elm, i) => (
+                        <SwiperSlide
+                          key={i}
+                          className="swiper-slide stagger-item"
+                        >
+                          <div className="item">
+                            <Image
+                              className="lazyload"
+                              alt=""
+                              src={elm.image}
+                              width={191}
+                              height={160}
+                            />
+                          </div>
+                        </SwiperSlide>
+                      ))}
+                    </Swiper>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-6">
+              <div className="right">
+                <div className="tf-product-info-wrap position-relative">
+                  <div className="tf-zoom-main" />
+                  <div className="tf-product-info-list other-image-zoom">
+                    <div className="tf-product-info-heading">
+                      <div className="tf-product-info-name mb_24">
+                        <h3 className="name mb_11">{product.title}</h3>
+                        <div className="sub">
+                          <div className="tf-product-info-rate">
+                            <div className="ratings d-flex gap_8">
+                              <i className="icon-star-solid" />
+                              <i className="icon-star-solid" />
+                              <i className="icon-star-solid" />
+                              <i className="icon-star-half-alt-solid" />
+                              <i className="icon-star1" />
+                            </div>
+                            <div className="text text-body-2 text_color-text-2 fw-5">
+                              3 Review
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div className="tf-product-info-desc mb_12">
+                        <div className="tf-product-info-price">
+                          <h2 className="price-on-sale">
+                            ${product.price.toFixed(2)}
+                          </h2>
+                          {product.oldPrice && (
+                            <h3 className="compare-at-price text_mono-gray-5">
+                              ${product.oldPrice.toFixed(2)}
+                            </h3>
+                          )}
+                        </div>
+                      </div>
+                    </div>
+                    <div className="tf-product-info-choose-option gap-19">
+                      <div className="variant-picker-item mb_58">
+                        <div className="variant-picker-label text-body-2 text_color-text-2 mb_6">
+                          Select Color
+                        </div>
+                        <div className="variant-picker-values">
+                          {colorOptions.map((color) => {
+                            const inputId = `values-${color.id}`;
+                            const isActive = activeColor === color.id;
+
+                            return (
+                              <React.Fragment key={color.id}>
+                                <input
+                                  id={inputId}
+                                  type="radio"
+                                  name="color1"
+                                  checked={isActive}
+                                  onChange={() => setActiveColor(color.id)}
+                                />
+                                <label
+                                  className={`hover-tooltip tooltip-bot radius-60 color-btn ${
+                                    isActive ? "active" : ""
+                                  }`}
+                                  htmlFor={inputId}
+                                  data-value={color.id}
+                                  data-color={color.id}
+                                  {...(color.price
+                                    ? { "data-price": color.price }
+                                    : {})}
+                                >
+                                  <span
+                                    className={`btn-checkbox bg-color-${color.id}`}
+                                  />
+                                  <span className="tooltip">{color.label}</span>
+                                </label>
+                              </React.Fragment>
+                            );
+                          })}
+                        </div>
+                      </div>
+
+                      <ul className="list mb_57">
+                        <li className="text-body-2">
+                          Condition: Machine Body. + 143W Power Supply
+                        </li>
+                        <li className="text-body-2">
+                          Display : 24" 4.5K (4480x2520) , 500 nits , wide color
+                          P3
+                        </li>
+                        <li className="text-body-2">
+                          CPU: Apple M3 8-Core CPU 4.0Ghz
+                        </li>
+                        <li className="text-body-2">
+                          GPU: 8-Core GPU ,16-Core Neural Engine
+                        </li>
+                        <li className="text-body-2">
+                          RAM: 8GB of onboard " Unified "
+                        </li>
+                        <li className="text-body-2">Storage: 256GB PCIe</li>
+                        <li className="text-body-2">
+                          Connect : x2 Thunderbolt 3 | USB 4 ports , Jack 3.5,
+                          Weight : 4,43kg
+                        </li>
+                        <li className="text-body-2">
+                          Accessory : Mouse,Keyboard, Power Adapter, Cable C to
+                          lightning.
+                        </li>
+                      </ul>
+                      <div className="d-flex tf-product-wrap-btn gap_12 mb_23">
+                        <div className="tf-product-info-quantity d-flex align-items-center">
+                          <div className="title text-body-2 text_mono-gray-8">
+                            QTY
+                          </div>
+                          <div className="wg-quantity">
+                            <span
+                              onClick={() =>
+                                setValue((pre) => (pre == 1 ? 1 : pre - 1))
+                              }
+                              className="btn-quantity btn-decrease"
+                            >
+                              -
+                            </span>
+                            <input
+                              className="quantity-product"
+                              type="text"
+                              name="number"
+                              readOnly
+                              value={value}
+                            />
+                            <span
+                              onClick={() => setValue((pre) => pre + 1)}
+                              className="btn-quantity btn-increase"
+                            >
+                              +
+                            </span>
+                          </div>
+                        </div>
+                        <div className="tf-product-info-by-btn d-flex align-items-center w-full">
+                          <a
+                            href="#"
+                            onClick={(e) => {
+                              e.preventDefault();
+                              addProductToCart(product.id, value);
+                            }}
+                            className="tf-btn w-full show-shopping-cart"
+                          >
+                            <span className="text-body-2 fw-4">
+                              {isAddedToCartProducts(product.id)
+                                ? "Already Added"
+                                : "Add To Cart"}
+                            </span>
+                            <span className="bg-effect" />
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/context/Context.jsx b/context/Context.jsx
new file mode 100644
index 0000000..03934e0
--- /dev/null
+++ b/context/Context.jsx
@@ -0,0 +1,76 @@
+"use client";
+import { products } from "@/data/products";
+
+import React, { useEffect } from "react";
+import { useContext, useState } from "react";
+const dataContext = React.createContext();
+export const useContextElement = () => {
+  return useContext(dataContext);
+};
+
+export default function Context({ children }) {
+  const [cartProducts, setCartProducts] = useState([]);
+
+  const [totalPrice, setTotalPrice] = useState(0);
+  useEffect(() => {
+    const subtotal = cartProducts.reduce((accumulator, product) => {
+      return accumulator + product.quantity * product.price;
+    }, 0);
+    setTotalPrice(subtotal);
+  }, [cartProducts]);
+
+  const isAddedToCartProducts = (id) => {
+    if (cartProducts.filter((elm) => elm.id == id)[0]) {
+      return true;
+    }
+    return false;
+  };
+  const addProductToCart = (id, qty, isModal = true) => {
+    if (!isAddedToCartProducts(id)) {
+      const item = {
+        ...products.filter((elm) => elm.id == id)[0],
+        quantity: qty ? qty : 1,
+      };
+      setCartProducts((pre) => [...pre, item]);
+      if (isModal) {
+      }
+    }
+  };
+
+  const updateQuantity = (id, qty) => {
+    if (isAddedToCartProducts(id)) {
+      let item = cartProducts.filter((elm) => elm.id == id)[0];
+      let items = [...cartProducts];
+      const itemIndex = items.indexOf(item);
+      if (qty / 1 > 0) {
+        item.quantity = qty / 1;
+        items[itemIndex] = item;
+        setCartProducts(items);
+      }
+    }
+  };
+  useEffect(() => {
+    const items = JSON.parse(localStorage.getItem("cartList"));
+    if (items?.length) {
+      setCartProducts(items);
+    }
+  }, []);
+  useEffect(() => {
+    localStorage.setItem("cartList", JSON.stringify(cartProducts));
+  }, [cartProducts]);
+
+  const contextElement = {
+    cartProducts,
+    setCartProducts,
+    totalPrice,
+    addProductToCart,
+    isAddedToCartProducts,
+
+    updateQuantity,
+  };
+  return (
+    <dataContext.Provider value={contextElement}>
+      {children}
+    </dataContext.Provider>
+  );
+}
diff --git a/data/benefits.js b/data/benefits.js
new file mode 100644
index 0000000..10c55ce
--- /dev/null
+++ b/data/benefits.js
@@ -0,0 +1,38 @@
+export const slideItems = [
+  {
+    iconClass: "icon-competitive-compensation",
+    title: "Competitive Compensation",
+    description:
+      "Benefit from a competitive salary, performance-based bonuses, and stock options.",
+  },
+  {
+    iconClass: "icon-comprehensive-benefits",
+    title: "Comprehensive Benefits",
+    description:
+      "Access a range of benefits, including health insurance, retirement plans, and flexible time off.",
+  },
+  {
+    iconClass: "icon-professional-development",
+    title: "Professional Development",
+    description:
+      "Invest in your career with ongoing training, mentorship, and opportunities for certification.",
+  },
+  {
+    iconClass: "icon-work-life-balance",
+    title: "Work-Life Balance",
+    description:
+      "Maintain a healthy work-life balance with flexible work arrangements and wellness programs.",
+  },
+  {
+    iconClass: "icon-collaborative-culture",
+    title: "Collaborative Culture",
+    description:
+      "Work alongside talented colleagues in a supportive and inclusive environment.",
+  },
+  {
+    iconClass: "icon-global-opportunities",
+    title: "Global Opportunities",
+    description:
+      "Work on challenging international projects that make a difference worldwide, accelerating your career growth.",
+  },
+];
diff --git a/data/blogs.js b/data/blogs.js
new file mode 100644
index 0000000..80a93de
--- /dev/null
+++ b/data/blogs.js
@@ -0,0 +1,339 @@
+export const blogArticles = [
+  {
+    id: 1,
+    imageSrc: "/images/blog/blog-1.jpg",
+    category: "Experience",
+    date: "September 3, 2024",
+    title: "How Business Consulting Can Systematically Guide Your Company",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 2,
+    imageSrc: "/images/blog/blog-2.jpg",
+    category: "Tips & Tricks",
+    date: "August 28, 2024",
+    title: "Improving patient outcomes and financial performance",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 3,
+    imageSrc: "/images/blog/blog-3.jpg",
+    category: "Experience",
+    date: "September 3, 2024",
+    title: "What does a business consultant actually do?",
+    width: 549,
+    height: 380,
+  },
+  {
+    id: 4,
+    imageSrc: "/images/blog/blog-4.jpg",
+    category: "Tips & Tricks",
+    date: "August 28, 2024",
+    title:
+      "The art of effective consulting: Building strong client relationships",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 5,
+    imageSrc: "/images/blog/blog-5.jpg",
+    category: "Tips & Tricks",
+    date: "August 28, 2024",
+    title: "The future of work: How consultants are shaping the workplace",
+    width: 550,
+    height: 380,
+  },
+];
+
+export const blogArticles2 = [
+  {
+    id: 6,
+    imageSrc: "/images/blog/blog-7.jpg",
+    day: "5",
+    month: "Oct",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+    description:
+      "Discover key strategies for creating a solid financial plan that secures your future.",
+    width: 406,
+    height: 553,
+  },
+  {
+    id: 7,
+    imageSrc: "/images/blog/blog-8.jpg",
+    day: "23",
+    month: "Oct",
+    title:
+      "Boosting Profitability: Financial Strategies to Drive Business Success",
+    description:
+      "Find out how financial strategies can help your business increase profitability.",
+    width: 406,
+    height: 553,
+  },
+  {
+    id: 8,
+    imageSrc: "/images/blog/blog-9.jpg",
+    day: "15",
+    month: "Oct",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+    description:
+      "Discover key strategies for creating a solid financial plan that secures your future.",
+    width: 406,
+    height: 553,
+  },
+  {
+    id: 9,
+    imageSrc: "/images/blog/blog-10.jpg",
+    day: "20",
+    month: "Oct",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+    description:
+      "Discover key strategies for creating a solid financial plan that secures your future.",
+    width: 406,
+    height: 553,
+  },
+  {
+    id: 10,
+    imageSrc: "/images/blog/blog-7.jpg",
+    day: "5",
+    month: "Oct",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+    description:
+      "Discover key strategies for creating a solid financial plan that secures your future.",
+    width: 406,
+    height: 553,
+  },
+];
+
+export const blogPosts = [
+  {
+    id: 11,
+    imageSrc: "/images/blog/blog-16.jpg",
+    alt: "Financial Planning",
+    date: "October 8, 2024",
+    comments: "2 Comments",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+  },
+  {
+    id: 12,
+    imageSrc: "/images/blog/blog-17.jpg",
+    alt: "Financial Planning",
+    date: "October 8, 2024",
+    comments: "2 Comments",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+  },
+  {
+    id: 13,
+    imageSrc: "/images/blog/blog-18.jpg",
+    alt: "Financial Planning",
+    date: "October 8, 2024",
+    comments: "2 Comments",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+  },
+  {
+    id: 14,
+    imageSrc: "/images/blog/blog-19.jpg",
+    alt: "Financial Planning",
+    date: "October 8, 2024",
+    comments: "2 Comments",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+  },
+];
+
+export const blogArticles3 = [
+  {
+    id: 15,
+    imageSrc: "/images/blog/blog-12.jpg",
+    width: 406,
+    height: 406,
+    date: "June, 2024",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+  },
+  {
+    id: 16,
+    imageSrc: "/images/blog/blog-13.jpg",
+    width: 406,
+    height: 406,
+    date: "June, 2024",
+    title:
+      "Boosting Profitability: Financial Strategies to Drive Business Success",
+  },
+  {
+    id: 17,
+    imageSrc: "/images/blog/blog-14.jpg",
+    width: 406,
+    height: 406,
+    date: "June, 2024",
+    title: "How financial advisors help you navigate Market Volatility",
+  },
+  {
+    id: 18,
+    imageSrc: "/images/blog/blog-15.jpg",
+    width: 406,
+    height: 406,
+    date: "June, 2024",
+    title: "Planning for Retirement: Essential Steps You Need to Take",
+  },
+  {
+    id: 19,
+    imageSrc: "/images/blog/blog-16.jpg",
+    width: 415,
+    height: 280,
+    date: "June, 2024",
+    title:
+      "Mastering Financial Planning: Steps to Secure Your Long-Term Wealth",
+  },
+];
+export const posts = [
+  {
+    id: 20,
+    date: "29 Sep, 2024",
+    title:
+      "How financial advisors help you navigate Market Volatility and Protect Your Investments",
+    imageSrc: "/images/blog/box-listing-3.jpg",
+    alt: "box-listing",
+    delay: "0s",
+  },
+  {
+    id: 21,
+    date: "29 Sep, 2024",
+    title:
+      "Planning for Retirement: Essential Steps You Need to Take for Long-Term Financial Security",
+    imageSrc: "/images/blog/box-listing-5.jpg",
+    alt: "box-listing",
+    delay: "0s",
+  },
+  {
+    id: 22,
+    date: "29 Sep, 2024",
+    title:
+      "How financial advisors help you navigate Market Volatility and Protect Your Investments",
+    imageSrc: "/images/blog/box-listing-6.jpg",
+    alt: "box-listing",
+    delay: "0s",
+  },
+];
+
+export const blogArticles4 = [
+  {
+    id: 23,
+    date: "29 Sep, 2024",
+    title:
+      "Top strategies for building a strong foundation: A Guide for future investors",
+    imageSrc: "/images/blog/blog-11.jpg",
+    alt: "blog",
+    delay: "0s",
+  },
+];
+export const blogArticles5 = [
+  {
+    id: 24,
+    category: "Experience",
+    date: "September 3, 2024",
+    title: "How Business Consulting Can Systematically Guide Your Company",
+    imageSrc: "/images/blog/blog-1.jpg",
+    alt: "blog",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 25,
+    category: "Tips & Tricks",
+    date: "August 28, 2024",
+    title: "Improving patient outcomes and financial performance",
+    imageSrc: "/images/blog/blog-2.jpg",
+    alt: "blog",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 26,
+    category: "Experience",
+    date: "September 3, 2024",
+    title: "What does a business consultant actually do?",
+    imageSrc: "/images/blog/blog-3.jpg",
+    alt: "blog",
+    width: 549,
+    height: 380,
+  },
+  {
+    id: 27,
+    category: "Tips & Tricks",
+    date: "August 28, 2024",
+    title:
+      "The art of effective consulting: Building strong client relationships",
+    imageSrc: "/images/blog/blog-4.jpg",
+    alt: "blog",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 28,
+    category: "Tips & Tricks",
+    date: "August 28, 2024",
+    title: "The future of work: How consultants are shaping the workplace",
+    imageSrc: "/images/blog/blog-5.jpg",
+    alt: "blog",
+    width: 550,
+    height: 380,
+  },
+  {
+    id: 29,
+    category: "Design Trends",
+    date: "August 23, 2024",
+    title: "Mastering the consulting toolkit: Essential skills for success",
+    imageSrc: "/images/blog/blog-6.jpg",
+    alt: "blog",
+    width: 550,
+    height: 380,
+  },
+];
+export const relatedPosts = [
+  {
+    id: 30,
+    title: "Improving patient outcomes and financial performance",
+    category: "Experience",
+    date: "August 23, 2024",
+    imageSrc: "/images/blog/box-listing-1.jpg",
+    width: 120,
+    height: 120,
+  },
+  {
+    id: 31,
+    title: "Unlocking Growth Through Data-Driven Decision Making",
+    category: "Design Trends",
+    date: "August 23, 2024",
+    imageSrc: "/images/blog/box-listing-2.jpg",
+    width: 120,
+    height: 120,
+  },
+  {
+    id: 32,
+    title: "Navigating digital transformation: A business leader's guide",
+    category: "Experience",
+    date: "August 23, 2024",
+    imageSrc: "/images/blog/box-listing-3.jpg",
+    width: 120,
+    height: 120,
+  },
+];
+export const allBlogs = [
+  ...blogArticles,
+  ...blogArticles2,
+  ...blogPosts,
+  ...blogArticles3,
+  ...posts,
+  ...blogArticles4,
+  ...blogArticles5,
+  ...relatedPosts,
+];
diff --git a/data/brands.js b/data/brands.js
new file mode 100644
index 0000000..9444de5
--- /dev/null
+++ b/data/brands.js
@@ -0,0 +1,11 @@
+export const brandData = [
+  { src: "/images/brands/brand-22.png", width: 169, height: 56 },
+  { src: "/images/brands/brand-23.png", width: 168, height: 56 },
+  { src: "/images/brands/brand-24.png", width: 213, height: 56 },
+  { src: "/images/brands/brand-25.png", width: 187, height: 56 },
+  { src: "/images/brands/brand-26.png", width: 169, height: 56 },
+  { src: "/images/brands/brand-27.png", width: 169, height: 56 },
+  { src: "/images/brands/brand-28.png", width: 169, height: 56 },
+  { src: "/images/brands/brand-29.png", width: 169, height: 56 },
+  { src: "/images/brands/brand-30.png", width: 168, height: 56 },
+];
diff --git a/data/caseStudies.js b/data/caseStudies.js
new file mode 100644
index 0000000..80b298a
--- /dev/null
+++ b/data/caseStudies.js
@@ -0,0 +1,479 @@
+export const caseStudies = [
+  {
+    id: 1,
+    imageSrc: "/images/section/case-studies-1.jpg",
+    brandSrc: "/images/brands/brand-13.png",
+    brandWidth: 104,
+    brandHeight: 40,
+    title: "A case study of a highly successful business",
+    description:
+      "Discover the transformative power of our solutions. Learn how we've helped businesses of all sizes overcome challenges.",
+    stats: [
+      { value: "+83%", label: "Increased revenue" },
+      { value: "+93%", label: "Mouse clicks" },
+      { value: "+72%", label: "Return on ad spend" },
+      { value: "+88%", label: "Operating profits" },
+    ],
+  },
+  {
+    id: 2,
+    imageSrc: "/images/section/case-studies-2.jpg",
+    brandSrc: "/images/brands/brand-14.png",
+    brandWidth: 105,
+    brandHeight: 40,
+    title: "Comprehensive case study of a pressing social issue",
+    description:
+      "Discover the transformative power of our solutions. Learn how we've helped businesses of all sizes overcome challenges.",
+    stats: [
+      { value: "+83%", label: "Increased revenue" },
+      { value: "+93%", label: "Mouse clicks" },
+      { value: "+72%", label: "Return on ad spend" },
+      { value: "+88%", label: "Operating profits" },
+    ],
+  },
+  {
+    id: 3,
+    imageSrc: "/images/section/case-studies-1.jpg",
+    brandSrc: "/images/brands/brand-13.png",
+    brandWidth: 104,
+    brandHeight: 40,
+    title: "A case study of a highly successful business",
+    description:
+      "Discover the transformative power of our solutions. Learn how we've helped businesses of all sizes overcome challenges.",
+    stats: [
+      { value: "+83%", label: "Increased revenue" },
+      { value: "+93%", label: "Mouse clicks" },
+      { value: "+72%", label: "Return on ad spend" },
+      { value: "+88%", label: "Operating profits" },
+    ],
+  },
+];
+
+export const caseStudies2 = [
+  {
+    id: 4,
+    tags: "saving optimization, wealth management",
+    title:
+      "Achieving Financial Stability: How strategic planning transformed long-term Growth",
+    description:
+      "Their expert guidance in streamlining our cash flow processes and optimizing operational costs has saved us 18% in annual expenditures.",
+    imageSrc: "/images/section/case-studies-3.jpg",
+    highlightText: "15% projected increase in savings",
+    highlightIcon: "/images/box-icon/taxes.svg",
+    highlightIconWidth: 48,
+    highlightIconHeight: 48,
+  },
+  {
+    id: 5,
+    tags: "tax planning, portfolio diversification",
+    title: "Maximizing Returns: The Impact of Tax Strategies and Investments",
+    description:
+      "Through tailored debt restructuring plans and proactive retirement savings strategies, clients have achieved a 25% reduction in debt",
+    imageSrc: "/images/section/case-studies-4.jpg",
+    highlightText: "22% projected growth in after-tax returns",
+    highlightIcon: "/images/box-icon/invoice.svg",
+    highlightIconWidth: 40,
+    highlightIconHeight: 40,
+  },
+  {
+    id: 6,
+    tags: "debt restructuring, retirement planning",
+    title:
+      "Empowering Future Security: Reducing Debt to Boost Retirement Outcomes",
+    description:
+      "Through tailored debt restructuring plans and proactive retirement savings strategies, clients have achieved a 25% reduction in debt",
+    imageSrc: "/images/section/case-studies-5.jpg",
+    highlightText: "30% increase in retirement fund projections over 10 years",
+    highlightIcon: "/images/box-icon/clock.svg",
+    highlightIconWidth: 40,
+    highlightIconHeight: 40,
+  },
+];
+
+export const caseStudies3 = [
+  {
+    id: 7,
+    imageSrc: "/images/section/case-studies-6.jpg",
+    title: "Wealth Management",
+    width: 311,
+    height: 311,
+  },
+  {
+    id: 8,
+    imageSrc: "/images/section/case-studies-7.jpg",
+    title: "Business Succession",
+    width: 311,
+    height: 311,
+  },
+  {
+    id: 9,
+    imageSrc: "/images/section/case-studies-8.jpg",
+    title: "Estate Planning",
+    width: 311,
+    height: 311,
+  },
+  {
+    id: 10,
+    imageSrc: "/images/section/case-studies-6.jpg",
+    title: "Portfolio Optimization",
+    width: 311,
+    height: 311,
+  },
+  {
+    id: 11,
+    imageSrc: "/images/section/case-studies-9.jpg",
+    title: "Tax Efficiency",
+    width: 311,
+    height: 311,
+  },
+
+  {
+    id: 12,
+    imageSrc: "/images/section/case-studies-7.jpg",
+    title: "Business Succession",
+    width: 311,
+    height: 311,
+  },
+  {
+    id: 13,
+    imageSrc: "/images/section/case-studies-6.jpg",
+    title: "Wealth Management",
+    width: 311,
+    height: 311,
+  },
+  {
+    id: 14,
+    imageSrc: "/images/section/case-studies-8.jpg",
+    title: "Estate Planning",
+    width: 311,
+    height: 311,
+  },
+];
+
+export const caseStudies4 = [
+  {
+    id: 15,
+    categories: "health-insurance business-insurance",
+    imageSrc: "/images/section/case-studies-15.jpg",
+    title: "Blockchain for Transparency",
+    description:
+      "Leveraging blockchain technology, this project aims to revolutionize insurance operations by<br/> creating an immutable record of all transactions and claims.",
+    alt: "blog",
+    width: 725,
+    height: 479,
+    categories: ["Property Insurance"],
+  },
+  {
+    id: 16,
+    categories: "health-insurance",
+    imageSrc: "/images/section/case-studies-20.jpg",
+    alt: "blog",
+    width: 725,
+    height: 479,
+    title: "Blockchain for Transparency",
+    description:
+      "Leveraging blockchain technology, this project aims to revolutionize insurance operations by<br/> creating an immutable record of all transactions and claims.",
+    categories: ["Health Insurance", "Business Insurance"],
+  },
+  {
+    id: 17,
+    categories: "health-insurance business-insurance",
+    imageSrc: "/images/section/case-studies-21.jpg",
+    alt: "blog",
+    width: 725,
+    height: 479,
+    title: "Blockchain for Transparency",
+    description:
+      "Leveraging blockchain technology, this project aims to revolutionize insurance operations by <br/>creating an immutable record of all transactions and claims.",
+    categories: ["Health Insurance", "Property Insurance"],
+  },
+  {
+    id: 18,
+    categories: "business-insurance property-pnsurance",
+    imageSrc: "/images/section/case-studies-22.jpg",
+    alt: "blog",
+    width: 725,
+    height: 479,
+    title: "Blockchain for Transparency",
+    description:
+      "Leveraging blockchain technology, this project aims to revolutionize insurance operations by<br/> creating an immutable record of all transactions and claims.",
+    categories: ["Health Insurance", "Business Insurance"],
+  },
+  {
+    id: 19,
+    categories: "property-pnsurance",
+    imageSrc: "/images/section/case-studies-23.jpg",
+    alt: "blog",
+    width: 725,
+    height: 479,
+    title: "Blockchain for Transparency",
+    description:
+      "Leveraging blockchain technology, this project aims to revolutionize insurance operations by<br/> creating an immutable record of all transactions and claims.",
+    categories: [
+      "Health Insurance",
+      "Property Insurance",
+      "Business Insurance",
+    ],
+  },
+  {
+    id: 20,
+    categories: "health-insurance property-pnsurance",
+    imageSrc: "/images/section/case-studies-24.jpg",
+    alt: "blog",
+    width: 725,
+    height: 479,
+    title: "Blockchain for Transparency",
+    description:
+      "Leveraging blockchain technology, this project aims to revolutionize insurance operations by<br/> creating an immutable record of all transactions and claims.",
+    categories: [
+      "Health Insurance",
+      "Property Insurance",
+      "Business Insurance",
+    ],
+  },
+];
+
+export const caseStudies5 = [
+  {
+    id: 21,
+    imgSrc: "/images/section/case-studies-10.jpg",
+    width: 353,
+    height: 353,
+    title: "Boosting Leads Through Target Campaign",
+  },
+  {
+    id: 22,
+    imgSrc: "/images/section/case-studies-11.jpg",
+    width: 353,
+    height: 353,
+    title: "Emails Marketing for Prudential",
+  },
+  {
+    id: 23,
+    imgSrc: "/images/section/case-studies-12.jpg",
+    width: 353,
+    height: 353,
+    title: "KFC Brand Promo Strategy",
+  },
+  {
+    id: 24,
+    imgSrc: "/images/section/case-studies-13.jpg",
+    width: 353,
+    height: 353,
+    title: "Udemy Website SEO Optimized",
+  },
+  {
+    id: 25,
+    imgSrc: "/images/section/case-studies-14.jpg",
+    width: 353,
+    height: 353,
+    title: "Digital Advertisement for Coca Cola",
+  },
+  {
+    id: 26,
+    imgSrc: "/images/section/case-studies-7.jpg",
+    width: 311,
+    height: 311,
+    title: "Business Succession",
+  },
+  {
+    id: 27,
+    imgSrc: "/images/section/case-studies-6.jpg",
+    width: 311,
+    height: 311,
+    title: "Wealth Management",
+  },
+  {
+    id: 28,
+    imgSrc: "/images/section/case-studies-8.jpg",
+    width: 311,
+    height: 311,
+    title: "Estate Planning",
+  },
+];
+
+export const caseStudies6 = [
+  {
+    id: 29,
+    category: "Business Consulting",
+    imageSrc: "/images/section/case-studies-1.jpg",
+    imageWidth: 382,
+    imageHeight: 502,
+    brandSrc: "/images/brands/brand-13.png",
+    brandWidth: 104,
+    brandHeight: 40,
+    title: "Optimizing airline revenue management",
+    metrics: [
+      {
+        value: "+83%",
+        label: "Increased revenue",
+      },
+      {
+        value: "+93%",
+        label: "Mouse clicks",
+      },
+      {
+        value: "+72%",
+        label: "Return on ad spend",
+      },
+      {
+        value: "+88%",
+        label: "Operating profits",
+      },
+    ],
+  },
+  {
+    id: 30,
+    category: "Coroporate",
+    imageSrc: "/images/section/case-studies-2.jpg",
+    imageWidth: 382,
+    imageHeight: 502,
+    brandSrc: "/images/brands/brand-14.png",
+    brandWidth: 105,
+    brandHeight: 40,
+    title: "Rebranding a struggling tech startup",
+    metrics: [
+      {
+        value: "+63%",
+        label: "Increased revenue",
+      },
+      {
+        value: "+75%",
+        label: "Mouse clicks",
+      },
+      {
+        value: "+86%",
+        label: "Return on ad spend",
+      },
+      {
+        value: "+78%",
+        label: "Operating profits",
+      },
+    ],
+  },
+  {
+    id: 31,
+    category: "Business Consulting",
+    imageSrc: "/images/section/case-studies-16.jpg",
+    imageWidth: 327,
+    imageHeight: 421,
+    brandSrc: "/images/brands/brand-31.png",
+    brandWidth: 90,
+    brandHeight: 20,
+    title: "Optimizing stock levels and reducing waste",
+    metrics: [
+      {
+        value: "+65%",
+        label: "Increased revenue",
+      },
+      {
+        value: "+63%",
+        label: "Mouse clicks",
+      },
+      {
+        value: "+72%",
+        label: "Return on ad spend",
+      },
+      {
+        value: "+54%",
+        label: "Operating profits",
+      },
+    ],
+  },
+  {
+    id: 32,
+    category: "Marketing",
+    imageSrc: "/images/section/case-studies-17.jpg",
+    imageWidth: 327,
+    imageHeight: 421,
+    brandSrc: "/images/brands/brand-32.png",
+    brandWidth: 86,
+    brandHeight: 36,
+    title: "A case study of a highly successful business",
+    metrics: [
+      {
+        value: "+33%",
+        label: "Increased revenue",
+      },
+      {
+        value: "+51%",
+        label: "Mouse clicks",
+      },
+      {
+        value: "+61%",
+        label: "Return on ad spend",
+      },
+      {
+        value: "+38%",
+        label: "Operating profits",
+      },
+    ],
+  },
+  {
+    id: 33,
+    category: "IT Solution",
+    imageSrc: "/images/section/case-studies-18.jpg",
+    imageWidth: 327,
+    imageHeight: 427,
+    brandSrc: "/images/brands/brand-33.png",
+    brandWidth: 154,
+    brandHeight: 36,
+    title: "The startup seeks funding for innovation",
+    metrics: [
+      {
+        value: "+52%",
+        label: "Increased revenue",
+      },
+      {
+        value: "+63%",
+        label: "Mouse clicks",
+      },
+      {
+        value: "+46%",
+        label: "Return on ad spend",
+      },
+      {
+        value: "+39%",
+        label: "Operating profits",
+      },
+    ],
+  },
+  {
+    id: 34,
+    category: "Startup Consulting",
+    imageSrc: "/images/section/case-studies-19.jpg",
+    imageWidth: 327,
+    imageHeight: 421,
+    brandSrc: "/images/brands/brand-34.png",
+    brandWidth: 115,
+    brandHeight: 36,
+    title: "Boosting manufacturing efficiency",
+    metrics: [
+      {
+        value: "+81%",
+        label: "Increased revenue",
+      },
+      {
+        value: "+73%",
+        label: "Mouse clicks",
+      },
+      {
+        value: "+63%",
+        label: "Return on ad spend",
+      },
+      {
+        value: "+55%",
+        label: "Operating profits",
+      },
+    ],
+  },
+];
+
+export const allCaseStudies = [
+  ...caseStudies,
+  ...caseStudies2,
+  ...caseStudies3,
+  ...caseStudies4,
+  ...caseStudies5,
+  ...caseStudies6,
+];
diff --git a/data/facts.js b/data/facts.js
new file mode 100644
index 0000000..7d6b1b3
--- /dev/null
+++ b/data/facts.js
@@ -0,0 +1,187 @@
+export const counterItems = [
+  {
+    value: 90,
+
+    unit: "%",
+    description: "Client Satisfaction Rate",
+  },
+  {
+    value: 10,
+
+    unit: "+",
+    description: "Years of Experience",
+  },
+  {
+    value: 500,
+
+    unit: "%",
+    description: "Successful Project",
+  },
+];
+
+export const counterItems2 = [
+  {
+    value: 10,
+    initialDisplay: 0,
+    unit: "+",
+    description: "Years of Experience<br />since at 1996",
+  },
+  {
+    value: 500,
+    initialDisplay: 100,
+    unit: "+",
+    description: "Satisfied Client<br />across various industries",
+  },
+  {
+    value: 20,
+    initialDisplay: 0,
+    unit: "+",
+    description: "Industry awards<br />and recognitions",
+  },
+  {
+    value: 95,
+    initialDisplay: 10,
+    unit: "%",
+    description: "Client retention<br />rate of long-term relationship",
+  },
+];
+
+export const counterItems3 = [
+  {
+    title: "Years of Experience",
+    value: 25,
+    initialDisplay: 0,
+    unit: "+",
+    description: "Years of expertise, our results\nspeak for themselves",
+  },
+  {
+    title: "Projects",
+    value: 1600,
+    initialDisplay: 1000,
+    unit: "+",
+    description: "Innovation thrives here, ensuring\nprojects flourish",
+  },
+  {
+    title: "Customers",
+    value: 3800,
+    initialDisplay: 1000,
+    unit: "+",
+    description: "We strive to exceed your expectations\nin every interaction",
+  },
+];
+export const counterData = {
+  left: [
+    {
+      value: 10,
+
+      units: ["M", "+"],
+      label: "Customer Profiles",
+    },
+    {
+      value: 325,
+
+      units: ["+"],
+      label: "Awards Winning",
+    },
+  ],
+  right: [
+    {
+      value: 90,
+      initialDisplay: 10,
+      units: ["%"],
+      label: "Satisfied Customer",
+    },
+  ],
+};
+
+export const counterItems4 = [
+  {
+    icon: "icon-file-verified",
+    label: "Project Completed",
+    value: 200,
+    initialDisplay: 100,
+    unit: "+",
+  },
+  {
+    icon: "icon-time-02",
+    label: "Years in industry",
+    value: 10,
+    initialDisplay: 1,
+    unit: "+",
+  },
+  {
+    icon: "icon-clapping-01",
+    label: "Happy Clients",
+    value: 20,
+    initialDisplay: 0,
+    unit: "+",
+  },
+  {
+    icon: "icon-mic-01",
+    label: "Workshop Conducted",
+    value: 300,
+    initialDisplay: 100,
+    unit: "+",
+  },
+];
+
+export const counterItems5 = [
+  {
+    title: "Years of Experience",
+    value: 25,
+    initialDisplay: 0,
+    unit: "+",
+    description: "Years of expertise, our results<br />speak for themselves",
+  },
+  {
+    title: "Projects",
+    value: 1600,
+    initialDisplay: 1000,
+    unit: "+",
+    description: "Innovation thrives here, ensuring<br />projects flourish",
+  },
+  {
+    title: "Customers",
+    value: 3800,
+    initialDisplay: 1000,
+    unit: "+",
+    description:
+      "We strive to exceed your expectations<br />in every interaction",
+  },
+];
+
+export const counterItems6 = [
+  {
+    title: "Increased revenue",
+    prefix: "+",
+    value: 83,
+    initialDisplay: 10,
+    suffix: "%",
+    description: "Revenue from optimized sales and expanded market",
+  },
+  {
+    title: "Return on ad spend",
+    prefix: "+",
+    value: 72,
+    initialDisplay: 10,
+    suffix: "%",
+    description:
+      "ROAS from refined conversion tracking and personalized marketing",
+  },
+  {
+    title: "Operating profits",
+    prefix: "+",
+    value: 88,
+    initialDisplay: 10,
+    suffix: "%",
+    description: "We strive to exceed your expectations\nin every interaction",
+  },
+  {
+    title: "Mouse clicks",
+    prefix: "+",
+    value: 93,
+    initialDisplay: 10,
+    suffix: "%",
+    description: "We strive to exceed your expectations\nin every interaction",
+  },
+];
diff --git a/data/heroSlides.js b/data/heroSlides.js
new file mode 100644
index 0000000..2b292c1
--- /dev/null
+++ b/data/heroSlides.js
@@ -0,0 +1,31 @@
+export const bannerSlides = [
+  {
+    id: 1,
+    imageSrc: "/images/page-title/banner-slide-1.jpg",
+    title: "Top 10 Scaling Firms",
+    width: 1696,
+    height: 623,
+  },
+  {
+    id: 2,
+    imageSrc: "/images/page-title/banner-slide-2.jpg",
+    title: "Top 10 Scaling Firms",
+    width: 1696,
+    height: 623,
+  },
+  {
+    id: 3,
+    imageSrc: "/images/page-title/banner-slide-3.jpg",
+    title: "Top 10 Scaling Firms",
+    width: 1696,
+    height: 623,
+  },
+];
+export const bannerSlides2 = [
+  { id: 1, src: "banner-slide-4.jpg", alt: "banner" },
+  { id: 2, src: "banner-slide-5.jpg", alt: "banner" },
+  { id: 3, src: "banner-slide-6.jpg", alt: "banner" },
+  { id: 4, src: "banner-slide-4.jpg", alt: "banner" },
+  { id: 5, src: "banner-slide-5.jpg", alt: "banner" },
+  { id: 6, src: "banner-slide-6.jpg", alt: "banner" },
+];
diff --git a/data/jobs.js b/data/jobs.js
new file mode 100644
index 0000000..5fdfe8e
--- /dev/null
+++ b/data/jobs.js
@@ -0,0 +1,42 @@
+export const jobList = [
+  {
+    title: "Senior Consultant",
+    type: "Full time",
+    description:
+      "As a strategic leader, oversee complex client engagements, mentor and develop high-performing teams, and cultivate strong, long-lasting client relationships to drive sustainable business growth and innovation.",
+    arrangement: "Remote",
+    salary: "$60,000 - $80,000 / Year",
+  },
+  {
+    title: "Business Analyst",
+    type: "Full time",
+    description:
+      "Uncover actionable insights through data analysis, provide data-driven recommendations, and collaborate with cross-functional teams to optimize business operations and improve performance.",
+    arrangement: "Onsite",
+    salary: "$50,000 - $80,000 / Year",
+  },
+  {
+    title: "Consultant",
+    type: "Full time",
+    description:
+      "Develop your analytical and problem-solving skills, gain invaluable practical experience, and build a solid foundation in business and consulting principles through a variety of challenging client projects.",
+    arrangement: "Onsite",
+    salary: "$20,000 - $60,000 / Year",
+  },
+  {
+    title: "Digital Transformation Consultant",
+    type: "Full time",
+    description:
+      "Improve operational efficiency and customer experience by leading digital transformation initiatives, designing and implementing innovative solutions, and staying up-to-date on industry trends.",
+    arrangement: "Onsite",
+    salary: "$40,000 - $60,000 / Year",
+  },
+  {
+    title: "Strategy Consultant",
+    type: "Full time",
+    description:
+      "Work collaboratively with clients to identify their key challenges, analyze market trends, and develop customized strategic solutions that address their unique needs and drive sustainable growth.",
+    arrangement: "Onsite",
+    salary: "$70,000 - $10,000 / Year", // double check this value?
+  },
+];
diff --git a/data/locations.js b/data/locations.js
new file mode 100644
index 0000000..8aeef98
--- /dev/null
+++ b/data/locations.js
@@ -0,0 +1,20 @@
+export const mapLocations = [
+  {
+    src: "https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d135905.11693909427!2d-73.95165795400088!3d41.17584829642291!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1727094281524!5m2!1sen!2s",
+    location: "152 Thatcher Road St, Mahattan, NY 10463",
+    phone: "(+068) 456 6868",
+    email: "themesflat@gmail.com",
+  },
+  {
+    src: "https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d135905.11693909427!2d-73.95165795400088!3d41.17584829642291!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1727094281524!5m2!1sen!2s",
+    location: "1812 Sussex Dr, Ottawa, ON K1A 0G8, Canada",
+    phone: "(+054) 6789 38 83",
+    email: "themesflat@gmail.com",
+  },
+  {
+    src: "https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d135905.11693909427!2d-73.95165795400088!3d41.17584829642291!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1727094281524!5m2!1sen!2s",
+    location: "Fürstenwalder Str. 1, 10243 Berlin, Germany",
+    phone: "(+054) 1234 79 97",
+    email: "themesflat@gmail.com",
+  },
+];
diff --git a/data/menu.js b/data/menu.js
new file mode 100644
index 0000000..aa1c52c
--- /dev/null
+++ b/data/menu.js
@@ -0,0 +1,64 @@
+export const homepages = [
+  {
+    href: "/",
+    src: "/images/demo/demo-1.jpg",
+    alt: "demo-1.jpg",
+    title: "Business Consulting",
+    current: false,
+  },
+  {
+    href: "/finance-consulting",
+    src: "/images/demo/demo-2.jpg",
+    alt: "demo-2.jpg",
+    title: "Finance Consulting",
+    current: false,
+  },
+  {
+    href: "/finance-advisor",
+    src: "/images/demo/demo-3.jpg",
+    alt: "home-3",
+    title: "Finance Advisor",
+    current: false,
+  },
+  {
+    href: "/insurance-consulting",
+    src: "/images/demo/demo-4.jpg",
+    alt: "home-4",
+    title: "Insurance Consulting",
+    current: true, // current item
+  },
+  {
+    href: "/marketing-consulting",
+    src: "/images/demo/demo-5.jpg",
+    alt: "home-5",
+    title: "Marketing Consulting",
+    current: false,
+  },
+];
+
+export const otherPages = [
+  { href: "/about", label: "About" },
+  { href: "/portfolio", label: "Case Study" },
+  { href: "/single-project/1", label: "Single Project" },
+  { href: "/pricing", label: "Pricing" },
+  { href: "/faqs", label: "FAQs" },
+  { href: "/team", label: "Team" },
+  { href: "/career", label: "Career" },
+  { href: "/404", label: "Error" },
+  { href: "/coming-soon", label: "Coming Soon" },
+];
+
+export const blogPages = [
+  { href: "/blog", label: "Blog" },
+  { href: "/single-post/1", label: "Single Post" },
+];
+export const servicePages = [
+  { href: "/services", label: "Services" },
+  { href: "/service-details/1", label: "Services Details" },
+];
+export const shopPages = [
+  { href: "/shop", label: "Shop" },
+  { href: "/product-details/1", label: "Product Detail" },
+  { href: "/cart", label: "Cart" },
+  { href: "/checkout", label: "Checkout" },
+];
diff --git a/data/pricing.js b/data/pricing.js
new file mode 100644
index 0000000..ee93389
--- /dev/null
+++ b/data/pricing.js
@@ -0,0 +1,46 @@
+export const pricingPlans = [
+  {
+    title: "Basic Package",
+    description:
+      "Core services for small businesses seeking foundational guidance and actionable strategies.",
+    price: "$500 - $1500",
+    isHighlighted: false,
+    features: [
+      "Business Analysis",
+      "Strategic Recommendations",
+      "Limited Email Support",
+      "Initial Consultation",
+    ],
+    buttonStyle: "tf-btn btn-border border-1 w-full",
+  },
+  {
+    title: "Premium Package",
+    description:
+      "In-depth analysis and tailored strategies for businesses seeking sustainable growth and optimization.",
+    price: "$2,000 - $5,500",
+    isHighlighted: true,
+    features: [
+      "In-depth Consultation",
+      "Comprehensive Business Analysis",
+      "Customized Strategic Plan",
+      "Ongoing Email Support",
+      "Quarterly Check-Ins",
+    ],
+    buttonStyle: "tf-btn w-full btn-primary2",
+  },
+  {
+    title: "Ultimate Package",
+    description:
+      "High-touch, strategic guidance for C-suite executives seeking transformative growth and innovation.",
+    price: "$5,500+",
+    isHighlighted: false,
+    features: [
+      "Executive Coaching",
+      "Business Transformation Plan",
+      "Dedicated Account Manager",
+      "Priority Access",
+      "Exclusive Workshops/Webinars",
+    ],
+    buttonStyle: "tf-btn btn-border border-1 w-full",
+  },
+];
diff --git a/data/products.js b/data/products.js
new file mode 100644
index 0000000..02aee04
--- /dev/null
+++ b/data/products.js
@@ -0,0 +1,92 @@
+export const products = [
+  {
+    id: 1,
+    imgSrc: "/images/shop/product-1.jpg",
+    title: "Apple iPad Pro 11 inch",
+    price: 299.0,
+    oldPrice: null,
+    width: 366,
+    height: 360,
+    filterBrands: ["samsung", "xiaomi", "nokia", "sony", "oppo"],
+  },
+  {
+    id: 2,
+    imgSrc: "/images/shop/product-2.jpg",
+    title: "Xbox Wireless Controller",
+    price: 39.0,
+    oldPrice: 49.0,
+    width: 367,
+    height: 360,
+    filterBrands: ["apple", "nokia", "sony", "oppo"],
+  },
+  {
+    id: 3,
+    imgSrc: "/images/shop/product-3.jpg",
+    title: "Mac Studio - M2 Ultra",
+    price: 399.0,
+    oldPrice: 429.0,
+    width: 366,
+    height: 360,
+    filterBrands: ["apple", "samsung", "xiaomi", "oppo"],
+  },
+  {
+    id: 4,
+    imgSrc: "/images/shop/product-4.jpg",
+    title: "Laptop ASUS ZenBook Duo UX481FL",
+    price: 399.0,
+    oldPrice: null,
+    width: 367,
+    height: 360,
+    filterBrands: ["xiaomi", "nokia", "sony", "oppo"],
+  },
+  {
+    id: 5,
+    imgSrc: "/images/shop/product-5.jpg",
+    title: "Samsung Galaxy S20+",
+    price: 199.0,
+    oldPrice: 219.0,
+    width: 367,
+    height: 366,
+    filterBrands: ["apple", "samsung", "xiaomi", "oppo"],
+  },
+  {
+    id: 6,
+    imgSrc: "/images/shop/product-6.jpg",
+    title: "Apple Watch Series 5",
+    price: 299.0,
+    oldPrice: null,
+    width: 367,
+    height: 366,
+    filterBrands: ["apple", "samsung", "xiaomi", "nokia", "sony", "oppo"],
+  },
+  {
+    id: 7,
+    imgSrc: "/images/shop/product-7.jpg",
+    title: "AirPods Pro 2",
+    price: 199.0,
+    oldPrice: null,
+    width: 367,
+    height: 360,
+    filterBrands: ["xiaomi", "nokia", "sony", "oppo"],
+  },
+  {
+    id: 8,
+    imgSrc: "/images/shop/product-8.jpg",
+    title: "iMac M3 24 inch 8GB 256GB 8GPU",
+    price: 99.0,
+    oldPrice: 299.0,
+    width: 367,
+    height: 360,
+    filterBrands: ["apple", "nokia", "sony", "oppo"],
+  },
+  {
+    id: 9,
+    imgSrc: "/images/shop/product-9.jpg",
+    title: "Mac Studio",
+    price: 99.0,
+    oldPrice: null,
+    width: 367,
+    height: 360,
+    filterBrands: ["apple", "samsung", "xiaomi", "nokia", "sony", "oppo"],
+  },
+];
diff --git a/data/services.js b/data/services.js
new file mode 100644
index 0000000..4b14eb6
--- /dev/null
+++ b/data/services.js
@@ -0,0 +1,193 @@
+export const serviceBoxes = [
+  {
+    id: 1,
+    number: "01",
+    iconSrc: "/images/box-icon/money-bag-02.svg",
+    title: "International IT & AI Startups",
+    description:
+      "Protect your assets and minimize exposure to financial risks by identifying potential vulnerabilities",
+  },
+  {
+    id: 2,
+    number: "02",
+    iconSrc: "/images/box-icon/briefcase-03.svg",
+    title: " Food Processing & Pharmaceuticals",
+    description:
+      "We create customized portfolios tailored to your financial objectives, leveraging data-driven insights and market expertise",
+  },
+  {
+    id: 3,
+    number: "03",
+    iconSrc: "/images/box-icon/taxes.svg",
+    title: " Green Energy & Hydro Power",
+    description:
+      "We specialize in structuring your finances to reduce tax liabilities, ensuring compliance while optimizing your financial position",
+  },
+  {
+    id: 4,
+    number: "04",
+    iconSrc: "/images/box-icon/money-bag-02.svg",
+    title: "Logistics & Warehousing",
+    description:
+      "Protect your assets and minimize exposure to financial risks by identifying potential vulnerabilities",
+  },
+  {
+    id: 5,
+    number: "05",
+    iconSrc: "/images/box-icon/briefcase-03.svg",
+    title: " Global Herbal & Ayurvedic Parks",
+    description:
+      "We create customized portfolios tailored to your financial objectives, leveraging data-driven insights and market expertise",
+  },
+  {
+    id: 6,
+    number: "06",
+    iconSrc: "/images/box-icon/taxes.svg",
+    title: "Export & Import",
+    description:
+      "We specialize in structuring your finances to reduce tax liabilities, ensuring compliance while optimizing your financial position",
+  },
+];
+export const services = [
+  {
+    id: 7,
+    title: "Personal Planning",
+  },
+  {
+    id: 8,
+    title: "Corporate Strategy",
+  },
+  {
+    id: 9,
+    title: "Investment Advisory",
+  },
+  {
+    id: 10,
+    title: "Risk Compliance",
+  },
+];
+
+export const services2 = [
+  {
+    id: 11,
+    title: "Health Insurance",
+    description:
+      "Health insurance covers medical expenses, such as doctor visits, hospital stays & prescription drugs.",
+    icon: "/images/box-icon/medical-circle.svg",
+    bgColor: "bg-color-yellow",
+    delay: "0s",
+  },
+  {
+    id: 12,
+    title: "Property Insurance",
+    description:
+      "Property insurance protects your belongings from damage or loss caused by events like fire, theft, or natural disasters",
+    icon: "/images/box-icon/coins-stacked.svg",
+    bgColor: "bg-color-green",
+    delay: ".2s",
+  },
+  {
+    id: 13,
+    title: "Business Insurance",
+    description:
+      "Business insurance protects your company from various risks, such as property damage",
+    icon: "/images/box-icon/building-07.svg",
+    bgColor: "bg-color-red",
+    delay: ".3s",
+  },
+];
+
+export const services3 = [
+  {
+    id: 14,
+    number: "01",
+    title: "Market Research & Analysis",
+    description:
+      "Gain actionable insights with our comprehensive market research and analysis services. We help you understand your audience, competitors, and industry trends.",
+    image: "/images/section/service-9.jpg",
+  },
+  {
+    id: 15,
+    number: "02",
+    title: "Brand Development & Positioning",
+    description:
+      "Craft a compelling identity that sets you apart. Our tailored brand development and positioning services help you define who you are, communicate your value",
+    image: "/images/section/service-10.jpg",
+  },
+  {
+    id: 16,
+    number: "03",
+    title: "Digital Marketing",
+    description:
+      "Maximize your online presence with data-driven digital marketing strategies. We help you reach, engage, and convert your target audience across the digital landscape.",
+    image: "/images/section/service-11.jpg",
+  },
+];
+
+export const services4 = [
+  {
+    id: 17,
+    title: "Business Strategy <br /> Planning",
+
+    imgSrc: "/images/box-icon/business-idea.png",
+    description:
+      "Market analysis and research, Competitive landscape assessment, SWOT analysis, Strategic goal setting.",
+    delay: "0s",
+    items: [
+      "Financial Planning",
+      "Strategic Goal Setting",
+      "Market Analysis",
+      "SWOT Analysis",
+    ],
+  },
+  {
+    id: 18,
+    title: "Financial Consulting <br /> &amp; Strategy",
+    imgSrc: "/images/box-icon/currency-exchange.png",
+    description:
+      "Financial statement analysis, Cost-benefit analysis, Budgeting and forecasting, Risk management.",
+    delay: ".15s",
+    items: [
+      "Risk Management",
+      "Financial Planning and Analysis",
+      "Mergers and Acquisitions",
+      "Capital Raising",
+    ],
+  },
+  {
+    id: 19,
+    title: "Operations &amp; Analyst <br /> Improvement",
+    imgSrc: "/images/box-icon/stock-market.png",
+    description:
+      "Process Optimization, Lean Manufacturing, Supply Chain Management, Quality Control.",
+    delay: ".25s",
+    items: [
+      "Process Optimization",
+      "Data-Driven Decision Making",
+      "Technology Implementation",
+      "Continuous Improvement",
+    ],
+  },
+  {
+    id: 20,
+    title: "Tailor Personnel <br /> Consulting",
+    imgSrc: "/images/box-icon/email-marketing.png",
+    description:
+      "Talent Acquisition, Employee Development, Performance Management, Organizational Culture Development.",
+    delay: ".35s",
+    items: [
+      "Customized Recruitment Solutions",
+      "Comprehensive Talent Acquisition",
+      "Strategic Talent Management",
+      "Executive Search",
+    ],
+  },
+];
+
+export const allServices = [
+  ...serviceBoxes,
+  ...services,
+  ...services2,
+  ...services3,
+  ...services4,
+];
diff --git a/data/team.js b/data/team.js
new file mode 100644
index 0000000..9de9e0f
--- /dev/null
+++ b/data/team.js
@@ -0,0 +1,99 @@
+export const teamMembers = [
+  {
+    name: "Armor Dao",
+    role: "Co - Founder",
+    image: "/images/team/team-1.jpg",
+  },
+  {
+    name: "Michelle Garcia",
+    role: "SEO",
+    image: "/images/team/team-2.jpg",
+  },
+  {
+    name: "Kobie Mainoo",
+    role: "Marketing Manager",
+    image: "/images/team/team-3.jpg",
+  },
+  {
+    name: "Samantha Nguyen",
+    role: "Compliance Specialist",
+    image: "/images/team/team-4.jpg",
+  },
+  {
+    name: "Michelle Garcia",
+    role: "HR Business ADMIN",
+    image: "/images/team/team-5.jpg",
+  },
+  {
+    name: "James David",
+    role: "Marketing Planning",
+    image: "/images/team/team-6.jpg",
+  },
+  {
+    name: "Oliver Benjamin",
+    role: "Occupancy",
+    image: "/images/team/team-7.jpg",
+  },
+];
+
+export const teamMembers2 = [
+  {
+    name: "Shri Baby Pereppadan",
+    role: "Managing Director and CEO",
+    image: "/images/team/team-1.jpg",
+  },
+  {
+    name: "Shri Wilson Moonthungal Cyril",
+    role: "Director, Finance Management",
+    image: "/images/team/team-2.jpg",
+  },
+  {
+    name: "Shri Jaffer Khan Puthuparambil Ismail",
+    role: "Director, International Networking",
+    image: "/images/team/team-3.jpg",
+  },
+  {
+    name: "Shri Sujith Kumar Kizhakinedayh Padmanabhan Nair",
+    role: "Director, Health Industry",
+    image: "/images/team/team-4.jpg",
+  },
+  {
+    name: "Adv Mgr Kumar Sunil",
+    role: "Director, Strategic Partnership Affair India International",
+    image: "/images/team/team-5.jpg",
+  },
+];
+
+export const teamMembers3 = [
+  {
+    name: "James Waverly",
+    role: "Senior Wealth Manager",
+    imgSrc: "/images/team/team-11.jpg",
+  },
+  {
+    name: "Mia Sinclair",
+    role: "Senior Planning Advisor",
+    imgSrc: "/images/team/team-12.jpg",
+  },
+  {
+    name: "Sophia Grant",
+    role: "Senior Wealth Manager",
+    imgSrc: "/images/team/team-13.jpg",
+  },
+  {
+    name: "James Waverly",
+    role: "Senior Wealth Manager",
+    imgSrc: "/images/team/team-14.jpg",
+  },
+  {
+    name: "Armor Dao",
+    role: "Co - Founder",
+    imgSrc: "/images/team/team-11.jpg",
+  },
+];
+
+export const socialIcons = [
+  { className: "icon-twitter-x", href: "#" },
+  { className: "icon-facebook-f", href: "#" },
+  { className: "icon-instagram", href: "#" },
+];
diff --git a/data/testimonials.js b/data/testimonials.js
new file mode 100644
index 0000000..0333710
--- /dev/null
+++ b/data/testimonials.js
@@ -0,0 +1,109 @@
+export const testimonials = [
+  {
+    id: 1,
+    imageSrc: "/images/page-title/img-1.jpg",
+  },
+  {
+    id: 2,
+    imageSrc: "/images/page-title/img-2.jpg",
+  },
+  {
+    id: 3,
+    imageSrc: "/images/page-title/img-3.jpg",
+  },
+  {
+    id: 1,
+    imageSrc: "/images/page-title/img-1.jpg",
+  },
+  {
+    id: 2,
+    imageSrc: "/images/page-title/img-2.jpg",
+  },
+  {
+    id: 3,
+    imageSrc: "/images/page-title/img-3.jpg",
+  },
+  // Duplicates removed - you can add more unique testimonials if needed
+];
+
+export const testimonials2 = [
+  {
+    id: 1,
+    quote:
+      "Indoireland Pvt. Limited, based in Dublin, fosters strong business and cultural ties between India and Ireland. Led by a team of seasoned professionals, including the Mayor of Dublin, we serve as a trusted bridge between the two nations.",
+    desc:
+      "Our mission is to promote bilateral collaboration through high-level engagements, business support, and cultural exchange. We facilitate delegations, networking, strategic partnerships, and cross-border opportunities, making Indoireland your gateway to impactful Indo-Irish engagement."
+  },
+  {
+    id: 2,
+    logo: "/images/logo/mercury.png",
+    logoWidth: 254,
+    logoHeight: 48,
+    quote:
+      "“Their expert guidance in streamlining our cash flow processes and optimizing operational costs has saved us 18% in annual expenditures. They were not only professional but took the time to understand the intricacies of our tech-driven business.”",
+    name: "James Waverly",
+    position: "Senior Marketing Manager",
+  },
+  {
+    id: 3,
+    logo: "/images/logo/mercury.png",
+    logoWidth: 254,
+    logoHeight: 48,
+    quote:
+      "“Their expert guidance in streamlining our cash flow processes and optimizing operational costs has saved us 18% in annual expenditures. They were not only professional but took the time to understand the intricacies of our tech-driven business.”",
+    name: "James Waverly",
+    position: "Senior Marketing Manager",
+  },
+];
+
+export const testimonials3 = [
+  {
+    id: 1,
+    quote:
+      "The team's responsiveness and ability to meet our needs was remarkable. Their excellent reputation precedes them, and they more than lived up to it.",
+    avatar: "/images/avatar/avatar-6.jpg",
+    position: "President, Business Guler",
+    name: "d. van de Beek",
+  },
+  {
+    id: 2,
+    quote:
+      "Exceptional service from start to finish. Their reputation for delivering quality solutions is well-deserved, and we couldn't be happier with the results.",
+    avatar: "/images/avatar/avatar-5.jpg",
+    position: "CEO & Founder, Catherine Studio",
+    name: "Z. Ibrahimović",
+  },
+  {
+    id: 3,
+    quote:
+      "We couldn't have asked for a better experience. Their dedication to client satisfaction is reflected in their strong industry reputation, and we were thrilled with the results.",
+    avatar: "/images/avatar/avatar-7.jpg",
+    position: "Project Managerment at Amoor",
+    name: "Z. k. mainoo",
+  },
+  // Duplicates for the infinite slider effect (you can adjust the quantity as needed)
+  {
+    id: 4,
+    quote:
+      "The team's responsiveness and ability to meet our needs was remarkable. Their excellent reputation precedes them, and they more than lived up to it.",
+    avatar: "/images/avatar/avatar-6.jpg",
+    position: "President, Business Guler",
+    name: "d. van de Beek",
+  },
+  {
+    id: 5,
+    quote:
+      "Exceptional service from start to finish. Their reputation for delivering quality solutions is well-deserved, and we couldn't be happier with the results.",
+    avatar: "/images/avatar/avatar-5.jpg",
+    position: "CEO & Founder, Catherine Studio",
+    name: "Z. Ibrahimović",
+  },
+  {
+    id: 6,
+    quote:
+      "We couldn't have asked for a better experience. Their dedication to client satisfaction is reflected in their strong industry reputation, and we were thrilled with the results.",
+    avatar: "/images/avatar/avatar-7.jpg",
+    position: "Project Managerment at Amoor",
+    name: "Z. k. mainoo",
+  },
+];
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..2a2e4b3
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}
diff --git a/next.config.mjs b/next.config.mjs
new file mode 100644
index 0000000..99d2560
--- /dev/null
+++ b/next.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  images: {
+    unoptimized: true,
+  },
+};
+
+export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..c282344
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1800 @@
+{
+  "name": "advitex-nextjs",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "advitex-nextjs",
+      "version": "0.1.0",
+      "dependencies": {
+        "axios": "^1.9.0",
+        "bootstrap": "^5.3.2",
+        "drift-zoom": "^1.5.1",
+        "gsap": "^3.12.7",
+        "next": "15.3.0",
+        "odometer": "^0.4.8",
+        "photoswipe": "^5.4.4",
+        "rc-slider": "^11.1.8",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "sass": "^1.86.3",
+        "simple-parallax-js": "^6.1.1",
+        "swiper": "^11.2.6"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
+      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.1.tgz",
+      "integrity": "sha512-pn44xgBtgpEbZsu+lWf2KNb6OAf70X68k+yk69Ic2Xz11zHR/w24/U49XT7AeRwJ0Px+mhALhU5LPci1Aymk7A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.1.tgz",
+      "integrity": "sha512-VfuYgG2r8BpYiOUN+BfYeFo69nP/MIwAtSJ7/Zpxc5QF3KS22z8Pvg3FkrSFJBPNQ7mmcUcYQFBmEQp7eu1F8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.1.0.tgz",
+      "integrity": "sha512-HZ/JUmPwrJSoM4DIQPv/BfNh9yrOA8tlBbqbLz4JZ5uew2+o22Ik+tHQJcih7QJuSa0zo5coHTfD5J8inqj9DA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.1.0.tgz",
+      "integrity": "sha512-Xzc2ToEmHN+hfvsl9wja0RlnXEgpKNmftriQp6XzY/RaSfwD9th+MSh0WQKzUreLKKINb3afirxW7A0fz2YWuQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.1.0.tgz",
+      "integrity": "sha512-s8BAd0lwUIvYCJyRdFqvsj+BJIpDBSxs6ivrOPm/R7piTs5UIwY5OjXrP2bqXC9/moGsyRa37eYWYCOGVXxVrA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.1.0.tgz",
+      "integrity": "sha512-IVfGJa7gjChDET1dK9SekxFFdflarnUB8PwW8aGwEoF3oAsSDuNUTYS+SKDOyOJxQyDC1aPFMuRYLoDInyV9Ew==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.1.0.tgz",
+      "integrity": "sha512-tiXxFZFbhnkWE2LA8oQj7KYR+bWBkiV2nilRldT7bqoEZ4HiDOcePr9wVDAZPi/Id5fT1oY9iGnDq20cwUz8lQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.1.0.tgz",
+      "integrity": "sha512-xukSwvhguw7COyzvmjydRb3x/09+21HykyapcZchiCUkTThEQEOMtBj9UhkaBRLuBrgLFzQ2wbxdeCCJW/jgJA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.1.0.tgz",
+      "integrity": "sha512-yRj2+reB8iMg9W5sULM3S74jVS7zqSzHG3Ol/twnAAkAhnGQnpjj6e4ayUz7V+FpKypwgs82xbRdYtchTTUB+Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.1.0.tgz",
+      "integrity": "sha512-jYZdG+whg0MDK+q2COKbYidaqW/WTz0cc1E+tMAusiDygrM4ypmSCjOJPmFTvHHJ8j/6cAGyeDWZOsK06tP33w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.1.0.tgz",
+      "integrity": "sha512-wK7SBdwrAiycjXdkPnGCPLjYb9lD4l6Ze2gSdAGVZrEL05AOUJESWU2lhlC+Ffn5/G+VKuSm6zzbQSzFX/P65A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.1.tgz",
+      "integrity": "sha512-anKiszvACti2sGy9CirTlNyk7BjjZPiML1jt2ZkTdcvpLU1YH6CXwRAZCA2UmRXnhiIftXQ7+Oh62Ji25W72jA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.1.tgz",
+      "integrity": "sha512-kX2c+vbvaXC6vly1RDf/IWNXxrlxLNpBVWkdpRq5Ka7OOKj6nr66etKy2IENf6FtOgklkg9ZdGpEu9kwdlcwOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.1.tgz",
+      "integrity": "sha512-7s0KX2tI9mZI2buRipKIw2X1ufdTeaRgwmRabt5bi9chYfhur+/C1OXg3TKg/eag1W+6CCWLVmSauV1owmRPxA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.1.tgz",
+      "integrity": "sha512-wExv7SH9nmoBW3Wr2gvQopX1k8q2g5V5Iag8Zk6AVENsjwd+3adjwxtp3Dcu2QhOXr8W9NusBU6XcQUohBZ5MA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.1.tgz",
+      "integrity": "sha512-DfvyxzHxw4WGdPiTF0SOHnm11Xv4aQexvqhRDAoD00MzHekAj9a/jADXeXYCDFH/DzYruwHbXU7uz+H+nWmSOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.1.tgz",
+      "integrity": "sha512-pax/kTR407vNb9qaSIiWVnQplPcGU8LRIJpDT5o8PdAx5aAA7AS3X9PS8Isw1/WfqgQorPotjrZL3Pqh6C5EBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.1.0"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.1.tgz",
+      "integrity": "sha512-YDybQnYrLQfEpzGOQe7OKcyLUCML4YOXl428gOOzBgN6Gw0rv8dpsJ7PqTHxBnXnwXr8S1mYFSLSa727tpz0xg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.4.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.1.tgz",
+      "integrity": "sha512-WKf/NAZITnonBf3U1LfdjoMgNO5JYRSlhovhRhMxXVdvWYveM4kM3L8m35onYIdh75cOMCo1BexgVQcCDzyoWw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.1.tgz",
+      "integrity": "sha512-hw1iIAHpNE8q3uMIRCgGOeDoz9KtFNarFLQclLxr/LK1VBkj8nby18RjFvr6aP7USRYAjTZW6yisnBWMX571Tw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.3.0.tgz",
+      "integrity": "sha512-6mDmHX24nWlHOlbwUiAOmMyY7KELimmi+ed8qWcJYjqXeC+G6JzPZ3QosOAfjNwgMIzwhXBiRiCgdh8axTTdTA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.3.0.tgz",
+      "integrity": "sha512-PDQcByT0ZfF2q7QR9d+PNj3wlNN4K6Q8JoHMwFyk252gWo4gKt7BF8Y2+KBgDjTFBETXZ/TkBEUY7NIIY7A/Kw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.3.0.tgz",
+      "integrity": "sha512-m+eO21yg80En8HJ5c49AOQpFDq+nP51nu88ZOMCorvw3g//8g1JSUsEiPSiFpJo1KCTQ+jm9H0hwXK49H/RmXg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.3.0.tgz",
+      "integrity": "sha512-H0Kk04ZNzb6Aq/G6e0un4B3HekPnyy6D+eUBYPJv9Abx8KDYgNMWzKt4Qhj57HXV3sTTjsfc1Trc1SxuhQB+Tg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.3.0.tgz",
+      "integrity": "sha512-k8GVkdMrh/+J9uIv/GpnHakzgDQhrprJ/FbGQvwWmstaeFG06nnAoZCJV+wO/bb603iKV1BXt4gHG+s2buJqZA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.3.0.tgz",
+      "integrity": "sha512-ZMQ9yzDEts/vkpFLRAqfYO1wSpIJGlQNK9gZ09PgyjBJUmg8F/bb8fw2EXKgEaHbCc4gmqMpDfh+T07qUphp9A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.3.0.tgz",
+      "integrity": "sha512-RFwq5VKYTw9TMr4T3e5HRP6T4RiAzfDJ6XsxH8j/ZeYq2aLsBqCkFzwMI0FmnSsLaUbOb46Uov0VvN3UciHX5A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.3.0.tgz",
+      "integrity": "sha512-a7kUbqa/k09xPjfCl0RSVAvEjAkYBYxUzSVAzk2ptXiNEL+4bDBo9wNC43G/osLA/EOGzG4CuNRFnQyIHfkRgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.3.0.tgz",
+      "integrity": "sha512-vHUQS4YVGJPmpjn7r5lEZuMhK5UQBNBRSB+iGDvJjaNk649pTIcRluDWNb9siunyLLiu/LDPHfvxBtNamyuLTw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher/node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
+      "integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/bootstrap": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.2.tgz",
+      "integrity": "sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001714",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001714.tgz",
+      "integrity": "sha512-mtgapdwDLSSBnCI3JokHM7oEQBLxiJKVRtg10AxM1AyeiKcM96f0Mkbqeq+1AbiCtvMcHRulAAEMu693JrSWqg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/drift-zoom": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/drift-zoom/-/drift-zoom-1.5.1.tgz",
+      "integrity": "sha512-GNLWl0ydTkgyFxfPouKvAZXvJhTt2dqUGkXCqENe+Y1OlQuQ+nUNKgvSpNvjp3nrbcij75GbJR/iMf/qdZbgPw==",
+      "license": "BSD-2"
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gsap": {
+      "version": "3.12.7",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.12.7.tgz",
+      "integrity": "sha512-V4GsyVamhmKefvcAKaoy0h6si0xX7ogwBoBSs2CTJwt7luW0oZzC0LhdkyuKV8PJAXr7Yaj8pMjCKD4GJ+eEMg==",
+      "license": "Standard 'no charge' license: https://gsap.com/standard-license. Club GSAP members get more: https://gsap.com/licensing/. Why GreenSock doesn't employ an MIT license: https://gsap.com/why-license/"
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.1.tgz",
+      "integrity": "sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==",
+      "license": "MIT"
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.3.0.tgz",
+      "integrity": "sha512-k0MgP6BsK8cZ73wRjMazl2y2UcXj49ZXLDEgx6BikWuby/CN+nh81qFFI16edgd7xYpe/jj2OZEIwCoqnzz0bQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.3.0",
+        "@swc/counter": "0.1.3",
+        "@swc/helpers": "0.5.15",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.3.0",
+        "@next/swc-darwin-x64": "15.3.0",
+        "@next/swc-linux-arm64-gnu": "15.3.0",
+        "@next/swc-linux-arm64-musl": "15.3.0",
+        "@next/swc-linux-x64-gnu": "15.3.0",
+        "@next/swc-linux-x64-musl": "15.3.0",
+        "@next/swc-win32-arm64-msvc": "15.3.0",
+        "@next/swc-win32-x64-msvc": "15.3.0",
+        "sharp": "^0.34.1"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/odometer": {
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/odometer/-/odometer-0.4.8.tgz",
+      "integrity": "sha512-bfKuAhWE/qMCiX9bwX90c5bTpt7MDVeq1e6YsOHQrYokNhv9jhS5JbR9kg6i+FeWmDgalf3VUtwNx1aVaZ8cgg==",
+      "license": "MIT"
+    },
+    "node_modules/photoswipe": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/photoswipe/-/photoswipe-5.4.4.tgz",
+      "integrity": "sha512-WNFHoKrkZNnvFFhbHL93WDkW3ifwVOXSW3w1UuZZelSmgXpIGiZSNlZJq37rR8YejqME2rHs9EhH9ZvlvFH2NA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/rc-slider": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz",
+      "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
+      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.0"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.86.3",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.86.3.tgz",
+      "integrity": "sha512-iGtg8kus4GrsGLRDLRBRHY9dNVA78ZaS7xr01cWnS7PEMQyFtTqBiyCrfpTYTZXRWM94akzckYjh8oADfFNTzw==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.1.tgz",
+      "integrity": "sha512-1j0w61+eVxu7DawFJtnfYcvSv6qPFvfTaqzTQ2BLknVhHTwGS8sc63ZBF4rzkWMBVKybo4S5OBtDdZahh2A1xg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.3",
+        "semver": "^7.7.1"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.1",
+        "@img/sharp-darwin-x64": "0.34.1",
+        "@img/sharp-libvips-darwin-arm64": "1.1.0",
+        "@img/sharp-libvips-darwin-x64": "1.1.0",
+        "@img/sharp-libvips-linux-arm": "1.1.0",
+        "@img/sharp-libvips-linux-arm64": "1.1.0",
+        "@img/sharp-libvips-linux-ppc64": "1.1.0",
+        "@img/sharp-libvips-linux-s390x": "1.1.0",
+        "@img/sharp-libvips-linux-x64": "1.1.0",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0",
+        "@img/sharp-libvips-linuxmusl-x64": "1.1.0",
+        "@img/sharp-linux-arm": "0.34.1",
+        "@img/sharp-linux-arm64": "0.34.1",
+        "@img/sharp-linux-s390x": "0.34.1",
+        "@img/sharp-linux-x64": "0.34.1",
+        "@img/sharp-linuxmusl-arm64": "0.34.1",
+        "@img/sharp-linuxmusl-x64": "0.34.1",
+        "@img/sharp-wasm32": "0.34.1",
+        "@img/sharp-win32-ia32": "0.34.1",
+        "@img/sharp-win32-x64": "0.34.1"
+      }
+    },
+    "node_modules/simple-parallax-js": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/simple-parallax-js/-/simple-parallax-js-6.1.1.tgz",
+      "integrity": "sha512-jTuiAi0YL4xXuzwmJvueXibc2uFOiTJrAreO2scgu3/roOA4uOatWlwNCDJ23blO2AQWqF8fQAHA+eVL9vUETw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/swiper": {
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.2.6.tgz",
+      "integrity": "sha512-8aXpYKtjy3DjcbzZfz+/OX/GhcU5h+looA6PbAzHMZT6ESSycSp9nAjPCenczgJyslV+rUGse64LMGpWE3PX9Q==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..06ff04a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "advitex-nextjs",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "axios": "^1.9.0",
+    "bootstrap": "^5.3.2",
+    "drift-zoom": "^1.5.1",
+    "gsap": "^3.12.7",
+    "next": "15.3.0",
+    "odometer": "^0.4.8",
+    "photoswipe": "^5.4.4",
+    "rc-slider": "^11.1.8",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "sass": "^1.86.3",
+    "simple-parallax-js": "^6.1.1",
+    "swiper": "^11.2.6"
+  }
+}
diff --git a/public/css/animate.min.css b/public/css/animate.min.css
new file mode 100644
index 0000000..e8a9c17
--- /dev/null
+++ b/public/css/animate.min.css
@@ -0,0 +1,4385 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css - https://animate.style/
+ * Version - 4.1.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2020 Animate.css
+ */
+:root {
+    --animate-duration: 1s;
+    --animate-delay: 1s;
+    --animate-repeat: 1
+}
+
+.animate__animated {
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-duration: var(--animate-duration);
+    animation-duration: var(--animate-duration);
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both
+}
+
+.animate__animated.animate__infinite {
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite
+}
+
+.animate__animated.animate__repeat-1 {
+    -webkit-animation-iteration-count: 1;
+    animation-iteration-count: 1;
+    -webkit-animation-iteration-count: var(--animate-repeat);
+    animation-iteration-count: var(--animate-repeat)
+}
+
+.animate__animated.animate__repeat-2 {
+    -webkit-animation-iteration-count: 2;
+    animation-iteration-count: 2;
+    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
+    animation-iteration-count: calc(var(--animate-repeat)*2)
+}
+
+.animate__animated.animate__repeat-3 {
+    -webkit-animation-iteration-count: 3;
+    animation-iteration-count: 3;
+    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
+    animation-iteration-count: calc(var(--animate-repeat)*3)
+}
+
+.animate__animated.animate__delay-1s {
+    -webkit-animation-delay: 1s;
+    animation-delay: 1s;
+    -webkit-animation-delay: var(--animate-delay);
+    animation-delay: var(--animate-delay)
+}
+
+.animate__animated.animate__delay-2s {
+    -webkit-animation-delay: 2s;
+    animation-delay: 2s;
+    -webkit-animation-delay: calc(var(--animate-delay)*2);
+    animation-delay: calc(var(--animate-delay)*2)
+}
+
+.animate__animated.animate__delay-3s {
+    -webkit-animation-delay: 3s;
+    animation-delay: 3s;
+    -webkit-animation-delay: calc(var(--animate-delay)*3);
+    animation-delay: calc(var(--animate-delay)*3)
+}
+
+.animate__animated.animate__delay-4s {
+    -webkit-animation-delay: 4s;
+    animation-delay: 4s;
+    -webkit-animation-delay: calc(var(--animate-delay)*4);
+    animation-delay: calc(var(--animate-delay)*4)
+}
+
+.animate__animated.animate__delay-5s {
+    -webkit-animation-delay: 5s;
+    animation-delay: 5s;
+    -webkit-animation-delay: calc(var(--animate-delay)*5);
+    animation-delay: calc(var(--animate-delay)*5)
+}
+
+.animate__animated.animate__faster {
+    -webkit-animation-duration: .5s;
+    animation-duration: .5s;
+    -webkit-animation-duration: calc(var(--animate-duration)/2);
+    animation-duration: calc(var(--animate-duration)/2)
+}
+
+.animate__animated.animate__fast {
+    -webkit-animation-duration: .8s;
+    animation-duration: .8s;
+    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
+    animation-duration: calc(var(--animate-duration)*0.8)
+}
+
+.animate__animated.animate__slow {
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-duration: calc(var(--animate-duration)*2);
+    animation-duration: calc(var(--animate-duration)*2)
+}
+
+.animate__animated.animate__slower {
+    -webkit-animation-duration: 3s;
+    animation-duration: 3s;
+    -webkit-animation-duration: calc(var(--animate-duration)*3);
+    animation-duration: calc(var(--animate-duration)*3)
+}
+
+@media (prefers-reduced-motion:reduce),
+print {
+    .animate__animated {
+        -webkit-animation-duration: 1ms !important;
+        animation-duration: 1ms !important;
+        -webkit-transition-duration: 1ms !important;
+        transition-duration: 1ms !important;
+        -webkit-animation-iteration-count: 1 !important;
+        animation-iteration-count: 1 !important
+    }
+
+    .animate__animated[class*=Out] {
+        opacity: 0
+    }
+}
+
+@-webkit-keyframes bounce {
+
+    0%,
+    20%,
+    53%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    40%,
+    43% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+        transform: translate3d(0, -30px, 0) scaleY(1.1)
+    }
+
+    70% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+        transform: translate3d(0, -15px, 0) scaleY(1.05)
+    }
+
+    80% {
+        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translateZ(0) scaleY(.95);
+        transform: translateZ(0) scaleY(.95)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+        transform: translate3d(0, -4px, 0) scaleY(1.02)
+    }
+}
+
+@keyframes bounce {
+
+    0%,
+    20%,
+    53%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    40%,
+    43% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
+        transform: translate3d(0, -30px, 0) scaleY(1.1)
+    }
+
+    70% {
+        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
+        transform: translate3d(0, -15px, 0) scaleY(1.05)
+    }
+
+    80% {
+        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+        -webkit-transform: translateZ(0) scaleY(.95);
+        transform: translateZ(0) scaleY(.95)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
+        transform: translate3d(0, -4px, 0) scaleY(1.02)
+    }
+}
+
+.animate__bounce {
+    -webkit-animation-name: bounce;
+    animation-name: bounce;
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom
+}
+
+@-webkit-keyframes flash {
+
+    0%,
+    50%,
+    to {
+        opacity: 1
+    }
+
+    25%,
+    75% {
+        opacity: 0
+    }
+}
+
+@keyframes flash {
+
+    0%,
+    50%,
+    to {
+        opacity: 1
+    }
+
+    25%,
+    75% {
+        opacity: 0
+    }
+}
+
+.animate__flash {
+    -webkit-animation-name: flash;
+    animation-name: flash
+}
+
+@-webkit-keyframes pulse {
+    0% {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.05, 1.05, 1.05);
+        transform: scale3d(1.05, 1.05, 1.05)
+    }
+
+    to {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+@keyframes pulse {
+    0% {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.05, 1.05, 1.05);
+        transform: scale3d(1.05, 1.05, 1.05)
+    }
+
+    to {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+.animate__pulse {
+    -webkit-animation-name: pulse;
+    animation-name: pulse;
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out
+}
+
+@-webkit-keyframes rubberBand {
+    0% {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25, .75, 1);
+        transform: scale3d(1.25, .75, 1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.75, 1.25, 1);
+        transform: scale3d(.75, 1.25, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15, .85, 1);
+        transform: scale3d(1.15, .85, 1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95, 1.05, 1);
+        transform: scale3d(.95, 1.05, 1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05, .95, 1);
+        transform: scale3d(1.05, .95, 1)
+    }
+
+    to {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+@keyframes rubberBand {
+    0% {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    30% {
+        -webkit-transform: scale3d(1.25, .75, 1);
+        transform: scale3d(1.25, .75, 1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.75, 1.25, 1);
+        transform: scale3d(.75, 1.25, 1)
+    }
+
+    50% {
+        -webkit-transform: scale3d(1.15, .85, 1);
+        transform: scale3d(1.15, .85, 1)
+    }
+
+    65% {
+        -webkit-transform: scale3d(.95, 1.05, 1);
+        transform: scale3d(.95, 1.05, 1)
+    }
+
+    75% {
+        -webkit-transform: scale3d(1.05, .95, 1);
+        transform: scale3d(1.05, .95, 1)
+    }
+
+    to {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+.animate__rubberBand {
+    -webkit-animation-name: rubberBand;
+    animation-name: rubberBand
+}
+
+@-webkit-keyframes shakeX {
+
+    0%,
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+}
+
+@keyframes shakeX {
+
+    0%,
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(-10px, 0, 0);
+        transform: translate3d(-10px, 0, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(10px, 0, 0);
+        transform: translate3d(10px, 0, 0)
+    }
+}
+
+.animate__shakeX {
+    -webkit-animation-name: shakeX;
+    animation-name: shakeX
+}
+
+@-webkit-keyframes shakeY {
+
+    0%,
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+}
+
+@keyframes shakeY {
+
+    0%,
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    10%,
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: translate3d(0, -10px, 0);
+        transform: translate3d(0, -10px, 0)
+    }
+
+    20%,
+    40%,
+    60%,
+    80% {
+        -webkit-transform: translate3d(0, 10px, 0);
+        transform: translate3d(0, 10px, 0)
+    }
+}
+
+.animate__shakeY {
+    -webkit-animation-name: shakeY;
+    animation-name: shakeY
+}
+
+@-webkit-keyframes headShake {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+
+    6.5% {
+        -webkit-transform: translateX(-6px) rotateY(-9deg);
+        transform: translateX(-6px) rotateY(-9deg)
+    }
+
+    18.5% {
+        -webkit-transform: translateX(5px) rotateY(7deg);
+        transform: translateX(5px) rotateY(7deg)
+    }
+
+    31.5% {
+        -webkit-transform: translateX(-3px) rotateY(-5deg);
+        transform: translateX(-3px) rotateY(-5deg)
+    }
+
+    43.5% {
+        -webkit-transform: translateX(2px) rotateY(3deg);
+        transform: translateX(2px) rotateY(3deg)
+    }
+
+    50% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+}
+
+@keyframes headShake {
+    0% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+
+    6.5% {
+        -webkit-transform: translateX(-6px) rotateY(-9deg);
+        transform: translateX(-6px) rotateY(-9deg)
+    }
+
+    18.5% {
+        -webkit-transform: translateX(5px) rotateY(7deg);
+        transform: translateX(5px) rotateY(7deg)
+    }
+
+    31.5% {
+        -webkit-transform: translateX(-3px) rotateY(-5deg);
+        transform: translateX(-3px) rotateY(-5deg)
+    }
+
+    43.5% {
+        -webkit-transform: translateX(2px) rotateY(3deg);
+        transform: translateX(2px) rotateY(3deg)
+    }
+
+    50% {
+        -webkit-transform: translateX(0);
+        transform: translateX(0)
+    }
+}
+
+.animate__headShake {
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+    -webkit-animation-name: headShake;
+    animation-name: headShake
+}
+
+@-webkit-keyframes swing {
+    20% {
+        -webkit-transform: rotate(15deg);
+        transform: rotate(15deg)
+    }
+
+    40% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    60% {
+        -webkit-transform: rotate(5deg);
+        transform: rotate(5deg)
+    }
+
+    80% {
+        -webkit-transform: rotate(-5deg);
+        transform: rotate(-5deg)
+    }
+
+    to {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+}
+
+@keyframes swing {
+    20% {
+        -webkit-transform: rotate(15deg);
+        transform: rotate(15deg)
+    }
+
+    40% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    60% {
+        -webkit-transform: rotate(5deg);
+        transform: rotate(5deg)
+    }
+
+    80% {
+        -webkit-transform: rotate(-5deg);
+        transform: rotate(-5deg)
+    }
+
+    to {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+}
+
+.animate__swing {
+    -webkit-transform-origin: top center;
+    transform-origin: top center;
+    -webkit-animation-name: swing;
+    animation-name: swing
+}
+
+@-webkit-keyframes tada {
+    0% {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    10%,
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
+        transform: scale3d(.9, .9, .9) rotate(-3deg)
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
+    }
+
+    40%,
+    60%,
+    80% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
+    }
+
+    to {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+@keyframes tada {
+    0% {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+
+    10%,
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
+        transform: scale3d(.9, .9, .9) rotate(-3deg)
+    }
+
+    30%,
+    50%,
+    70%,
+    90% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
+    }
+
+    40%,
+    60%,
+    80% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
+    }
+
+    to {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+.animate__tada {
+    -webkit-animation-name: tada;
+    animation-name: tada
+}
+
+@-webkit-keyframes wobble {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    15% {
+        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+        transform: translate3d(-25%, 0, 0) rotate(-5deg)
+    }
+
+    30% {
+        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+        transform: translate3d(20%, 0, 0) rotate(3deg)
+    }
+
+    45% {
+        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+        transform: translate3d(-15%, 0, 0) rotate(-3deg)
+    }
+
+    60% {
+        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+        transform: translate3d(10%, 0, 0) rotate(2deg)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+        transform: translate3d(-5%, 0, 0) rotate(-1deg)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes wobble {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    15% {
+        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+        transform: translate3d(-25%, 0, 0) rotate(-5deg)
+    }
+
+    30% {
+        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+        transform: translate3d(20%, 0, 0) rotate(3deg)
+    }
+
+    45% {
+        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+        transform: translate3d(-15%, 0, 0) rotate(-3deg)
+    }
+
+    60% {
+        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+        transform: translate3d(10%, 0, 0) rotate(2deg)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+        transform: translate3d(-5%, 0, 0) rotate(-1deg)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__wobble {
+    -webkit-animation-name: wobble;
+    animation-name: wobble
+}
+
+@-webkit-keyframes jello {
+
+    0%,
+    11.1%,
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    22.2% {
+        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+        transform: skewX(-12.5deg) skewY(-12.5deg)
+    }
+
+    33.3% {
+        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+        transform: skewX(6.25deg) skewY(6.25deg)
+    }
+
+    44.4% {
+        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+        transform: skewX(-3.125deg) skewY(-3.125deg)
+    }
+
+    55.5% {
+        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+        transform: skewX(1.5625deg) skewY(1.5625deg)
+    }
+
+    66.6% {
+        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
+        transform: skewX(-.78125deg) skewY(-.78125deg)
+    }
+
+    77.7% {
+        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
+        transform: skewX(.390625deg) skewY(.390625deg)
+    }
+
+    88.8% {
+        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
+        transform: skewX(-.1953125deg) skewY(-.1953125deg)
+    }
+}
+
+@keyframes jello {
+
+    0%,
+    11.1%,
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    22.2% {
+        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+        transform: skewX(-12.5deg) skewY(-12.5deg)
+    }
+
+    33.3% {
+        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+        transform: skewX(6.25deg) skewY(6.25deg)
+    }
+
+    44.4% {
+        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+        transform: skewX(-3.125deg) skewY(-3.125deg)
+    }
+
+    55.5% {
+        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+        transform: skewX(1.5625deg) skewY(1.5625deg)
+    }
+
+    66.6% {
+        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
+        transform: skewX(-.78125deg) skewY(-.78125deg)
+    }
+
+    77.7% {
+        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
+        transform: skewX(.390625deg) skewY(.390625deg)
+    }
+
+    88.8% {
+        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
+        transform: skewX(-.1953125deg) skewY(-.1953125deg)
+    }
+}
+
+.animate__jello {
+    -webkit-animation-name: jello;
+    animation-name: jello;
+    -webkit-transform-origin: center;
+    transform-origin: center
+}
+
+@-webkit-keyframes heartBeat {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+
+    14% {
+        -webkit-transform: scale(1.3);
+        transform: scale(1.3)
+    }
+
+    28% {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+
+    42% {
+        -webkit-transform: scale(1.3);
+        transform: scale(1.3)
+    }
+
+    70% {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@keyframes heartBeat {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+
+    14% {
+        -webkit-transform: scale(1.3);
+        transform: scale(1.3)
+    }
+
+    28% {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+
+    42% {
+        -webkit-transform: scale(1.3);
+        transform: scale(1.3)
+    }
+
+    70% {
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+.animate__heartBeat {
+    -webkit-animation-name: heartBeat;
+    animation-name: heartBeat;
+    -webkit-animation-duration: 1.3s;
+    animation-duration: 1.3s;
+    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
+    animation-duration: calc(var(--animate-duration)*1.3);
+    -webkit-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out
+}
+
+@-webkit-keyframes backInDown {
+    0% {
+        -webkit-transform: translateY(-1200px) scale(.7);
+        transform: translateY(-1200px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+@keyframes backInDown {
+    0% {
+        -webkit-transform: translateY(-1200px) scale(.7);
+        transform: translateY(-1200px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+.animate__backInDown {
+    -webkit-animation-name: backInDown;
+    animation-name: backInDown
+}
+
+@-webkit-keyframes backInLeft {
+    0% {
+        -webkit-transform: translateX(-2000px) scale(.7);
+        transform: translateX(-2000px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+@keyframes backInLeft {
+    0% {
+        -webkit-transform: translateX(-2000px) scale(.7);
+        transform: translateX(-2000px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+.animate__backInLeft {
+    -webkit-animation-name: backInLeft;
+    animation-name: backInLeft
+}
+
+@-webkit-keyframes backInRight {
+    0% {
+        -webkit-transform: translateX(2000px) scale(.7);
+        transform: translateX(2000px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+@keyframes backInRight {
+    0% {
+        -webkit-transform: translateX(2000px) scale(.7);
+        transform: translateX(2000px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+.animate__backInRight {
+    -webkit-animation-name: backInRight;
+    animation-name: backInRight
+}
+
+@-webkit-keyframes backInUp {
+    0% {
+        -webkit-transform: translateY(1200px) scale(.7);
+        transform: translateY(1200px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+@keyframes backInUp {
+    0% {
+        -webkit-transform: translateY(1200px) scale(.7);
+        transform: translateY(1200px) scale(.7);
+        opacity: .7
+    }
+
+    80% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+.animate__backInUp {
+    -webkit-animation-name: backInUp;
+    animation-name: backInUp
+}
+
+@-webkit-keyframes backOutDown {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateY(700px) scale(.7);
+        transform: translateY(700px) scale(.7);
+        opacity: .7
+    }
+}
+
+@keyframes backOutDown {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateY(700px) scale(.7);
+        transform: translateY(700px) scale(.7);
+        opacity: .7
+    }
+}
+
+.animate__backOutDown {
+    -webkit-animation-name: backOutDown;
+    animation-name: backOutDown
+}
+
+@-webkit-keyframes backOutLeft {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateX(-2000px) scale(.7);
+        transform: translateX(-2000px) scale(.7);
+        opacity: .7
+    }
+}
+
+@keyframes backOutLeft {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateX(-2000px) scale(.7);
+        transform: translateX(-2000px) scale(.7);
+        opacity: .7
+    }
+}
+
+.animate__backOutLeft {
+    -webkit-animation-name: backOutLeft;
+    animation-name: backOutLeft
+}
+
+@-webkit-keyframes backOutRight {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateX(2000px) scale(.7);
+        transform: translateX(2000px) scale(.7);
+        opacity: .7
+    }
+}
+
+@keyframes backOutRight {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateX(0) scale(.7);
+        transform: translateX(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateX(2000px) scale(.7);
+        transform: translateX(2000px) scale(.7);
+        opacity: .7
+    }
+}
+
+.animate__backOutRight {
+    -webkit-animation-name: backOutRight;
+    animation-name: backOutRight
+}
+
+@-webkit-keyframes backOutUp {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateY(-700px) scale(.7);
+        transform: translateY(-700px) scale(.7);
+        opacity: .7
+    }
+}
+
+@keyframes backOutUp {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+        opacity: 1
+    }
+
+    20% {
+        -webkit-transform: translateY(0) scale(.7);
+        transform: translateY(0) scale(.7);
+        opacity: .7
+    }
+
+    to {
+        -webkit-transform: translateY(-700px) scale(.7);
+        transform: translateY(-700px) scale(.7);
+        opacity: .7
+    }
+}
+
+.animate__backOutUp {
+    -webkit-animation-name: backOutUp;
+    animation-name: backOutUp
+}
+
+@-webkit-keyframes bounceIn {
+
+    0%,
+    20%,
+    40%,
+    60%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    20% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.03, 1.03, 1.03);
+        transform: scale3d(1.03, 1.03, 1.03)
+    }
+
+    80% {
+        -webkit-transform: scale3d(.97, .97, .97);
+        transform: scale3d(.97, .97, .97)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+@keyframes bounceIn {
+
+    0%,
+    20%,
+    40%,
+    60%,
+    80%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    20% {
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    40% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.03, 1.03, 1.03);
+        transform: scale3d(1.03, 1.03, 1.03)
+    }
+
+    80% {
+        -webkit-transform: scale3d(.97, .97, .97);
+        transform: scale3d(.97, .97, .97)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1)
+    }
+}
+
+.animate__bounceIn {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
+    animation-duration: calc(var(--animate-duration)*0.75);
+    -webkit-animation-name: bounceIn;
+    animation-name: bounceIn
+}
+
+@-webkit-keyframes bounceInDown {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+        transform: translate3d(0, -3000px, 0) scaleY(3)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
+        transform: translate3d(0, 25px, 0) scaleY(.9)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
+        transform: translate3d(0, -10px, 0) scaleY(.95)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
+        transform: translate3d(0, 5px, 0) scaleY(.985)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes bounceInDown {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
+        transform: translate3d(0, -3000px, 0) scaleY(3)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
+        transform: translate3d(0, 25px, 0) scaleY(.9)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
+        transform: translate3d(0, -10px, 0) scaleY(.95)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
+        transform: translate3d(0, 5px, 0) scaleY(.985)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__bounceInDown {
+    -webkit-animation-name: bounceInDown;
+    animation-name: bounceInDown
+}
+
+@-webkit-keyframes bounceInLeft {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+        transform: translate3d(-3000px, 0, 0) scaleX(3)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+        transform: translate3d(25px, 0, 0) scaleX(1)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
+        transform: translate3d(-10px, 0, 0) scaleX(.98)
+    }
+
+    90% {
+        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
+        transform: translate3d(5px, 0, 0) scaleX(.995)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes bounceInLeft {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
+        transform: translate3d(-3000px, 0, 0) scaleX(3)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
+        transform: translate3d(25px, 0, 0) scaleX(1)
+    }
+
+    75% {
+        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
+        transform: translate3d(-10px, 0, 0) scaleX(.98)
+    }
+
+    90% {
+        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
+        transform: translate3d(5px, 0, 0) scaleX(.995)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__bounceInLeft {
+    -webkit-animation-name: bounceInLeft;
+    animation-name: bounceInLeft
+}
+
+@-webkit-keyframes bounceInRight {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+        transform: translate3d(3000px, 0, 0) scaleX(3)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+        transform: translate3d(-25px, 0, 0) scaleX(1)
+    }
+
+    75% {
+        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
+        transform: translate3d(10px, 0, 0) scaleX(.98)
+    }
+
+    90% {
+        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
+        transform: translate3d(-5px, 0, 0) scaleX(.995)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes bounceInRight {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
+        transform: translate3d(3000px, 0, 0) scaleX(3)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
+        transform: translate3d(-25px, 0, 0) scaleX(1)
+    }
+
+    75% {
+        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
+        transform: translate3d(10px, 0, 0) scaleX(.98)
+    }
+
+    90% {
+        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
+        transform: translate3d(-5px, 0, 0) scaleX(.995)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__bounceInRight {
+    -webkit-animation-name: bounceInRight;
+    animation-name: bounceInRight
+}
+
+@-webkit-keyframes bounceInUp {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+        transform: translate3d(0, 3000px, 0) scaleY(5)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
+        transform: translate3d(0, -20px, 0) scaleY(.9)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
+        transform: translate3d(0, 10px, 0) scaleY(.95)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
+        transform: translate3d(0, -5px, 0) scaleY(.985)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes bounceInUp {
+
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
+    }
+
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
+        transform: translate3d(0, 3000px, 0) scaleY(5)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
+        transform: translate3d(0, -20px, 0) scaleY(.9)
+    }
+
+    75% {
+        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
+        transform: translate3d(0, 10px, 0) scaleY(.95)
+    }
+
+    90% {
+        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
+        transform: translate3d(0, -5px, 0) scaleY(.985)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__bounceInUp {
+    -webkit-animation-name: bounceInUp;
+    animation-name: bounceInUp
+}
+
+@-webkit-keyframes bounceOut {
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    50%,
+    55% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+}
+
+@keyframes bounceOut {
+    20% {
+        -webkit-transform: scale3d(.9, .9, .9);
+        transform: scale3d(.9, .9, .9)
+    }
+
+    50%,
+    55% {
+        opacity: 1;
+        -webkit-transform: scale3d(1.1, 1.1, 1.1);
+        transform: scale3d(1.1, 1.1, 1.1)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+}
+
+.animate__bounceOut {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
+    animation-duration: calc(var(--animate-duration)*0.75);
+    -webkit-animation-name: bounceOut;
+    animation-name: bounceOut
+}
+
+@-webkit-keyframes bounceOutDown {
+    20% {
+        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
+        transform: translate3d(0, 10px, 0) scaleY(.985)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
+        transform: translate3d(0, -20px, 0) scaleY(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+        transform: translate3d(0, 2000px, 0) scaleY(3)
+    }
+}
+
+@keyframes bounceOutDown {
+    20% {
+        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
+        transform: translate3d(0, 10px, 0) scaleY(.985)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
+        transform: translate3d(0, -20px, 0) scaleY(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
+        transform: translate3d(0, 2000px, 0) scaleY(3)
+    }
+}
+
+.animate__bounceOutDown {
+    -webkit-animation-name: bounceOutDown;
+    animation-name: bounceOutDown
+}
+
+@-webkit-keyframes bounceOutLeft {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
+        transform: translate3d(20px, 0, 0) scaleX(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+        transform: translate3d(-2000px, 0, 0) scaleX(2)
+    }
+}
+
+@keyframes bounceOutLeft {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
+        transform: translate3d(20px, 0, 0) scaleX(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
+        transform: translate3d(-2000px, 0, 0) scaleX(2)
+    }
+}
+
+.animate__bounceOutLeft {
+    -webkit-animation-name: bounceOutLeft;
+    animation-name: bounceOutLeft
+}
+
+@-webkit-keyframes bounceOutRight {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
+        transform: translate3d(-20px, 0, 0) scaleX(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+        transform: translate3d(2000px, 0, 0) scaleX(2)
+    }
+}
+
+@keyframes bounceOutRight {
+    20% {
+        opacity: 1;
+        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
+        transform: translate3d(-20px, 0, 0) scaleX(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
+        transform: translate3d(2000px, 0, 0) scaleX(2)
+    }
+}
+
+.animate__bounceOutRight {
+    -webkit-animation-name: bounceOutRight;
+    animation-name: bounceOutRight
+}
+
+@-webkit-keyframes bounceOutUp {
+    20% {
+        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
+        transform: translate3d(0, -10px, 0) scaleY(.985)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
+        transform: translate3d(0, 20px, 0) scaleY(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+        transform: translate3d(0, -2000px, 0) scaleY(3)
+    }
+}
+
+@keyframes bounceOutUp {
+    20% {
+        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
+        transform: translate3d(0, -10px, 0) scaleY(.985)
+    }
+
+    40%,
+    45% {
+        opacity: 1;
+        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
+        transform: translate3d(0, 20px, 0) scaleY(.9)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
+        transform: translate3d(0, -2000px, 0) scaleY(3)
+    }
+}
+
+.animate__bounceOutUp {
+    -webkit-animation-name: bounceOutUp;
+    animation-name: bounceOutUp
+}
+
+@-webkit-keyframes fadeIn {
+    0% {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes fadeIn {
+    0% {
+        opacity: 0
+    }
+
+    to {
+        opacity: 1
+    }
+}
+
+.animate__fadeIn {
+    -webkit-animation-name: fadeIn;
+    animation-name: fadeIn
+}
+
+@-webkit-keyframes fadeInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInDown {
+    -webkit-animation-name: fadeInDown;
+    animation-name: fadeInDown
+}
+
+@-webkit-keyframes fadeInDownBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInDownBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInDownBig {
+    -webkit-animation-name: fadeInDownBig;
+    animation-name: fadeInDownBig
+}
+
+@-webkit-keyframes fadeInLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-20px, 0, 0);
+        transform: translate3d(-20px, 0, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+@keyframes fadeInLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-40px, 0, 0);
+        transform: translate3d(-40px, 0, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+.animate__fadeInLeft {
+    -webkit-animation-name: fadeInLeft;
+    animation-name: fadeInLeft
+}
+
+@-webkit-keyframes fadeInLeftBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInLeftBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInLeftBig {
+    -webkit-animation-name: fadeInLeftBig;
+    animation-name: fadeInLeftBig
+}
+
+@-webkit-keyframes fadeInRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(40px, 0, 0);
+        transform: translate3d(40px, 0, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+@keyframes fadeInRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(40px, 0, 0);
+        transform: translate3d(40px, 0, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+.animate__fadeInRight {
+    -webkit-animation-name: fadeInRight;
+    animation-name: fadeInRight
+}
+
+@-webkit-keyframes fadeInRightBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInRightBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInRightBig {
+    -webkit-animation-name: fadeInRightBig;
+    animation-name: fadeInRightBig
+}
+
+@-webkit-keyframes fadeInUp {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 40px, 0);
+        transform: translate3d(0, 40px, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+@keyframes fadeInUp {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 40px, 0);
+        transform: translate3d(0, 40px, 0);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: none;
+        transform: none;
+    }
+}
+
+.animate__fadeInUp {
+    -webkit-animation-name: fadeInUp;
+    animation-name: fadeInUp
+}
+
+@-webkit-keyframes fadeInUpBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInUpBig {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInUpBig {
+    -webkit-animation-name: fadeInUpBig;
+    animation-name: fadeInUpBig
+}
+
+@-webkit-keyframes fadeInTopLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, -100%, 0);
+        transform: translate3d(-100%, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInTopLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, -100%, 0);
+        transform: translate3d(-100%, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInTopLeft {
+    -webkit-animation-name: fadeInTopLeft;
+    animation-name: fadeInTopLeft
+}
+
+@-webkit-keyframes fadeInTopRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, -100%, 0);
+        transform: translate3d(100%, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInTopRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, -100%, 0);
+        transform: translate3d(100%, -100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInTopRight {
+    -webkit-animation-name: fadeInTopRight;
+    animation-name: fadeInTopRight
+}
+
+@-webkit-keyframes fadeInBottomLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 100%, 0);
+        transform: translate3d(-100%, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInBottomLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 100%, 0);
+        transform: translate3d(-100%, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInBottomLeft {
+    -webkit-animation-name: fadeInBottomLeft;
+    animation-name: fadeInBottomLeft
+}
+
+@-webkit-keyframes fadeInBottomRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 100%, 0);
+        transform: translate3d(100%, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes fadeInBottomRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 100%, 0);
+        transform: translate3d(100%, 100%, 0)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__fadeInBottomRight {
+    -webkit-animation-name: fadeInBottomRight;
+    animation-name: fadeInBottomRight
+}
+
+@-webkit-keyframes fadeOut {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes fadeOut {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+.animate__fadeOut {
+    -webkit-animation-name: fadeOut;
+    animation-name: fadeOut
+}
+
+@-webkit-keyframes fadeOutDown {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+@keyframes fadeOutDown {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+.animate__fadeOutDown {
+    -webkit-animation-name: fadeOutDown;
+    animation-name: fadeOutDown
+}
+
+@-webkit-keyframes fadeOutDownBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+@keyframes fadeOutDownBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, 2000px, 0);
+        transform: translate3d(0, 2000px, 0)
+    }
+}
+
+.animate__fadeOutDownBig {
+    -webkit-animation-name: fadeOutDownBig;
+    animation-name: fadeOutDownBig
+}
+
+@-webkit-keyframes fadeOutLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+@keyframes fadeOutLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+.animate__fadeOutLeft {
+    -webkit-animation-name: fadeOutLeft;
+    animation-name: fadeOutLeft
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+@keyframes fadeOutLeftBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-2000px, 0, 0);
+        transform: translate3d(-2000px, 0, 0)
+    }
+}
+
+.animate__fadeOutLeftBig {
+    -webkit-animation-name: fadeOutLeftBig;
+    animation-name: fadeOutLeftBig
+}
+
+@-webkit-keyframes fadeOutRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+@keyframes fadeOutRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+.animate__fadeOutRight {
+    -webkit-animation-name: fadeOutRight;
+    animation-name: fadeOutRight
+}
+
+@-webkit-keyframes fadeOutRightBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+@keyframes fadeOutRightBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(2000px, 0, 0);
+        transform: translate3d(2000px, 0, 0)
+    }
+}
+
+.animate__fadeOutRightBig {
+    -webkit-animation-name: fadeOutRightBig;
+    animation-name: fadeOutRightBig
+}
+
+@-webkit-keyframes fadeOutUp {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+@keyframes fadeOutUp {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.animate__fadeOutUp {
+    -webkit-animation-name: fadeOutUp;
+    animation-name: fadeOutUp
+}
+
+@-webkit-keyframes fadeOutUpBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+@keyframes fadeOutUpBig {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(0, -2000px, 0);
+        transform: translate3d(0, -2000px, 0)
+    }
+}
+
+.animate__fadeOutUpBig {
+    -webkit-animation-name: fadeOutUpBig;
+    animation-name: fadeOutUpBig
+}
+
+@-webkit-keyframes fadeOutTopLeft {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, -100%, 0);
+        transform: translate3d(-100%, -100%, 0)
+    }
+}
+
+@keyframes fadeOutTopLeft {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, -100%, 0);
+        transform: translate3d(-100%, -100%, 0)
+    }
+}
+
+.animate__fadeOutTopLeft {
+    -webkit-animation-name: fadeOutTopLeft;
+    animation-name: fadeOutTopLeft
+}
+
+@-webkit-keyframes fadeOutTopRight {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, -100%, 0);
+        transform: translate3d(100%, -100%, 0)
+    }
+}
+
+@keyframes fadeOutTopRight {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, -100%, 0);
+        transform: translate3d(100%, -100%, 0)
+    }
+}
+
+.animate__fadeOutTopRight {
+    -webkit-animation-name: fadeOutTopRight;
+    animation-name: fadeOutTopRight
+}
+
+@-webkit-keyframes fadeOutBottomRight {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 100%, 0);
+        transform: translate3d(100%, 100%, 0)
+    }
+}
+
+@keyframes fadeOutBottomRight {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 100%, 0);
+        transform: translate3d(100%, 100%, 0)
+    }
+}
+
+.animate__fadeOutBottomRight {
+    -webkit-animation-name: fadeOutBottomRight;
+    animation-name: fadeOutBottomRight
+}
+
+@-webkit-keyframes fadeOutBottomLeft {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 100%, 0);
+        transform: translate3d(-100%, 100%, 0)
+    }
+}
+
+@keyframes fadeOutBottomLeft {
+    0% {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 100%, 0);
+        transform: translate3d(-100%, 100%, 0)
+    }
+}
+
+.animate__fadeOutBottomLeft {
+    -webkit-animation-name: fadeOutBottomLeft;
+    animation-name: fadeOutBottomLeft
+}
+
+@-webkit-keyframes flip {
+    0% {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    50% {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
+        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    to {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+}
+
+@keyframes flip {
+    0% {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+        -webkit-animation-timing-function: ease-out;
+        animation-timing-function: ease-out
+    }
+
+    50% {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
+        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    to {
+        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+}
+
+.animate__animated.animate__flip {
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    -webkit-animation-name: flip;
+    animation-name: flip
+}
+
+@-webkit-keyframes flipInX {
+    0% {
+        -webkit-transform: perspective(400px) rotateX(90deg);
+        transform: perspective(400px) rotateX(90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotateX(-20deg);
+        transform: perspective(400px) rotateX(-20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotateX(10deg);
+        transform: perspective(400px) rotateX(10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotateX(-5deg);
+        transform: perspective(400px) rotateX(-5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+@keyframes flipInX {
+    0% {
+        -webkit-transform: perspective(400px) rotateX(90deg);
+        transform: perspective(400px) rotateX(90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotateX(-20deg);
+        transform: perspective(400px) rotateX(-20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotateX(10deg);
+        transform: perspective(400px) rotateX(10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotateX(-5deg);
+        transform: perspective(400px) rotateX(-5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+.animate__flipInX {
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipInX;
+    animation-name: flipInX
+}
+
+@-webkit-keyframes flipInY {
+    0% {
+        -webkit-transform: perspective(400px) rotateY(90deg);
+        transform: perspective(400px) rotateY(90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotateY(-20deg);
+        transform: perspective(400px) rotateY(-20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotateY(10deg);
+        transform: perspective(400px) rotateY(10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotateY(-5deg);
+        transform: perspective(400px) rotateY(-5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+@keyframes flipInY {
+    0% {
+        -webkit-transform: perspective(400px) rotateY(90deg);
+        transform: perspective(400px) rotateY(90deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in;
+        opacity: 0
+    }
+
+    40% {
+        -webkit-transform: perspective(400px) rotateY(-20deg);
+        transform: perspective(400px) rotateY(-20deg);
+        -webkit-animation-timing-function: ease-in;
+        animation-timing-function: ease-in
+    }
+
+    60% {
+        -webkit-transform: perspective(400px) rotateY(10deg);
+        transform: perspective(400px) rotateY(10deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: perspective(400px) rotateY(-5deg);
+        transform: perspective(400px) rotateY(-5deg)
+    }
+
+    to {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+}
+
+.animate__flipInY {
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipInY;
+    animation-name: flipInY
+}
+
+@-webkit-keyframes flipOutX {
+    0% {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotateX(-20deg);
+        transform: perspective(400px) rotateX(-20deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotateX(90deg);
+        transform: perspective(400px) rotateX(90deg);
+        opacity: 0
+    }
+}
+
+@keyframes flipOutX {
+    0% {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotateX(-20deg);
+        transform: perspective(400px) rotateX(-20deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotateX(90deg);
+        transform: perspective(400px) rotateX(90deg);
+        opacity: 0
+    }
+}
+
+.animate__flipOutX {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
+    animation-duration: calc(var(--animate-duration)*0.75);
+    -webkit-animation-name: flipOutX;
+    animation-name: flipOutX;
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important
+}
+
+@-webkit-keyframes flipOutY {
+    0% {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotateY(-15deg);
+        transform: perspective(400px) rotateY(-15deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotateY(90deg);
+        transform: perspective(400px) rotateY(90deg);
+        opacity: 0
+    }
+}
+
+@keyframes flipOutY {
+    0% {
+        -webkit-transform: perspective(400px);
+        transform: perspective(400px)
+    }
+
+    30% {
+        -webkit-transform: perspective(400px) rotateY(-15deg);
+        transform: perspective(400px) rotateY(-15deg);
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: perspective(400px) rotateY(90deg);
+        transform: perspective(400px) rotateY(90deg);
+        opacity: 0
+    }
+}
+
+.animate__flipOutY {
+    -webkit-animation-duration: .75s;
+    animation-duration: .75s;
+    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
+    animation-duration: calc(var(--animate-duration)*0.75);
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+    -webkit-animation-name: flipOutY;
+    animation-name: flipOutY
+}
+
+@-webkit-keyframes lightSpeedInRight {
+    0% {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+        transform: translate3d(100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(20deg);
+        transform: skewX(20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(-5deg);
+        transform: skewX(-5deg)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes lightSpeedInRight {
+    0% {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+        transform: translate3d(100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(20deg);
+        transform: skewX(20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(-5deg);
+        transform: skewX(-5deg)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__lightSpeedInRight {
+    -webkit-animation-name: lightSpeedInRight;
+    animation-name: lightSpeedInRight;
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out
+}
+
+@-webkit-keyframes lightSpeedInLeft {
+    0% {
+        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+        transform: translate3d(-100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(-20deg);
+        transform: skewX(-20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(5deg);
+        transform: skewX(5deg)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes lightSpeedInLeft {
+    0% {
+        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
+        transform: translate3d(-100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+
+    60% {
+        -webkit-transform: skewX(-20deg);
+        transform: skewX(-20deg);
+        opacity: 1
+    }
+
+    80% {
+        -webkit-transform: skewX(5deg);
+        transform: skewX(5deg)
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__lightSpeedInLeft {
+    -webkit-animation-name: lightSpeedInLeft;
+    animation-name: lightSpeedInLeft;
+    -webkit-animation-timing-function: ease-out;
+    animation-timing-function: ease-out
+}
+
+@-webkit-keyframes lightSpeedOutRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+        transform: translate3d(100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+}
+
+@keyframes lightSpeedOutRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+        transform: translate3d(100%, 0, 0) skewX(30deg);
+        opacity: 0
+    }
+}
+
+.animate__lightSpeedOutRight {
+    -webkit-animation-name: lightSpeedOutRight;
+    animation-name: lightSpeedOutRight;
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in
+}
+
+@-webkit-keyframes lightSpeedOutLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+        transform: translate3d(-100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+}
+
+@keyframes lightSpeedOutLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
+        transform: translate3d(-100%, 0, 0) skewX(-30deg);
+        opacity: 0
+    }
+}
+
+.animate__lightSpeedOutLeft {
+    -webkit-animation-name: lightSpeedOutLeft;
+    animation-name: lightSpeedOutLeft;
+    -webkit-animation-timing-function: ease-in;
+    animation-timing-function: ease-in
+}
+
+@-webkit-keyframes rotateIn {
+    0% {
+        -webkit-transform: rotate(-200deg);
+        transform: rotate(-200deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateIn {
+    0% {
+        -webkit-transform: rotate(-200deg);
+        transform: rotate(-200deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+.animate__rotateIn {
+    -webkit-animation-name: rotateIn;
+    animation-name: rotateIn;
+    -webkit-transform-origin: center;
+    transform-origin: center
+}
+
+@-webkit-keyframes rotateInDownLeft {
+    0% {
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInDownLeft {
+    0% {
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+.animate__rotateInDownLeft {
+    -webkit-animation-name: rotateInDownLeft;
+    animation-name: rotateInDownLeft;
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom
+}
+
+@-webkit-keyframes rotateInDownRight {
+    0% {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInDownRight {
+    0% {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+.animate__rotateInDownRight {
+    -webkit-animation-name: rotateInDownRight;
+    animation-name: rotateInDownRight;
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom
+}
+
+@-webkit-keyframes rotateInUpLeft {
+    0% {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInUpLeft {
+    0% {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+.animate__rotateInUpLeft {
+    -webkit-animation-name: rotateInUpLeft;
+    animation-name: rotateInUpLeft;
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom
+}
+
+@-webkit-keyframes rotateInUpRight {
+    0% {
+        -webkit-transform: rotate(-90deg);
+        transform: rotate(-90deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+@keyframes rotateInUpRight {
+    0% {
+        -webkit-transform: rotate(-90deg);
+        transform: rotate(-90deg);
+        opacity: 0
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0);
+        opacity: 1
+    }
+}
+
+.animate__rotateInUpRight {
+    -webkit-animation-name: rotateInUpRight;
+    animation-name: rotateInUpRight;
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom
+}
+
+@-webkit-keyframes rotateOut {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(200deg);
+        transform: rotate(200deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOut {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(200deg);
+        transform: rotate(200deg);
+        opacity: 0
+    }
+}
+
+.animate__rotateOut {
+    -webkit-animation-name: rotateOut;
+    animation-name: rotateOut;
+    -webkit-transform-origin: center;
+    transform-origin: center
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutDownLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+        opacity: 0
+    }
+}
+
+.animate__rotateOutDownLeft {
+    -webkit-animation-name: rotateOutDownLeft;
+    animation-name: rotateOutDownLeft;
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom
+}
+
+@-webkit-keyframes rotateOutDownRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutDownRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+        opacity: 0
+    }
+}
+
+.animate__rotateOutDownRight {
+    -webkit-animation-name: rotateOutDownRight;
+    animation-name: rotateOutDownRight;
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutUpLeft {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+        opacity: 0
+    }
+}
+
+.animate__rotateOutUpLeft {
+    -webkit-animation-name: rotateOutUpLeft;
+    animation-name: rotateOutUpLeft;
+    -webkit-transform-origin: left bottom;
+    transform-origin: left bottom
+}
+
+@-webkit-keyframes rotateOutUpRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg);
+        opacity: 0
+    }
+}
+
+@keyframes rotateOutUpRight {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: rotate(90deg);
+        transform: rotate(90deg);
+        opacity: 0
+    }
+}
+
+.animate__rotateOutUpRight {
+    -webkit-animation-name: rotateOutUpRight;
+    animation-name: rotateOutUpRight;
+    -webkit-transform-origin: right bottom;
+    transform-origin: right bottom
+}
+
+@-webkit-keyframes hinge {
+    0% {
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    20%,
+    60% {
+        -webkit-transform: rotate(80deg);
+        transform: rotate(80deg);
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    40%,
+    80% {
+        -webkit-transform: rotate(60deg);
+        transform: rotate(60deg);
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 700px, 0);
+        transform: translate3d(0, 700px, 0);
+        opacity: 0
+    }
+}
+
+@keyframes hinge {
+    0% {
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    20%,
+    60% {
+        -webkit-transform: rotate(80deg);
+        transform: rotate(80deg);
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out
+    }
+
+    40%,
+    80% {
+        -webkit-transform: rotate(60deg);
+        transform: rotate(60deg);
+        -webkit-animation-timing-function: ease-in-out;
+        animation-timing-function: ease-in-out;
+        opacity: 1
+    }
+
+    to {
+        -webkit-transform: translate3d(0, 700px, 0);
+        transform: translate3d(0, 700px, 0);
+        opacity: 0
+    }
+}
+
+.animate__hinge {
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-duration: calc(var(--animate-duration)*2);
+    animation-duration: calc(var(--animate-duration)*2);
+    -webkit-animation-name: hinge;
+    animation-name: hinge;
+    -webkit-transform-origin: top left;
+    transform-origin: top left
+}
+
+@-webkit-keyframes jackInTheBox {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(.1) rotate(30deg);
+        transform: scale(.1) rotate(30deg);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom
+    }
+
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    70% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+@keyframes jackInTheBox {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(.1) rotate(30deg);
+        transform: scale(.1) rotate(30deg);
+        -webkit-transform-origin: center bottom;
+        transform-origin: center bottom
+    }
+
+    50% {
+        -webkit-transform: rotate(-10deg);
+        transform: rotate(-10deg)
+    }
+
+    70% {
+        -webkit-transform: rotate(3deg);
+        transform: rotate(3deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        transform: scale(1)
+    }
+}
+
+.animate__jackInTheBox {
+    -webkit-animation-name: jackInTheBox;
+    animation-name: jackInTheBox
+}
+
+@-webkit-keyframes rollIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+        transform: translate3d(-100%, 0, 0) rotate(-120deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes rollIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+        transform: translate3d(-100%, 0, 0) rotate(-120deg)
+    }
+
+    to {
+        opacity: 1;
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__rollIn {
+    -webkit-animation-name: rollIn;
+    animation-name: rollIn
+}
+
+@-webkit-keyframes rollOut {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+        transform: translate3d(100%, 0, 0) rotate(120deg)
+    }
+}
+
+@keyframes rollOut {
+    0% {
+        opacity: 1
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+        transform: translate3d(100%, 0, 0) rotate(120deg)
+    }
+}
+
+.animate__rollOut {
+    -webkit-animation-name: rollOut;
+    animation-name: rollOut
+}
+
+@-webkit-keyframes zoomIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+@keyframes zoomIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    50% {
+        opacity: 1
+    }
+}
+
+.animate__zoomIn {
+    -webkit-animation-name: zoomIn;
+    animation-name: zoomIn
+}
+
+@-webkit-keyframes zoomInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInDown {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.animate__zoomInDown {
+    -webkit-animation-name: zoomInDown;
+    animation-name: zoomInDown
+}
+
+@-webkit-keyframes zoomInLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInLeft {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.animate__zoomInLeft {
+    -webkit-animation-name: zoomInLeft;
+    animation-name: zoomInLeft
+}
+
+@-webkit-keyframes zoomInRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInRight {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.animate__zoomInRight {
+    -webkit-animation-name: zoomInRight;
+    animation-name: zoomInRight
+}
+
+@-webkit-keyframes zoomInUp {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomInUp {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    60% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.animate__zoomInUp {
+    -webkit-animation-name: zoomInUp;
+    animation-name: zoomInUp
+}
+
+@-webkit-keyframes zoomOut {
+    0% {
+        opacity: 1
+    }
+
+    50% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+@keyframes zoomOut {
+    0% {
+        opacity: 1
+    }
+
+    50% {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3)
+    }
+
+    to {
+        opacity: 0
+    }
+}
+
+.animate__zoomOut {
+    -webkit-animation-name: zoomOut;
+    animation-name: zoomOut
+}
+
+@-webkit-keyframes zoomOutDown {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomOutDown {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.animate__zoomOutDown {
+    -webkit-animation-name: zoomOutDown;
+    animation-name: zoomOutDown;
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom
+}
+
+@-webkit-keyframes zoomOutLeft {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+        transform: scale(.1) translate3d(-2000px, 0, 0)
+    }
+}
+
+@keyframes zoomOutLeft {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+        transform: scale(.1) translate3d(-2000px, 0, 0)
+    }
+}
+
+.animate__zoomOutLeft {
+    -webkit-animation-name: zoomOutLeft;
+    animation-name: zoomOutLeft;
+    -webkit-transform-origin: left center;
+    transform-origin: left center
+}
+
+@-webkit-keyframes zoomOutRight {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+        transform: scale(.1) translate3d(2000px, 0, 0)
+    }
+}
+
+@keyframes zoomOutRight {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+        transform: scale(.1) translate3d(2000px, 0, 0)
+    }
+}
+
+.animate__zoomOutRight {
+    -webkit-animation-name: zoomOutRight;
+    animation-name: zoomOutRight;
+    -webkit-transform-origin: right center;
+    transform-origin: right center
+}
+
+@-webkit-keyframes zoomOutUp {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+@keyframes zoomOutUp {
+    40% {
+        opacity: 1;
+        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
+        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
+        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
+    }
+}
+
+.animate__zoomOutUp {
+    -webkit-animation-name: zoomOutUp;
+    animation-name: zoomOutUp;
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom
+}
+
+@-webkit-keyframes slideInDown {
+    0% {
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes slideInDown {
+    0% {
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__slideInDown {
+    -webkit-animation-name: slideInDown;
+    animation-name: slideInDown
+}
+
+@-webkit-keyframes slideInLeft {
+    0% {
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes slideInLeft {
+    0% {
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__slideInLeft {
+    -webkit-animation-name: slideInLeft;
+    animation-name: slideInLeft
+}
+
+@-webkit-keyframes slideInRight {
+    0% {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes slideInRight {
+    0% {
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__slideInRight {
+    -webkit-animation-name: slideInRight;
+    animation-name: slideInRight
+}
+
+@-webkit-keyframes slideInUp {
+    0% {
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+@keyframes slideInUp {
+    0% {
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0);
+        visibility: visible
+    }
+
+    to {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+}
+
+.animate__slideInUp {
+    -webkit-animation-name: slideInUp;
+    animation-name: slideInUp
+}
+
+@-webkit-keyframes slideOutDown {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+@keyframes slideOutDown {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, 100%, 0);
+        transform: translate3d(0, 100%, 0)
+    }
+}
+
+.animate__slideOutDown {
+    -webkit-animation-name: slideOutDown;
+    animation-name: slideOutDown
+}
+
+@-webkit-keyframes slideOutLeft {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+@keyframes slideOutLeft {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(-100%, 0, 0);
+        transform: translate3d(-100%, 0, 0)
+    }
+}
+
+.animate__slideOutLeft {
+    -webkit-animation-name: slideOutLeft;
+    animation-name: slideOutLeft
+}
+
+@-webkit-keyframes slideOutRight {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+@keyframes slideOutRight {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(100%, 0, 0);
+        transform: translate3d(100%, 0, 0)
+    }
+}
+
+.animate__slideOutRight {
+    -webkit-animation-name: slideOutRight;
+    animation-name: slideOutRight
+}
+
+@-webkit-keyframes slideOutUp {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+@keyframes slideOutUp {
+    0% {
+        -webkit-transform: translateZ(0);
+        transform: translateZ(0)
+    }
+
+    to {
+        visibility: hidden;
+        -webkit-transform: translate3d(0, -100%, 0);
+        transform: translate3d(0, -100%, 0)
+    }
+}
+
+.animate__slideOutUp {
+    -webkit-animation-name: slideOutUp;
+    animation-name: slideOutUp
+}
\ No newline at end of file
diff --git a/public/css/bootstrap-select.min.css b/public/css/bootstrap-select.min.css
new file mode 100644
index 0000000..e164636
--- /dev/null
+++ b/public/css/bootstrap-select.min.css
@@ -0,0 +1,535 @@
+/*!
+ * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
+ *
+ * Copyright 2012-2020 SnapAppointments, LLC
+ * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
+ */
+@-webkit-keyframes bs-notify-fadeOut {
+    0% {
+        opacity: .9
+    }
+
+    100% {
+        opacity: 0
+    }
+}
+
+@-o-keyframes bs-notify-fadeOut {
+    0% {
+        opacity: .9
+    }
+
+    100% {
+        opacity: 0
+    }
+}
+
+@keyframes bs-notify-fadeOut {
+    0% {
+        opacity: .9
+    }
+
+    100% {
+        opacity: 0
+    }
+}
+
+.bootstrap-select>select.bs-select-hidden,
+select.bs-select-hidden,
+select.selectpicker {
+    display: none !important
+}
+
+.bootstrap-select {
+    width: 220px\0;
+    vertical-align: middle
+}
+
+.bootstrap-select>.dropdown-toggle {
+    position: relative;
+    width: 100%;
+    text-align: right;
+    white-space: nowrap;
+    display: -webkit-inline-box;
+    display: -webkit-inline-flex;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between
+}
+
+.bootstrap-select>.dropdown-toggle:after {
+    margin-top: -1px
+}
+
+.bootstrap-select>.dropdown-toggle.bs-placeholder,
+.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
+    color: #999
+}
+
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
+.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
+    color: rgba(255, 255, 255, .5)
+}
+
+.bootstrap-select>select {
+    position: absolute !important;
+    bottom: 0;
+    left: 50%;
+    display: block !important;
+    width: .5px !important;
+    height: 100% !important;
+    padding: 0 !important;
+    opacity: 0 !important;
+    border: none;
+    z-index: 0 !important
+}
+
+.bootstrap-select>select.mobile-device {
+    top: 0;
+    left: 0;
+    display: block !important;
+    width: 100% !important;
+    z-index: 2 !important
+}
+
+.bootstrap-select.is-invalid .dropdown-toggle,
+.error .bootstrap-select .dropdown-toggle,
+.has-error .bootstrap-select .dropdown-toggle,
+.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
+    border-color: #b94a48
+}
+
+.bootstrap-select.is-valid .dropdown-toggle,
+.was-validated .bootstrap-select select:valid+.dropdown-toggle {
+    border-color: #28a745
+}
+
+.bootstrap-select.fit-width {
+    width: auto !important
+}
+
+.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
+    width: 220px
+}
+
+.bootstrap-select .dropdown-toggle:focus,
+.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
+    outline: thin dotted #333 !important;
+    outline: 5px auto -webkit-focus-ring-color !important;
+    outline-offset: -2px
+}
+
+.bootstrap-select.form-control {
+    margin-bottom: 0;
+    padding: 0;
+    border: none;
+    height: auto
+}
+
+:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
+    width: 100%
+}
+
+.bootstrap-select.form-control.input-group-btn {
+    float: none;
+    z-index: auto
+}
+
+.form-inline .bootstrap-select,
+.form-inline .bootstrap-select.form-control:not([class*=col-]) {
+    width: auto
+}
+
+.bootstrap-select:not(.input-group-btn),
+.bootstrap-select[class*=col-] {
+    float: none;
+    display: inline-block;
+    margin-left: 0
+}
+
+.bootstrap-select.dropdown-menu-right,
+.bootstrap-select[class*=col-].dropdown-menu-right,
+.row .bootstrap-select[class*=col-].dropdown-menu-right {
+    float: right
+}
+
+.form-group .bootstrap-select,
+.form-horizontal .bootstrap-select,
+.form-inline .bootstrap-select {
+    margin-bottom: 0
+}
+
+.form-group-lg .bootstrap-select.form-control,
+.form-group-sm .bootstrap-select.form-control {
+    padding: 0
+}
+
+.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
+.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
+    height: 100%;
+    font-size: inherit;
+    line-height: inherit;
+    border-radius: inherit
+}
+
+.bootstrap-select.form-control-lg .dropdown-toggle,
+.bootstrap-select.form-control-sm .dropdown-toggle {
+    font-size: inherit;
+    line-height: inherit;
+    border-radius: inherit
+}
+
+.bootstrap-select.form-control-sm .dropdown-toggle {
+    padding: .25rem .5rem
+}
+
+.bootstrap-select.form-control-lg .dropdown-toggle {
+    padding: .5rem 1rem
+}
+
+.form-inline .bootstrap-select .form-control {
+    width: 100%
+}
+
+.bootstrap-select.disabled,
+.bootstrap-select>.disabled {
+    cursor: not-allowed
+}
+
+.bootstrap-select.disabled:focus,
+.bootstrap-select>.disabled:focus {
+    outline: 0 !important
+}
+
+.bootstrap-select.bs-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 0 !important;
+    padding: 0 !important
+}
+
+.bootstrap-select.bs-container .dropdown-menu {
+    z-index: 1060
+}
+
+.bootstrap-select .dropdown-toggle .filter-option {
+    position: static;
+    top: 0;
+    left: 0;
+    float: left;
+    height: 100%;
+    width: 100%;
+    text-align: left;
+    overflow: hidden;
+    -webkit-box-flex: 0;
+    -webkit-flex: 0 1 auto;
+    -ms-flex: 0 1 auto;
+    flex: 0 1 auto
+}
+
+.bs3.bootstrap-select .dropdown-toggle .filter-option {
+    padding-right: inherit
+}
+
+.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
+    position: absolute;
+    padding-top: inherit;
+    padding-bottom: inherit;
+    padding-left: inherit;
+    float: none
+}
+
+.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
+    padding-right: inherit
+}
+
+.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
+    overflow: hidden
+}
+
+.bootstrap-select .dropdown-toggle .filter-expand {
+    width: 0 !important;
+    float: left;
+    opacity: 0 !important;
+    overflow: hidden
+}
+
+.bootstrap-select .dropdown-toggle .caret {
+    position: absolute;
+    top: 50%;
+    right: 12px;
+    margin-top: -2px;
+    vertical-align: middle
+}
+
+.input-group .bootstrap-select.form-control .dropdown-toggle {
+    border-radius: inherit
+}
+
+.bootstrap-select[class*=col-] .dropdown-toggle {
+    width: 100%
+}
+
+.bootstrap-select .dropdown-menu {
+    min-width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.bootstrap-select .dropdown-menu>.inner:focus {
+    outline: 0 !important
+}
+
+.bootstrap-select .dropdown-menu.inner {
+    position: static;
+    float: none;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    border-radius: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.bootstrap-select .dropdown-menu li {
+    position: relative
+}
+
+.bootstrap-select .dropdown-menu li.active small {
+    color: rgba(255, 255, 255, .5) !important
+}
+
+.bootstrap-select .dropdown-menu li.disabled a {
+    cursor: not-allowed
+}
+
+.bootstrap-select .dropdown-menu li a {
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.bootstrap-select .dropdown-menu li a.opt {
+    position: relative;
+    padding-left: 2.25em
+}
+
+.bootstrap-select .dropdown-menu li a span.check-mark {
+    display: none
+}
+
+.bootstrap-select .dropdown-menu li a span.text {
+    display: inline-block
+}
+
+.bootstrap-select .dropdown-menu li small {
+    padding-left: .5em
+}
+
+.bootstrap-select .dropdown-menu .notify {
+    position: absolute;
+    bottom: 5px;
+    width: 96%;
+    margin: 0 2%;
+    min-height: 26px;
+    padding: 3px 5px;
+    background: #f5f5f5;
+    border: 1px solid #e3e3e3;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+    pointer-events: none;
+    opacity: .9;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.bootstrap-select .dropdown-menu .notify.fadeOut {
+    -webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut;
+    -o-animation: .3s linear 750ms forwards bs-notify-fadeOut;
+    animation: .3s linear 750ms forwards bs-notify-fadeOut
+}
+
+.bootstrap-select .no-results {
+    padding: 3px;
+    background: #f5f5f5;
+    margin: 0 5px;
+    white-space: nowrap
+}
+
+.bootstrap-select.fit-width .dropdown-toggle .filter-option {
+    position: static;
+    display: inline;
+    padding: 0
+}
+
+.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
+.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
+    display: inline
+}
+
+.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
+    content: '\00a0'
+}
+
+.bootstrap-select.fit-width .dropdown-toggle .caret {
+    position: static;
+    top: auto;
+    margin-top: -1px
+}
+
+.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
+    position: absolute;
+    display: inline-block;
+    right: 15px;
+    top: 5px
+}
+
+.bootstrap-select.show-tick .dropdown-menu li a span.text {
+    margin-right: 34px
+}
+
+.bootstrap-select .bs-ok-default:after {
+    content: '';
+    display: block;
+    width: .5em;
+    height: 1em;
+    border-style: solid;
+    border-width: 0 .26em .26em 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    transform: rotate(45deg)
+}
+
+.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
+.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
+    z-index: 1061
+}
+
+.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
+    content: '';
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid rgba(204, 204, 204, .2);
+    position: absolute;
+    bottom: -4px;
+    left: 9px;
+    display: none
+}
+
+.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
+    content: '';
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #fff;
+    position: absolute;
+    bottom: -4px;
+    left: 10px;
+    display: none
+}
+
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
+    bottom: auto;
+    top: -4px;
+    border-top: 7px solid rgba(204, 204, 204, .2);
+    border-bottom: 0
+}
+
+.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
+    bottom: auto;
+    top: -4px;
+    border-top: 6px solid #fff;
+    border-bottom: 0
+}
+
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
+    right: 12px;
+    left: auto
+}
+
+.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
+    right: 13px;
+    left: auto
+}
+
+.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
+.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
+.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
+.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
+    display: block
+}
+
+.bs-actionsbox,
+.bs-donebutton,
+.bs-searchbox {
+    padding: 4px 8px
+}
+
+.bs-actionsbox {
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.bs-actionsbox .btn-group button {
+    width: 50%
+}
+
+.bs-donebutton {
+    float: left;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box
+}
+
+.bs-donebutton .btn-group button {
+    width: 100%
+}
+
+.bs-searchbox+.bs-actionsbox {
+    padding: 0 8px 4px
+}
+
+.bs-searchbox .form-control {
+    margin-bottom: 0;
+    width: 100%;
+    float: none
+}
\ No newline at end of file
diff --git a/public/css/bootstrap.css b/public/css/bootstrap.css
new file mode 100644
index 0000000..1987890
--- /dev/null
+++ b/public/css/bootstrap.css
@@ -0,0 +1,13896 @@
+@charset "UTF-8";
+
+/*!
+ * Bootstrap  v5.3.2 (https://getbootstrap.com/)
+ * Copyright 2011-2023 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+    --bs-blue: #0d6efd;
+    --bs-indigo: #6610f2;
+    --bs-purple: #6f42c1;
+    --bs-pink: #d63384;
+    --bs-red: #dc3545;
+    --bs-orange: #fd7e14;
+    --bs-yellow: #ffc107;
+    --bs-green: #198754;
+    --bs-teal: #20c997;
+    --bs-cyan: #0dcaf0;
+    --bs-black: #000;
+    --bs-white: #fff;
+    --bs-gray: #6c757d;
+    --bs-gray-dark: #343a40;
+    --bs-gray-100: #f8f9fa;
+    --bs-gray-200: #e9ecef;
+    --bs-gray-300: #dee2e6;
+    --bs-gray-400: #ced4da;
+    --bs-gray-500: #adb5bd;
+    --bs-gray-600: #6c757d;
+    --bs-gray-700: #495057;
+    --bs-gray-800: #343a40;
+    --bs-gray-900: #212529;
+    --bs-primary: #0d6efd;
+    --bs-secondary: #6c757d;
+    --bs-success: #198754;
+    --bs-info: #0dcaf0;
+    --bs-warning: #ffc107;
+    --bs-danger: #dc3545;
+    --bs-light: #f8f9fa;
+    --bs-dark: #212529;
+    --bs-primary-rgb: 13, 110, 253;
+    --bs-secondary-rgb: 108, 117, 125;
+    --bs-success-rgb: 25, 135, 84;
+    --bs-info-rgb: 13, 202, 240;
+    --bs-warning-rgb: 255, 193, 7;
+    --bs-danger-rgb: 220, 53, 69;
+    --bs-light-rgb: 248, 249, 250;
+    --bs-dark-rgb: 33, 37, 41;
+    --bs-primary-text-emphasis: #052c65;
+    --bs-secondary-text-emphasis: #2b2f32;
+    --bs-success-text-emphasis: #0a3622;
+    --bs-info-text-emphasis: #055160;
+    --bs-warning-text-emphasis: #664d03;
+    --bs-danger-text-emphasis: #58151c;
+    --bs-light-text-emphasis: #495057;
+    --bs-dark-text-emphasis: #495057;
+    --bs-primary-bg-subtle: #cfe2ff;
+    --bs-secondary-bg-subtle: #e2e3e5;
+    --bs-success-bg-subtle: #d1e7dd;
+    --bs-info-bg-subtle: #cff4fc;
+    --bs-warning-bg-subtle: #fff3cd;
+    --bs-danger-bg-subtle: #f8d7da;
+    --bs-light-bg-subtle: #fcfcfd;
+    --bs-dark-bg-subtle: #ced4da;
+    --bs-primary-border-subtle: #9ec5fe;
+    --bs-secondary-border-subtle: #c4c8cb;
+    --bs-success-border-subtle: #a3cfbb;
+    --bs-info-border-subtle: #9eeaf9;
+    --bs-warning-border-subtle: #ffe69c;
+    --bs-danger-border-subtle: #f1aeb5;
+    --bs-light-border-subtle: #e9ecef;
+    --bs-dark-border-subtle: #adb5bd;
+    --bs-white-rgb: 255, 255, 255;
+    --bs-black-rgb: 0, 0, 0;
+    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+    --bs-body-font-family: var(--bs-font-sans-serif);
+    --bs-body-font-size: 1rem;
+    --bs-body-font-weight: 400;
+    --bs-body-line-height: 1.5;
+    --bs-body-color: #212529;
+    --bs-body-color-rgb: 33, 37, 41;
+    --bs-body-bg: #fff;
+    --bs-body-bg-rgb: 255, 255, 255;
+    --bs-emphasis-color: #000;
+    --bs-emphasis-color-rgb: 0, 0, 0;
+    --bs-secondary-color: rgba(33, 37, 41, 0.75);
+    --bs-secondary-color-rgb: 33, 37, 41;
+    --bs-secondary-bg: #e9ecef;
+    --bs-secondary-bg-rgb: 233, 236, 239;
+    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+    --bs-tertiary-color-rgb: 33, 37, 41;
+    --bs-tertiary-bg: #f8f9fa;
+    --bs-tertiary-bg-rgb: 248, 249, 250;
+    --bs-heading-color: inherit;
+    --bs-link-color: #0d6efd;
+    --bs-link-color-rgb: 13, 110, 253;
+    --bs-link-decoration: underline;
+    --bs-link-hover-color: #0a58ca;
+    --bs-link-hover-color-rgb: 10, 88, 202;
+    --bs-code-color: #d63384;
+    --bs-highlight-color: #212529;
+    --bs-highlight-bg: #fff3cd;
+    --bs-border-width: 1px;
+    --bs-border-style: solid;
+    --bs-border-color: #dee2e6;
+    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+    --bs-border-radius: 0.375rem;
+    --bs-border-radius-sm: 0.25rem;
+    --bs-border-radius-lg: 0.5rem;
+    --bs-border-radius-xl: 1rem;
+    --bs-border-radius-xxl: 2rem;
+    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+    --bs-border-radius-pill: 50rem;
+    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+    --bs-focus-ring-width: 0.25rem;
+    --bs-focus-ring-opacity: 0.25;
+    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+    --bs-form-valid-color: #198754;
+    --bs-form-valid-border-color: #198754;
+    --bs-form-invalid-color: #dc3545;
+    --bs-form-invalid-border-color: #dc3545
+}
+
+[data-bs-theme=dark] {
+    color-scheme: dark;
+    --bs-body-color: #dee2e6;
+    --bs-body-color-rgb: 222, 226, 230;
+    --bs-body-bg: #212529;
+    --bs-body-bg-rgb: 33, 37, 41;
+    --bs-emphasis-color: #fff;
+    --bs-emphasis-color-rgb: 255, 255, 255;
+    --bs-secondary-color: rgba(222, 226, 230, 0.75);
+    --bs-secondary-color-rgb: 222, 226, 230;
+    --bs-secondary-bg: #343a40;
+    --bs-secondary-bg-rgb: 52, 58, 64;
+    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+    --bs-tertiary-color-rgb: 222, 226, 230;
+    --bs-tertiary-bg: #2b3035;
+    --bs-tertiary-bg-rgb: 43, 48, 53;
+    --bs-primary-text-emphasis: #6ea8fe;
+    --bs-secondary-text-emphasis: #a7acb1;
+    --bs-success-text-emphasis: #75b798;
+    --bs-info-text-emphasis: #6edff6;
+    --bs-warning-text-emphasis: #ffda6a;
+    --bs-danger-text-emphasis: #ea868f;
+    --bs-light-text-emphasis: #f8f9fa;
+    --bs-dark-text-emphasis: #dee2e6;
+    --bs-primary-bg-subtle: #031633;
+    --bs-secondary-bg-subtle: #161719;
+    --bs-success-bg-subtle: #051b11;
+    --bs-info-bg-subtle: #032830;
+    --bs-warning-bg-subtle: #332701;
+    --bs-danger-bg-subtle: #2c0b0e;
+    --bs-light-bg-subtle: #343a40;
+    --bs-dark-bg-subtle: #1a1d20;
+    --bs-primary-border-subtle: #084298;
+    --bs-secondary-border-subtle: #41464b;
+    --bs-success-border-subtle: #0f5132;
+    --bs-info-border-subtle: #087990;
+    --bs-warning-border-subtle: #997404;
+    --bs-danger-border-subtle: #842029;
+    --bs-light-border-subtle: #495057;
+    --bs-dark-border-subtle: #343a40;
+    --bs-heading-color: inherit;
+    --bs-link-color: #6ea8fe;
+    --bs-link-hover-color: #8bb9fe;
+    --bs-link-color-rgb: 110, 168, 254;
+    --bs-link-hover-color-rgb: 139, 185, 254;
+    --bs-code-color: #e685b5;
+    --bs-highlight-color: #dee2e6;
+    --bs-highlight-bg: #664d03;
+    --bs-border-color: #495057;
+    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+    --bs-form-valid-color: #75b798;
+    --bs-form-valid-border-color: #75b798;
+    --bs-form-invalid-color: #ea868f;
+    --bs-form-invalid-border-color: #ea868f
+}
+
+*,
+::after,
+::before {
+    box-sizing: border-box
+}
+
+@media (prefers-reduced-motion:no-preference) {
+    :root {
+        scroll-behavior: smooth
+    }
+}
+
+body {
+    margin: 0;
+    font-family: var(--bs-body-font-family);
+    font-size: var(--bs-body-font-size);
+    font-weight: var(--bs-body-font-weight);
+    line-height: var(--bs-body-line-height);
+    color: var(--bs-body-color);
+    text-align: var(--bs-body-text-align);
+    background-color: var(--bs-body-bg);
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: transparent
+}
+
+hr {
+    margin: 1rem 0;
+    color: inherit;
+    border: 0;
+    border-top: var(--bs-border-width) solid;
+    opacity: .25
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-top: 0;
+    margin-bottom: .5rem;
+    font-weight: 500;
+    line-height: 1.2;
+    color: var(--bs-heading-color)
+}
+
+.h1,
+h1 {
+    font-size: calc(1.375rem + 1.5vw)
+}
+
+@media (min-width:1200px) {
+
+    .h1,
+    h1 {
+        font-size: 2.5rem
+    }
+}
+
+.h2,
+h2 {
+    font-size: calc(1.325rem + .9vw)
+}
+
+@media (min-width:1200px) {
+
+    .h2,
+    h2 {
+        font-size: 2rem
+    }
+}
+
+.h3,
+h3 {
+    font-size: calc(1.3rem + .6vw)
+}
+
+@media (min-width:1200px) {
+
+    .h3,
+    h3 {
+        font-size: 1.75rem
+    }
+}
+
+.h4,
+h4 {
+    font-size: calc(1.275rem + .3vw)
+}
+
+@media (min-width:1200px) {
+
+    .h4,
+    h4 {
+        font-size: 1.5rem
+    }
+}
+
+.h5,
+h5 {
+    font-size: 1.25rem
+}
+
+.h6,
+h6 {
+    font-size: 1rem
+}
+
+p {
+    margin-top: 0;
+    margin-bottom: 1rem
+}
+
+abbr[title] {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+    cursor: help;
+    -webkit-text-decoration-skip-ink: none;
+    text-decoration-skip-ink: none
+}
+
+address {
+    margin-bottom: 1rem;
+    font-style: normal;
+    line-height: inherit
+}
+
+ol,
+ul {
+    padding-left: 2rem
+}
+
+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,
+small {
+    font-size: .875em
+}
+
+.mark,
+mark {
+    padding: .1875em;
+    color: var(--bs-highlight-color);
+    background-color: var(--bs-highlight-bg)
+}
+
+sub,
+sup {
+    position: relative;
+    font-size: .75em;
+    line-height: 0;
+    vertical-align: baseline
+}
+
+sub {
+    bottom: -.25em
+}
+
+sup {
+    top: -.5em
+}
+
+a {
+    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+    text-decoration: underline
+}
+
+a:hover {
+    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
+}
+
+a:not([href]):not([class]),
+a:not([href]):not([class]):hover {
+    color: inherit;
+    text-decoration: none
+}
+
+code,
+kbd,
+pre,
+samp {
+    font-family: var(--bs-font-monospace);
+    font-size: 1em
+}
+
+pre {
+    display: block;
+    margin-top: 0;
+    margin-bottom: 1rem;
+    overflow: auto;
+    font-size: .875em
+}
+
+pre code {
+    font-size: inherit;
+    color: inherit;
+    word-break: normal
+}
+
+code {
+    font-size: .875em;
+    color: var(--bs-code-color);
+    word-wrap: break-word
+}
+
+a>code {
+    color: inherit
+}
+
+kbd {
+    padding: .1875rem .375rem;
+    font-size: .875em;
+    color: var(--bs-body-bg);
+    background-color: var(--bs-body-color);
+    border-radius: .25rem
+}
+
+kbd kbd {
+    padding: 0;
+    font-size: 1em
+}
+
+figure {
+    margin: 0 0 1rem
+}
+
+img,
+svg {
+    vertical-align: middle
+}
+
+table {
+    caption-side: bottom;
+    border-collapse: collapse
+}
+
+caption {
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    color: var(--bs-secondary-color);
+    text-align: left
+}
+
+th {
+    text-align: inherit;
+    text-align: -webkit-match-parent
+}
+
+tbody,
+td,
+tfoot,
+th,
+thead,
+tr {
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0
+}
+
+label {
+    display: inline-block
+}
+
+button {
+    border-radius: 0
+}
+
+button:focus:not(:focus-visible) {
+    outline: 0
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit
+}
+
+button,
+select {
+    text-transform: none
+}
+
+[role=button] {
+    cursor: pointer
+}
+
+select {
+    word-wrap: normal
+}
+
+select:disabled {
+    opacity: 1
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+    display: none !important
+}
+
+[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
+}
+
+::-moz-focus-inner {
+    padding: 0;
+    border-style: none
+}
+
+textarea {
+    resize: vertical
+}
+
+fieldset {
+    min-width: 0;
+    padding: 0;
+    margin: 0;
+    border: 0
+}
+
+legend {
+    float: left;
+    width: 100%;
+    padding: 0;
+    margin-bottom: .5rem;
+    font-size: calc(1.275rem + .3vw);
+    line-height: inherit
+}
+
+@media (min-width:1200px) {
+    legend {
+        font-size: 1.5rem
+    }
+}
+
+legend+* {
+    clear: left
+}
+
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-year-field {
+    padding: 0
+}
+
+::-webkit-inner-spin-button {
+    height: auto
+}
+
+[type=search] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px
+}
+
+::-webkit-search-decoration {
+    -webkit-appearance: none
+}
+
+::-webkit-color-swatch-wrapper {
+    padding: 0
+}
+
+::-webkit-file-upload-button {
+    font: inherit;
+    -webkit-appearance: button
+}
+
+::file-selector-button {
+    font: inherit;
+    -webkit-appearance: button
+}
+
+output {
+    display: inline-block
+}
+
+iframe {
+    border: 0
+}
+
+summary {
+    display: list-item;
+    cursor: pointer
+}
+
+progress {
+    vertical-align: baseline
+}
+
+[hidden] {
+    display: none !important
+}
+
+.lead {
+    font-size: 1.25rem;
+    font-weight: 300
+}
+
+.display-1 {
+    font-size: calc(1.625rem + 4.5vw);
+    font-weight: 300;
+    line-height: 1.2
+}
+
+@media (min-width:1200px) {
+    .display-1 {
+        font-size: 5rem
+    }
+}
+
+.display-2 {
+    font-size: calc(1.575rem + 3.9vw);
+    font-weight: 300;
+    line-height: 1.2
+}
+
+@media (min-width:1200px) {
+    .display-2 {
+        font-size: 4.5rem
+    }
+}
+
+.display-3 {
+    font-size: calc(1.525rem + 3.3vw);
+    font-weight: 300;
+    line-height: 1.2
+}
+
+@media (min-width:1200px) {
+    .display-3 {
+        font-size: 4rem
+    }
+}
+
+.display-4 {
+    font-size: calc(1.475rem + 2.7vw);
+    font-weight: 300;
+    line-height: 1.2
+}
+
+@media (min-width:1200px) {
+    .display-4 {
+        font-size: 3.5rem
+    }
+}
+
+.display-5 {
+    font-size: calc(1.425rem + 2.1vw);
+    font-weight: 300;
+    line-height: 1.2
+}
+
+@media (min-width:1200px) {
+    .display-5 {
+        font-size: 3rem
+    }
+}
+
+.display-6 {
+    font-size: calc(1.375rem + 1.5vw);
+    font-weight: 300;
+    line-height: 1.2
+}
+
+@media (min-width:1200px) {
+    .display-6 {
+        font-size: 2.5rem
+    }
+}
+
+.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: .875em;
+    text-transform: uppercase
+}
+
+.blockquote {
+    margin-bottom: 1rem;
+    font-size: 1.25rem
+}
+
+.blockquote>:last-child {
+    margin-bottom: 0
+}
+
+.blockquote-footer {
+    margin-top: -1rem;
+    margin-bottom: 1rem;
+    font-size: .875em;
+    color: #6c757d
+}
+
+.blockquote-footer::before {
+    content: "— "
+}
+
+.img-fluid {
+    max-width: 100%;
+    height: auto
+}
+
+.img-thumbnail {
+    padding: .25rem;
+    background-color: var(--bs-body-bg);
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
+    max-width: 100%;
+    height: auto
+}
+
+.figure {
+    display: inline-block
+}
+
+.figure-img {
+    margin-bottom: .5rem;
+    line-height: 1
+}
+
+.figure-caption {
+    font-size: .875em;
+    color: var(--bs-secondary-color)
+}
+
+.container,
+.container-fluid,
+.container-lg,
+.container-md,
+.container-sm,
+.container-xl,
+.container-xxl {
+    --bs-gutter-x: 1.5rem;
+    --bs-gutter-y: 0;
+    width: 100%;
+    padding-right: calc(var(--bs-gutter-x) * .5);
+    padding-left: calc(var(--bs-gutter-x) * .5);
+    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: 1140px
+    }
+}
+
+@media (min-width:1400px) {
+
+    .container,
+    .container-lg,
+    .container-md,
+    .container-sm,
+    .container-xl,
+    .container-xxl {
+        max-width: 1320px
+    }
+}
+
+:root {
+    --bs-breakpoint-xs: 0;
+    --bs-breakpoint-sm: 576px;
+    --bs-breakpoint-md: 768px;
+    --bs-breakpoint-lg: 992px;
+    --bs-breakpoint-xl: 1200px;
+    --bs-breakpoint-xxl: 1400px
+}
+
+.row {
+    --bs-gutter-x: 1.5rem;
+    --bs-gutter-y: 0;
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: calc(-1 * var(--bs-gutter-y));
+    margin-right: calc(-.5 * var(--bs-gutter-x));
+    margin-left: calc(-.5 * var(--bs-gutter-x))
+}
+
+.row>* {
+    flex-shrink: 0;
+    width: 100%;
+    max-width: 100%;
+    padding-right: calc(var(--bs-gutter-x) * .5);
+    padding-left: calc(var(--bs-gutter-x) * .5);
+    margin-top: var(--bs-gutter-y)
+}
+
+.col {
+    flex: 1 0 0%
+}
+
+.row-cols-auto>* {
+    flex: 0 0 auto;
+    width: auto
+}
+
+.row-cols-1>* {
+    flex: 0 0 auto;
+    width: 100%
+}
+
+.row-cols-2>* {
+    flex: 0 0 auto;
+    width: 50%
+}
+
+.row-cols-3>* {
+    flex: 0 0 auto;
+    width: 33.33333333%
+}
+
+.row-cols-4>* {
+    flex: 0 0 auto;
+    width: 25%
+}
+
+.row-cols-5>* {
+    flex: 0 0 auto;
+    width: 20%
+}
+
+.row-cols-6>* {
+    flex: 0 0 auto;
+    width: 16.66666667%
+}
+
+.col-auto {
+    flex: 0 0 auto;
+    width: auto
+}
+
+.col-1 {
+    flex: 0 0 auto;
+    width: 8.33333333%
+}
+
+.col-2 {
+    flex: 0 0 auto;
+    width: 16.66666667%
+}
+
+.col-3 {
+    flex: 0 0 auto;
+    width: 25%
+}
+
+.col-4 {
+    flex: 0 0 auto;
+    width: 33.33333333%
+}
+
+.col-5 {
+    flex: 0 0 auto;
+    width: 41.66666667%
+}
+
+.col-6 {
+    flex: 0 0 auto;
+    width: 50%
+}
+
+.col-7 {
+    flex: 0 0 auto;
+    width: 58.33333333%
+}
+
+.col-8 {
+    flex: 0 0 auto;
+    width: 66.66666667%
+}
+
+.col-9 {
+    flex: 0 0 auto;
+    width: 75%
+}
+
+.col-10 {
+    flex: 0 0 auto;
+    width: 83.33333333%
+}
+
+.col-11 {
+    flex: 0 0 auto;
+    width: 91.66666667%
+}
+
+.col-12 {
+    flex: 0 0 auto;
+    width: 100%
+}
+
+.offset-1 {
+    margin-left: 8.33333333%
+}
+
+.offset-2 {
+    margin-left: 16.66666667%
+}
+
+.offset-3 {
+    margin-left: 25%
+}
+
+.offset-4 {
+    margin-left: 33.33333333%
+}
+
+.offset-5 {
+    margin-left: 41.66666667%
+}
+
+.offset-6 {
+    margin-left: 50%
+}
+
+.offset-7 {
+    margin-left: 58.33333333%
+}
+
+.offset-8 {
+    margin-left: 66.66666667%
+}
+
+.offset-9 {
+    margin-left: 75%
+}
+
+.offset-10 {
+    margin-left: 83.33333333%
+}
+
+.offset-11 {
+    margin-left: 91.66666667%
+}
+
+.g-0,
+.gx-0 {
+    --bs-gutter-x: 0
+}
+
+.g-0,
+.gy-0 {
+    --bs-gutter-y: 0
+}
+
+.g-1,
+.gx-1 {
+    --bs-gutter-x: 0.25rem
+}
+
+.g-1,
+.gy-1 {
+    --bs-gutter-y: 0.25rem
+}
+
+.g-2,
+.gx-2 {
+    --bs-gutter-x: 0.5rem
+}
+
+.g-2,
+.gy-2 {
+    --bs-gutter-y: 0.5rem
+}
+
+.g-3,
+.gx-3 {
+    --bs-gutter-x: 1rem
+}
+
+.g-3,
+.gy-3 {
+    --bs-gutter-y: 1rem
+}
+
+.g-4,
+.gx-4 {
+    --bs-gutter-x: 1.5rem
+}
+
+.g-4,
+.gy-4 {
+    --bs-gutter-y: 1.5rem
+}
+
+.g-5,
+.gx-5 {
+    --bs-gutter-x: 3rem
+}
+
+.g-5,
+.gy-5 {
+    --bs-gutter-y: 3rem
+}
+
+@media (min-width:576px) {
+    .col-sm {
+        flex: 1 0 0%
+    }
+
+    .row-cols-sm-auto>* {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .row-cols-sm-1>* {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .row-cols-sm-2>* {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .row-cols-sm-3>* {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .row-cols-sm-4>* {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .row-cols-sm-5>* {
+        flex: 0 0 auto;
+        width: 20%
+    }
+
+    .row-cols-sm-6>* {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-sm-auto {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .col-sm-1 {
+        flex: 0 0 auto;
+        width: 8.33333333%
+    }
+
+    .col-sm-2 {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-sm-3 {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .col-sm-4 {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .col-sm-5 {
+        flex: 0 0 auto;
+        width: 41.66666667%
+    }
+
+    .col-sm-6 {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .col-sm-7 {
+        flex: 0 0 auto;
+        width: 58.33333333%
+    }
+
+    .col-sm-8 {
+        flex: 0 0 auto;
+        width: 66.66666667%
+    }
+
+    .col-sm-9 {
+        flex: 0 0 auto;
+        width: 75%
+    }
+
+    .col-sm-10 {
+        flex: 0 0 auto;
+        width: 83.33333333%
+    }
+
+    .col-sm-11 {
+        flex: 0 0 auto;
+        width: 91.66666667%
+    }
+
+    .col-sm-12 {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .offset-sm-0 {
+        margin-left: 0
+    }
+
+    .offset-sm-1 {
+        margin-left: 8.33333333%
+    }
+
+    .offset-sm-2 {
+        margin-left: 16.66666667%
+    }
+
+    .offset-sm-3 {
+        margin-left: 25%
+    }
+
+    .offset-sm-4 {
+        margin-left: 33.33333333%
+    }
+
+    .offset-sm-5 {
+        margin-left: 41.66666667%
+    }
+
+    .offset-sm-6 {
+        margin-left: 50%
+    }
+
+    .offset-sm-7 {
+        margin-left: 58.33333333%
+    }
+
+    .offset-sm-8 {
+        margin-left: 66.66666667%
+    }
+
+    .offset-sm-9 {
+        margin-left: 75%
+    }
+
+    .offset-sm-10 {
+        margin-left: 83.33333333%
+    }
+
+    .offset-sm-11 {
+        margin-left: 91.66666667%
+    }
+
+    .g-sm-0,
+    .gx-sm-0 {
+        --bs-gutter-x: 0
+    }
+
+    .g-sm-0,
+    .gy-sm-0 {
+        --bs-gutter-y: 0
+    }
+
+    .g-sm-1,
+    .gx-sm-1 {
+        --bs-gutter-x: 0.25rem
+    }
+
+    .g-sm-1,
+    .gy-sm-1 {
+        --bs-gutter-y: 0.25rem
+    }
+
+    .g-sm-2,
+    .gx-sm-2 {
+        --bs-gutter-x: 0.5rem
+    }
+
+    .g-sm-2,
+    .gy-sm-2 {
+        --bs-gutter-y: 0.5rem
+    }
+
+    .g-sm-3,
+    .gx-sm-3 {
+        --bs-gutter-x: 1rem
+    }
+
+    .g-sm-3,
+    .gy-sm-3 {
+        --bs-gutter-y: 1rem
+    }
+
+    .g-sm-4,
+    .gx-sm-4 {
+        --bs-gutter-x: 1.5rem
+    }
+
+    .g-sm-4,
+    .gy-sm-4 {
+        --bs-gutter-y: 1.5rem
+    }
+
+    .g-sm-5,
+    .gx-sm-5 {
+        --bs-gutter-x: 3rem
+    }
+
+    .g-sm-5,
+    .gy-sm-5 {
+        --bs-gutter-y: 3rem
+    }
+}
+
+@media (min-width:768px) {
+    .col-md {
+        flex: 1 0 0%
+    }
+
+    .row-cols-md-auto>* {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .row-cols-md-1>* {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .row-cols-md-2>* {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .row-cols-md-3>* {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .row-cols-md-4>* {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .row-cols-md-5>* {
+        flex: 0 0 auto;
+        width: 20%
+    }
+
+    .row-cols-md-6>* {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-md-auto {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .col-md-1 {
+        flex: 0 0 auto;
+        width: 8.33333333%
+    }
+
+    .col-md-2 {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-md-3 {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .col-md-4 {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .col-md-5 {
+        flex: 0 0 auto;
+        width: 41.66666667%
+    }
+
+    .col-md-6 {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .col-md-7 {
+        flex: 0 0 auto;
+        width: 58.33333333%
+    }
+
+    .col-md-8 {
+        flex: 0 0 auto;
+        width: 66.66666667%
+    }
+
+    .col-md-9 {
+        flex: 0 0 auto;
+        width: 75%
+    }
+
+    .col-md-10 {
+        flex: 0 0 auto;
+        width: 83.33333333%
+    }
+
+    .col-md-11 {
+        flex: 0 0 auto;
+        width: 91.66666667%
+    }
+
+    .col-md-12 {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .offset-md-0 {
+        margin-left: 0
+    }
+
+    .offset-md-1 {
+        margin-left: 8.33333333%
+    }
+
+    .offset-md-2 {
+        margin-left: 16.66666667%
+    }
+
+    .offset-md-3 {
+        margin-left: 25%
+    }
+
+    .offset-md-4 {
+        margin-left: 33.33333333%
+    }
+
+    .offset-md-5 {
+        margin-left: 41.66666667%
+    }
+
+    .offset-md-6 {
+        margin-left: 50%
+    }
+
+    .offset-md-7 {
+        margin-left: 58.33333333%
+    }
+
+    .offset-md-8 {
+        margin-left: 66.66666667%
+    }
+
+    .offset-md-9 {
+        margin-left: 75%
+    }
+
+    .offset-md-10 {
+        margin-left: 83.33333333%
+    }
+
+    .offset-md-11 {
+        margin-left: 91.66666667%
+    }
+
+    .g-md-0,
+    .gx-md-0 {
+        --bs-gutter-x: 0
+    }
+
+    .g-md-0,
+    .gy-md-0 {
+        --bs-gutter-y: 0
+    }
+
+    .g-md-1,
+    .gx-md-1 {
+        --bs-gutter-x: 0.25rem
+    }
+
+    .g-md-1,
+    .gy-md-1 {
+        --bs-gutter-y: 0.25rem
+    }
+
+    .g-md-2,
+    .gx-md-2 {
+        --bs-gutter-x: 0.5rem
+    }
+
+    .g-md-2,
+    .gy-md-2 {
+        --bs-gutter-y: 0.5rem
+    }
+
+    .g-md-3,
+    .gx-md-3 {
+        --bs-gutter-x: 1rem
+    }
+
+    .g-md-3,
+    .gy-md-3 {
+        --bs-gutter-y: 1rem
+    }
+
+    .g-md-4,
+    .gx-md-4 {
+        --bs-gutter-x: 1.5rem
+    }
+
+    .g-md-4,
+    .gy-md-4 {
+        --bs-gutter-y: 1.5rem
+    }
+
+    .g-md-5,
+    .gx-md-5 {
+        --bs-gutter-x: 3rem
+    }
+
+    .g-md-5,
+    .gy-md-5 {
+        --bs-gutter-y: 3rem
+    }
+}
+
+@media (min-width:992px) {
+    .col-lg {
+        flex: 1 0 0%
+    }
+
+    .row-cols-lg-auto>* {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .row-cols-lg-1>* {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .row-cols-lg-2>* {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .row-cols-lg-3>* {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .row-cols-lg-4>* {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .row-cols-lg-5>* {
+        flex: 0 0 auto;
+        width: 20%
+    }
+
+    .row-cols-lg-6>* {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-lg-auto {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .col-lg-1 {
+        flex: 0 0 auto;
+        width: 8.33333333%
+    }
+
+    .col-lg-2 {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-lg-3 {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .col-lg-4 {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .col-lg-5 {
+        flex: 0 0 auto;
+        width: 41.66666667%
+    }
+
+    .col-lg-6 {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .col-lg-7 {
+        flex: 0 0 auto;
+        width: 58.33333333%
+    }
+
+    .col-lg-8 {
+        flex: 0 0 auto;
+        width: 66.66666667%
+    }
+
+    .col-lg-9 {
+        flex: 0 0 auto;
+        width: 75%
+    }
+
+    .col-lg-10 {
+        flex: 0 0 auto;
+        width: 83.33333333%
+    }
+
+    .col-lg-11 {
+        flex: 0 0 auto;
+        width: 91.66666667%
+    }
+
+    .col-lg-12 {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .offset-lg-0 {
+        margin-left: 0
+    }
+
+    .offset-lg-1 {
+        margin-left: 8.33333333%
+    }
+
+    .offset-lg-2 {
+        margin-left: 16.66666667%
+    }
+
+    .offset-lg-3 {
+        margin-left: 25%
+    }
+
+    .offset-lg-4 {
+        margin-left: 33.33333333%
+    }
+
+    .offset-lg-5 {
+        margin-left: 41.66666667%
+    }
+
+    .offset-lg-6 {
+        margin-left: 50%
+    }
+
+    .offset-lg-7 {
+        margin-left: 58.33333333%
+    }
+
+    .offset-lg-8 {
+        margin-left: 66.66666667%
+    }
+
+    .offset-lg-9 {
+        margin-left: 75%
+    }
+
+    .offset-lg-10 {
+        margin-left: 83.33333333%
+    }
+
+    .offset-lg-11 {
+        margin-left: 91.66666667%
+    }
+
+    .g-lg-0,
+    .gx-lg-0 {
+        --bs-gutter-x: 0
+    }
+
+    .g-lg-0,
+    .gy-lg-0 {
+        --bs-gutter-y: 0
+    }
+
+    .g-lg-1,
+    .gx-lg-1 {
+        --bs-gutter-x: 0.25rem
+    }
+
+    .g-lg-1,
+    .gy-lg-1 {
+        --bs-gutter-y: 0.25rem
+    }
+
+    .g-lg-2,
+    .gx-lg-2 {
+        --bs-gutter-x: 0.5rem
+    }
+
+    .g-lg-2,
+    .gy-lg-2 {
+        --bs-gutter-y: 0.5rem
+    }
+
+    .g-lg-3,
+    .gx-lg-3 {
+        --bs-gutter-x: 1rem
+    }
+
+    .g-lg-3,
+    .gy-lg-3 {
+        --bs-gutter-y: 1rem
+    }
+
+    .g-lg-4,
+    .gx-lg-4 {
+        --bs-gutter-x: 1.5rem
+    }
+
+    .g-lg-4,
+    .gy-lg-4 {
+        --bs-gutter-y: 1.5rem
+    }
+
+    .g-lg-5,
+    .gx-lg-5 {
+        --bs-gutter-x: 3rem
+    }
+
+    .g-lg-5,
+    .gy-lg-5 {
+        --bs-gutter-y: 3rem
+    }
+}
+
+@media (min-width:1200px) {
+    .col-xl {
+        flex: 1 0 0%
+    }
+
+    .row-cols-xl-auto>* {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .row-cols-xl-1>* {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .row-cols-xl-2>* {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .row-cols-xl-3>* {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .row-cols-xl-4>* {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .row-cols-xl-5>* {
+        flex: 0 0 auto;
+        width: 20%
+    }
+
+    .row-cols-xl-6>* {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-xl-auto {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .col-xl-1 {
+        flex: 0 0 auto;
+        width: 8.33333333%
+    }
+
+    .col-xl-2 {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-xl-3 {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .col-xl-4 {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .col-xl-5 {
+        flex: 0 0 auto;
+        width: 41.66666667%
+    }
+
+    .col-xl-6 {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .col-xl-7 {
+        flex: 0 0 auto;
+        width: 58.33333333%
+    }
+
+    .col-xl-8 {
+        flex: 0 0 auto;
+        width: 66.66666667%
+    }
+
+    .col-xl-9 {
+        flex: 0 0 auto;
+        width: 75%
+    }
+
+    .col-xl-10 {
+        flex: 0 0 auto;
+        width: 83.33333333%
+    }
+
+    .col-xl-11 {
+        flex: 0 0 auto;
+        width: 91.66666667%
+    }
+
+    .col-xl-12 {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .offset-xl-0 {
+        margin-left: 0
+    }
+
+    .offset-xl-1 {
+        margin-left: 8.33333333%
+    }
+
+    .offset-xl-2 {
+        margin-left: 16.66666667%
+    }
+
+    .offset-xl-3 {
+        margin-left: 25%
+    }
+
+    .offset-xl-4 {
+        margin-left: 33.33333333%
+    }
+
+    .offset-xl-5 {
+        margin-left: 41.66666667%
+    }
+
+    .offset-xl-6 {
+        margin-left: 50%
+    }
+
+    .offset-xl-7 {
+        margin-left: 58.33333333%
+    }
+
+    .offset-xl-8 {
+        margin-left: 66.66666667%
+    }
+
+    .offset-xl-9 {
+        margin-left: 75%
+    }
+
+    .offset-xl-10 {
+        margin-left: 83.33333333%
+    }
+
+    .offset-xl-11 {
+        margin-left: 91.66666667%
+    }
+
+    .g-xl-0,
+    .gx-xl-0 {
+        --bs-gutter-x: 0
+    }
+
+    .g-xl-0,
+    .gy-xl-0 {
+        --bs-gutter-y: 0
+    }
+
+    .g-xl-1,
+    .gx-xl-1 {
+        --bs-gutter-x: 0.25rem
+    }
+
+    .g-xl-1,
+    .gy-xl-1 {
+        --bs-gutter-y: 0.25rem
+    }
+
+    .g-xl-2,
+    .gx-xl-2 {
+        --bs-gutter-x: 0.5rem
+    }
+
+    .g-xl-2,
+    .gy-xl-2 {
+        --bs-gutter-y: 0.5rem
+    }
+
+    .g-xl-3,
+    .gx-xl-3 {
+        --bs-gutter-x: 1rem
+    }
+
+    .g-xl-3,
+    .gy-xl-3 {
+        --bs-gutter-y: 1rem
+    }
+
+    .g-xl-4,
+    .gx-xl-4 {
+        --bs-gutter-x: 1.5rem
+    }
+
+    .g-xl-4,
+    .gy-xl-4 {
+        --bs-gutter-y: 1.5rem
+    }
+
+    .g-xl-5,
+    .gx-xl-5 {
+        --bs-gutter-x: 3rem
+    }
+
+    .g-xl-5,
+    .gy-xl-5 {
+        --bs-gutter-y: 3rem
+    }
+}
+
+@media (min-width:1400px) {
+    .col-xxl {
+        flex: 1 0 0%
+    }
+
+    .row-cols-xxl-auto>* {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .row-cols-xxl-1>* {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .row-cols-xxl-2>* {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .row-cols-xxl-3>* {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .row-cols-xxl-4>* {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .row-cols-xxl-5>* {
+        flex: 0 0 auto;
+        width: 20%
+    }
+
+    .row-cols-xxl-6>* {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-xxl-auto {
+        flex: 0 0 auto;
+        width: auto
+    }
+
+    .col-xxl-1 {
+        flex: 0 0 auto;
+        width: 8.33333333%
+    }
+
+    .col-xxl-2 {
+        flex: 0 0 auto;
+        width: 16.66666667%
+    }
+
+    .col-xxl-3 {
+        flex: 0 0 auto;
+        width: 25%
+    }
+
+    .col-xxl-4 {
+        flex: 0 0 auto;
+        width: 33.33333333%
+    }
+
+    .col-xxl-5 {
+        flex: 0 0 auto;
+        width: 41.66666667%
+    }
+
+    .col-xxl-6 {
+        flex: 0 0 auto;
+        width: 50%
+    }
+
+    .col-xxl-7 {
+        flex: 0 0 auto;
+        width: 58.33333333%
+    }
+
+    .col-xxl-8 {
+        flex: 0 0 auto;
+        width: 66.66666667%
+    }
+
+    .col-xxl-9 {
+        flex: 0 0 auto;
+        width: 75%
+    }
+
+    .col-xxl-10 {
+        flex: 0 0 auto;
+        width: 83.33333333%
+    }
+
+    .col-xxl-11 {
+        flex: 0 0 auto;
+        width: 91.66666667%
+    }
+
+    .col-xxl-12 {
+        flex: 0 0 auto;
+        width: 100%
+    }
+
+    .offset-xxl-0 {
+        margin-left: 0
+    }
+
+    .offset-xxl-1 {
+        margin-left: 8.33333333%
+    }
+
+    .offset-xxl-2 {
+        margin-left: 16.66666667%
+    }
+
+    .offset-xxl-3 {
+        margin-left: 25%
+    }
+
+    .offset-xxl-4 {
+        margin-left: 33.33333333%
+    }
+
+    .offset-xxl-5 {
+        margin-left: 41.66666667%
+    }
+
+    .offset-xxl-6 {
+        margin-left: 50%
+    }
+
+    .offset-xxl-7 {
+        margin-left: 58.33333333%
+    }
+
+    .offset-xxl-8 {
+        margin-left: 66.66666667%
+    }
+
+    .offset-xxl-9 {
+        margin-left: 75%
+    }
+
+    .offset-xxl-10 {
+        margin-left: 83.33333333%
+    }
+
+    .offset-xxl-11 {
+        margin-left: 91.66666667%
+    }
+
+    .g-xxl-0,
+    .gx-xxl-0 {
+        --bs-gutter-x: 0
+    }
+
+    .g-xxl-0,
+    .gy-xxl-0 {
+        --bs-gutter-y: 0
+    }
+
+    .g-xxl-1,
+    .gx-xxl-1 {
+        --bs-gutter-x: 0.25rem
+    }
+
+    .g-xxl-1,
+    .gy-xxl-1 {
+        --bs-gutter-y: 0.25rem
+    }
+
+    .g-xxl-2,
+    .gx-xxl-2 {
+        --bs-gutter-x: 0.5rem
+    }
+
+    .g-xxl-2,
+    .gy-xxl-2 {
+        --bs-gutter-y: 0.5rem
+    }
+
+    .g-xxl-3,
+    .gx-xxl-3 {
+        --bs-gutter-x: 1rem
+    }
+
+    .g-xxl-3,
+    .gy-xxl-3 {
+        --bs-gutter-y: 1rem
+    }
+
+    .g-xxl-4,
+    .gx-xxl-4 {
+        --bs-gutter-x: 1.5rem
+    }
+
+    .g-xxl-4,
+    .gy-xxl-4 {
+        --bs-gutter-y: 1.5rem
+    }
+
+    .g-xxl-5,
+    .gx-xxl-5 {
+        --bs-gutter-x: 3rem
+    }
+
+    .g-xxl-5,
+    .gy-xxl-5 {
+        --bs-gutter-y: 3rem
+    }
+}
+
+.table {
+    --bs-table-color-type: initial;
+    --bs-table-bg-type: initial;
+    --bs-table-color-state: initial;
+    --bs-table-bg-state: initial;
+    --bs-table-color: var(--bs-emphasis-color);
+    --bs-table-bg: var(--bs-body-bg);
+    --bs-table-border-color: var(--bs-border-color);
+    --bs-table-accent-bg: transparent;
+    --bs-table-striped-color: var(--bs-emphasis-color);
+    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
+    --bs-table-active-color: var(--bs-emphasis-color);
+    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
+    --bs-table-hover-color: var(--bs-emphasis-color);
+    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
+    width: 100%;
+    margin-bottom: 1rem;
+    vertical-align: top;
+    border-color: var(--bs-table-border-color)
+}
+
+.table>:not(caption)>*>* {
+    padding: .5rem .5rem;
+    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
+    background-color: var(--bs-table-bg);
+    border-bottom-width: var(--bs-border-width);
+    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
+}
+
+.table>tbody {
+    vertical-align: inherit
+}
+
+.table>thead {
+    vertical-align: bottom
+}
+
+.table-group-divider {
+    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
+}
+
+.caption-top {
+    caption-side: top
+}
+
+.table-sm>:not(caption)>*>* {
+    padding: .25rem .25rem
+}
+
+.table-bordered>:not(caption)>* {
+    border-width: var(--bs-border-width) 0
+}
+
+.table-bordered>:not(caption)>*>* {
+    border-width: 0 var(--bs-border-width)
+}
+
+.table-borderless>:not(caption)>*>* {
+    border-bottom-width: 0
+}
+
+.table-borderless>:not(:first-child) {
+    border-top-width: 0
+}
+
+.table-striped>tbody>tr:nth-of-type(odd)>* {
+    --bs-table-color-type: var(--bs-table-striped-color);
+    --bs-table-bg-type: var(--bs-table-striped-bg)
+}
+
+.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
+    --bs-table-color-type: var(--bs-table-striped-color);
+    --bs-table-bg-type: var(--bs-table-striped-bg)
+}
+
+.table-active {
+    --bs-table-color-state: var(--bs-table-active-color);
+    --bs-table-bg-state: var(--bs-table-active-bg)
+}
+
+.table-hover>tbody>tr:hover>* {
+    --bs-table-color-state: var(--bs-table-hover-color);
+    --bs-table-bg-state: var(--bs-table-hover-bg)
+}
+
+.table-primary {
+    --bs-table-color: #000;
+    --bs-table-bg: #cfe2ff;
+    --bs-table-border-color: #a6b5cc;
+    --bs-table-striped-bg: #c5d7f2;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #bacbe6;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #bfd1ec;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-secondary {
+    --bs-table-color: #000;
+    --bs-table-bg: #e2e3e5;
+    --bs-table-border-color: #b5b6b7;
+    --bs-table-striped-bg: #d7d8da;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #cbccce;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #d1d2d4;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-success {
+    --bs-table-color: #000;
+    --bs-table-bg: #d1e7dd;
+    --bs-table-border-color: #a7b9b1;
+    --bs-table-striped-bg: #c7dbd2;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #bcd0c7;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #c1d6cc;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-info {
+    --bs-table-color: #000;
+    --bs-table-bg: #cff4fc;
+    --bs-table-border-color: #a6c3ca;
+    --bs-table-striped-bg: #c5e8ef;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #badce3;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #bfe2e9;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-warning {
+    --bs-table-color: #000;
+    --bs-table-bg: #fff3cd;
+    --bs-table-border-color: #ccc2a4;
+    --bs-table-striped-bg: #f2e7c3;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #e6dbb9;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #ece1be;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-danger {
+    --bs-table-color: #000;
+    --bs-table-bg: #f8d7da;
+    --bs-table-border-color: #c6acae;
+    --bs-table-striped-bg: #eccccf;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #dfc2c4;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #e5c7ca;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-light {
+    --bs-table-color: #000;
+    --bs-table-bg: #f8f9fa;
+    --bs-table-border-color: #c6c7c8;
+    --bs-table-striped-bg: #ecedee;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #dfe0e1;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #e5e6e7;
+    --bs-table-hover-color: #000;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-dark {
+    --bs-table-color: #fff;
+    --bs-table-bg: #212529;
+    --bs-table-border-color: #4d5154;
+    --bs-table-striped-bg: #2c3034;
+    --bs-table-striped-color: #fff;
+    --bs-table-active-bg: #373b3e;
+    --bs-table-active-color: #fff;
+    --bs-table-hover-bg: #323539;
+    --bs-table-hover-color: #fff;
+    color: var(--bs-table-color);
+    border-color: var(--bs-table-border-color)
+}
+
+.table-responsive {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch
+}
+
+@media (max-width:575.98px) {
+    .table-responsive-sm {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch
+    }
+}
+
+@media (max-width:767.98px) {
+    .table-responsive-md {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch
+    }
+}
+
+@media (max-width:991.98px) {
+    .table-responsive-lg {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch
+    }
+}
+
+@media (max-width:1199.98px) {
+    .table-responsive-xl {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch
+    }
+}
+
+@media (max-width:1399.98px) {
+    .table-responsive-xxl {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch
+    }
+}
+
+.form-label {
+    margin-bottom: .5rem
+}
+
+.col-form-label {
+    padding-top: calc(.375rem + var(--bs-border-width));
+    padding-bottom: calc(.375rem + var(--bs-border-width));
+    margin-bottom: 0;
+    font-size: inherit;
+    line-height: 1.5
+}
+
+.col-form-label-lg {
+    padding-top: calc(.5rem + var(--bs-border-width));
+    padding-bottom: calc(.5rem + var(--bs-border-width));
+    font-size: 1.25rem
+}
+
+.col-form-label-sm {
+    padding-top: calc(.25rem + var(--bs-border-width));
+    padding-bottom: calc(.25rem + var(--bs-border-width));
+    font-size: .875rem
+}
+
+.form-text {
+    margin-top: .25rem;
+    font-size: .875em;
+    color: var(--bs-secondary-color)
+}
+
+.form-control {
+    display: block;
+    width: 100%;
+    padding: .375rem .75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: var(--bs-body-color);
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: var(--bs-body-bg);
+    background-clip: padding-box;
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .form-control {
+        transition: none
+    }
+}
+
+.form-control[type=file] {
+    overflow: hidden
+}
+
+.form-control[type=file]:not(:disabled):not([readonly]) {
+    cursor: pointer
+}
+
+.form-control:focus {
+    color: var(--bs-body-color);
+    background-color: var(--bs-body-bg);
+    border-color: #86b7fe;
+    outline: 0;
+    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
+}
+
+.form-control::-webkit-date-and-time-value {
+    min-width: 85px;
+    height: 1.5em;
+    margin: 0
+}
+
+.form-control::-webkit-datetime-edit {
+    display: block;
+    padding: 0
+}
+
+.form-control::-moz-placeholder {
+    color: var(--bs-secondary-color);
+    opacity: 1
+}
+
+.form-control::placeholder {
+    color: var(--bs-secondary-color);
+    opacity: 1
+}
+
+.form-control:disabled {
+    background-color: var(--bs-secondary-bg);
+    opacity: 1
+}
+
+.form-control::-webkit-file-upload-button {
+    padding: .375rem .75rem;
+    margin: -.375rem -.75rem;
+    -webkit-margin-end: .75rem;
+    margin-inline-end: .75rem;
+    color: var(--bs-body-color);
+    background-color: var(--bs-tertiary-bg);
+    pointer-events: none;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
+    border-inline-end-width: var(--bs-border-width);
+    border-radius: 0;
+    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
+}
+
+.form-control::file-selector-button {
+    padding: .375rem .75rem;
+    margin: -.375rem -.75rem;
+    -webkit-margin-end: .75rem;
+    margin-inline-end: .75rem;
+    color: var(--bs-body-color);
+    background-color: var(--bs-tertiary-bg);
+    pointer-events: none;
+    border-color: inherit;
+    border-style: solid;
+    border-width: 0;
+    border-inline-end-width: var(--bs-border-width);
+    border-radius: 0;
+    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) {
+    .form-control::-webkit-file-upload-button {
+        -webkit-transition: none;
+        transition: none
+    }
+
+    .form-control::file-selector-button {
+        transition: none
+    }
+}
+
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+    background-color: var(--bs-secondary-bg)
+}
+
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+    background-color: var(--bs-secondary-bg)
+}
+
+.form-control-plaintext {
+    display: block;
+    width: 100%;
+    padding: .375rem 0;
+    margin-bottom: 0;
+    line-height: 1.5;
+    color: var(--bs-body-color);
+    background-color: transparent;
+    border: solid transparent;
+    border-width: var(--bs-border-width) 0
+}
+
+.form-control-plaintext:focus {
+    outline: 0
+}
+
+.form-control-plaintext.form-control-lg,
+.form-control-plaintext.form-control-sm {
+    padding-right: 0;
+    padding-left: 0
+}
+
+.form-control-sm {
+    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    border-radius: var(--bs-border-radius-sm)
+}
+
+.form-control-sm::-webkit-file-upload-button {
+    padding: .25rem .5rem;
+    margin: -.25rem -.5rem;
+    -webkit-margin-end: .5rem;
+    margin-inline-end: .5rem
+}
+
+.form-control-sm::file-selector-button {
+    padding: .25rem .5rem;
+    margin: -.25rem -.5rem;
+    -webkit-margin-end: .5rem;
+    margin-inline-end: .5rem
+}
+
+.form-control-lg {
+    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
+    padding: .5rem 1rem;
+    font-size: 1.25rem;
+    border-radius: var(--bs-border-radius-lg)
+}
+
+.form-control-lg::-webkit-file-upload-button {
+    padding: .5rem 1rem;
+    margin: -.5rem -1rem;
+    -webkit-margin-end: 1rem;
+    margin-inline-end: 1rem
+}
+
+.form-control-lg::file-selector-button {
+    padding: .5rem 1rem;
+    margin: -.5rem -1rem;
+    -webkit-margin-end: 1rem;
+    margin-inline-end: 1rem
+}
+
+textarea.form-control {
+    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
+}
+
+textarea.form-control-sm {
+    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
+}
+
+textarea.form-control-lg {
+    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
+}
+
+.form-control-color {
+    width: 3rem;
+    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
+    padding: .375rem
+}
+
+.form-control-color:not(:disabled):not([readonly]) {
+    cursor: pointer
+}
+
+.form-control-color::-moz-color-swatch {
+    border: 0 !important;
+    border-radius: var(--bs-border-radius)
+}
+
+.form-control-color::-webkit-color-swatch {
+    border: 0 !important;
+    border-radius: var(--bs-border-radius)
+}
+
+.form-control-color.form-control-sm {
+    height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
+}
+
+.form-control-color.form-control-lg {
+    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
+}
+
+.form-select {
+    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+    display: block;
+    width: 100%;
+    padding: .375rem 2.25rem .375rem .75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: var(--bs-body-color);
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: var(--bs-body-bg);
+    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
+    background-repeat: no-repeat;
+    background-position: right .75rem center;
+    background-size: 16px 12px;
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .form-select {
+        transition: none
+    }
+}
+
+.form-select:focus {
+    border-color: #86b7fe;
+    outline: 0;
+    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
+}
+
+.form-select[multiple],
+.form-select[size]:not([size="1"]) {
+    padding-right: .75rem;
+    background-image: none
+}
+
+.form-select:disabled {
+    background-color: var(--bs-secondary-bg)
+}
+
+.form-select:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 var(--bs-body-color)
+}
+
+.form-select-sm {
+    padding-top: .25rem;
+    padding-bottom: .25rem;
+    padding-left: .5rem;
+    font-size: .875rem;
+    border-radius: var(--bs-border-radius-sm)
+}
+
+.form-select-lg {
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    padding-left: 1rem;
+    font-size: 1.25rem;
+    border-radius: var(--bs-border-radius-lg)
+}
+
+[data-bs-theme=dark] .form-select {
+    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
+}
+
+.form-check {
+    display: block;
+    min-height: 1.5rem;
+    padding-left: 1.5em;
+    margin-bottom: .125rem
+}
+
+.form-check .form-check-input {
+    float: left;
+    margin-left: -1.5em
+}
+
+.form-check-reverse {
+    padding-right: 1.5em;
+    padding-left: 0;
+    text-align: right
+}
+
+.form-check-reverse .form-check-input {
+    float: right;
+    margin-right: -1.5em;
+    margin-left: 0
+}
+
+.form-check-input {
+    --bs-form-check-bg: var(--bs-body-bg);
+    flex-shrink: 0;
+    width: 1em;
+    height: 1em;
+    margin-top: .25em;
+    vertical-align: top;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: var(--bs-form-check-bg);
+    background-image: var(--bs-form-check-bg-image);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+    print-color-adjust: exact
+}
+
+.form-check-input[type=checkbox] {
+    border-radius: .25em
+}
+
+.form-check-input[type=radio] {
+    border-radius: 50%
+}
+
+.form-check-input:active {
+    filter: brightness(90%)
+}
+
+.form-check-input:focus {
+    border-color: #86b7fe;
+    outline: 0;
+    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
+}
+
+.form-check-input:checked {
+    background-color: #0d6efd;
+    border-color: #0d6efd
+}
+
+.form-check-input:checked[type=checkbox] {
+    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
+}
+
+.form-check-input:checked[type=radio] {
+    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
+}
+
+.form-check-input[type=checkbox]:indeterminate {
+    background-color: #0d6efd;
+    border-color: #0d6efd;
+    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
+}
+
+.form-check-input:disabled {
+    pointer-events: none;
+    filter: none;
+    opacity: .5
+}
+
+.form-check-input:disabled~.form-check-label,
+.form-check-input[disabled]~.form-check-label {
+    cursor: default;
+    opacity: .5
+}
+
+.form-switch {
+    padding-left: 2.5em
+}
+
+.form-switch .form-check-input {
+    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+    width: 2em;
+    margin-left: -2.5em;
+    background-image: var(--bs-form-switch-bg);
+    background-position: left center;
+    border-radius: 2em;
+    transition: background-position .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .form-switch .form-check-input {
+        transition: none
+    }
+}
+
+.form-switch .form-check-input:focus {
+    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
+}
+
+.form-switch .form-check-input:checked {
+    background-position: right center;
+    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
+}
+
+.form-switch.form-check-reverse {
+    padding-right: 2.5em;
+    padding-left: 0
+}
+
+.form-switch.form-check-reverse .form-check-input {
+    margin-right: -2.5em;
+    margin-left: 0
+}
+
+.form-check-inline {
+    display: inline-block;
+    margin-right: 1rem
+}
+
+.btn-check {
+    position: absolute;
+    clip: rect(0, 0, 0, 0);
+    pointer-events: none
+}
+
+.btn-check:disabled+.btn,
+.btn-check[disabled]+.btn {
+    pointer-events: none;
+    filter: none;
+    opacity: .65
+}
+
+[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
+    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
+}
+
+.form-range {
+    width: 100%;
+    height: 1.5rem;
+    padding: 0;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: transparent
+}
+
+.form-range:focus {
+    outline: 0
+}
+
+.form-range:focus::-webkit-slider-thumb {
+    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
+}
+
+.form-range:focus::-moz-range-thumb {
+    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
+}
+
+.form-range::-moz-focus-outer {
+    border: 0
+}
+
+.form-range::-webkit-slider-thumb {
+    width: 1rem;
+    height: 1rem;
+    margin-top: -.25rem;
+    -webkit-appearance: none;
+    appearance: none;
+    background-color: #0d6efd;
+    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
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .form-range::-webkit-slider-thumb {
+        -webkit-transition: none;
+        transition: none
+    }
+}
+
+.form-range::-webkit-slider-thumb:active {
+    background-color: #b6d4fe
+}
+
+.form-range::-webkit-slider-runnable-track {
+    width: 100%;
+    height: .5rem;
+    color: transparent;
+    cursor: pointer;
+    background-color: var(--bs-secondary-bg);
+    border-color: transparent;
+    border-radius: 1rem
+}
+
+.form-range::-moz-range-thumb {
+    width: 1rem;
+    height: 1rem;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: #0d6efd;
+    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
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .form-range::-moz-range-thumb {
+        -moz-transition: none;
+        transition: none
+    }
+}
+
+.form-range::-moz-range-thumb:active {
+    background-color: #b6d4fe
+}
+
+.form-range::-moz-range-track {
+    width: 100%;
+    height: .5rem;
+    color: transparent;
+    cursor: pointer;
+    background-color: var(--bs-secondary-bg);
+    border-color: transparent;
+    border-radius: 1rem
+}
+
+.form-range:disabled {
+    pointer-events: none
+}
+
+.form-range:disabled::-webkit-slider-thumb {
+    background-color: var(--bs-secondary-color)
+}
+
+.form-range:disabled::-moz-range-thumb {
+    background-color: var(--bs-secondary-color)
+}
+
+.form-floating {
+    position: relative
+}
+
+.form-floating>.form-control,
+.form-floating>.form-control-plaintext,
+.form-floating>.form-select {
+    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
+    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
+    line-height: 1.25
+}
+
+.form-floating>label {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    height: 100%;
+    padding: 1rem .75rem;
+    overflow: hidden;
+    text-align: start;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    pointer-events: none;
+    border: var(--bs-border-width) solid transparent;
+    transform-origin: 0 0;
+    transition: opacity .1s ease-in-out, transform .1s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .form-floating>label {
+        transition: none
+    }
+}
+
+.form-floating>.form-control,
+.form-floating>.form-control-plaintext {
+    padding: 1rem .75rem
+}
+
+.form-floating>.form-control-plaintext::-moz-placeholder,
+.form-floating>.form-control::-moz-placeholder {
+    color: transparent
+}
+
+.form-floating>.form-control-plaintext::placeholder,
+.form-floating>.form-control::placeholder {
+    color: transparent
+}
+
+.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
+.form-floating>.form-control:not(:-moz-placeholder-shown) {
+    padding-top: 1.625rem;
+    padding-bottom: .625rem
+}
+
+.form-floating>.form-control-plaintext:focus,
+.form-floating>.form-control-plaintext:not(:placeholder-shown),
+.form-floating>.form-control:focus,
+.form-floating>.form-control:not(:placeholder-shown) {
+    padding-top: 1.625rem;
+    padding-bottom: .625rem
+}
+
+.form-floating>.form-control-plaintext:-webkit-autofill,
+.form-floating>.form-control:-webkit-autofill {
+    padding-top: 1.625rem;
+    padding-bottom: .625rem
+}
+
+.form-floating>.form-select {
+    padding-top: 1.625rem;
+    padding-bottom: .625rem
+}
+
+.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
+    color: rgba(var(--bs-body-color-rgb), .65);
+    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
+}
+
+.form-floating>.form-control-plaintext~label,
+.form-floating>.form-control:focus~label,
+.form-floating>.form-control:not(:placeholder-shown)~label,
+.form-floating>.form-select~label {
+    color: rgba(var(--bs-body-color-rgb), .65);
+    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
+}
+
+.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
+    position: absolute;
+    inset: 1rem 0.375rem;
+    z-index: -1;
+    height: 1.5em;
+    content: "";
+    background-color: var(--bs-body-bg);
+    border-radius: var(--bs-border-radius)
+}
+
+.form-floating>.form-control-plaintext~label::after,
+.form-floating>.form-control:focus~label::after,
+.form-floating>.form-control:not(:placeholder-shown)~label::after,
+.form-floating>.form-select~label::after {
+    position: absolute;
+    inset: 1rem 0.375rem;
+    z-index: -1;
+    height: 1.5em;
+    content: "";
+    background-color: var(--bs-body-bg);
+    border-radius: var(--bs-border-radius)
+}
+
+.form-floating>.form-control:-webkit-autofill~label {
+    color: rgba(var(--bs-body-color-rgb), .65);
+    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
+}
+
+.form-floating>.form-control-plaintext~label {
+    border-width: var(--bs-border-width) 0
+}
+
+.form-floating>.form-control:disabled~label,
+.form-floating>:disabled~label {
+    color: #6c757d
+}
+
+.form-floating>.form-control:disabled~label::after,
+.form-floating>:disabled~label::after {
+    background-color: var(--bs-secondary-bg)
+}
+
+.input-group {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: stretch;
+    width: 100%
+}
+
+.input-group>.form-control,
+.input-group>.form-floating,
+.input-group>.form-select {
+    position: relative;
+    flex: 1 1 auto;
+    width: 1%;
+    min-width: 0
+}
+
+.input-group>.form-control:focus,
+.input-group>.form-floating:focus-within,
+.input-group>.form-select:focus {
+    z-index: 5
+}
+
+.input-group .btn {
+    position: relative;
+    z-index: 2
+}
+
+.input-group .btn:focus {
+    z-index: 5
+}
+
+.input-group-text {
+    display: flex;
+    align-items: center;
+    padding: .375rem .75rem;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.5;
+    color: var(--bs-body-color);
+    text-align: center;
+    white-space: nowrap;
+    background-color: var(--bs-tertiary-bg);
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius)
+}
+
+.input-group-lg>.btn,
+.input-group-lg>.form-control,
+.input-group-lg>.form-select,
+.input-group-lg>.input-group-text {
+    padding: .5rem 1rem;
+    font-size: 1.25rem;
+    border-radius: var(--bs-border-radius-lg)
+}
+
+.input-group-sm>.btn,
+.input-group-sm>.form-control,
+.input-group-sm>.form-select,
+.input-group-sm>.input-group-text {
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    border-radius: var(--bs-border-radius-sm)
+}
+
+.input-group-lg>.form-select,
+.input-group-sm>.form-select {
+    padding-right: 3rem
+}
+
+.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
+.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
+.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
+.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0
+}
+
+.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
+.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
+.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
+.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0
+}
+
+.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+    margin-left: calc(var(--bs-border-width) * -1);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0
+}
+
+.input-group>.form-floating:not(:first-child)>.form-control,
+.input-group>.form-floating:not(:first-child)>.form-select {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0
+}
+
+.valid-feedback {
+    display: none;
+    width: 100%;
+    margin-top: .25rem;
+    font-size: .875em;
+    color: var(--bs-form-valid-color)
+}
+
+.valid-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    max-width: 100%;
+    padding: .25rem .5rem;
+    margin-top: .1rem;
+    font-size: .875rem;
+    color: #fff;
+    background-color: var(--bs-success);
+    border-radius: var(--bs-border-radius)
+}
+
+.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: var(--bs-form-valid-border-color);
+    padding-right: calc(1.5em + .75rem);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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: var(--bs-form-valid-border-color);
+    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .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)
+}
+
+.form-select.is-valid,
+.was-validated .form-select:valid {
+    border-color: var(--bs-form-valid-border-color)
+}
+
+.form-select.is-valid:not([multiple]):not([size]),
+.form-select.is-valid:not([multiple])[size="1"],
+.was-validated .form-select:valid:not([multiple]):not([size]),
+.was-validated .form-select:valid:not([multiple])[size="1"] {
+    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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");
+    padding-right: 4.125rem;
+    background-position: right .75rem center, center right 2.25rem;
+    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
+}
+
+.form-select.is-valid:focus,
+.was-validated .form-select:valid:focus {
+    border-color: var(--bs-form-valid-border-color);
+    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
+}
+
+.form-control-color.is-valid,
+.was-validated .form-control-color:valid {
+    width: calc(3rem + calc(1.5em + .75rem))
+}
+
+.form-check-input.is-valid,
+.was-validated .form-check-input:valid {
+    border-color: var(--bs-form-valid-border-color)
+}
+
+.form-check-input.is-valid:checked,
+.was-validated .form-check-input:valid:checked {
+    background-color: var(--bs-form-valid-color)
+}
+
+.form-check-input.is-valid:focus,
+.was-validated .form-check-input:valid:focus {
+    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
+}
+
+.form-check-input.is-valid~.form-check-label,
+.was-validated .form-check-input:valid~.form-check-label {
+    color: var(--bs-form-valid-color)
+}
+
+.form-check-inline .form-check-input~.valid-feedback {
+    margin-left: .5em
+}
+
+.input-group>.form-control:not(:focus).is-valid,
+.input-group>.form-floating:not(:focus-within).is-valid,
+.input-group>.form-select:not(:focus).is-valid,
+.was-validated .input-group>.form-control:not(:focus):valid,
+.was-validated .input-group>.form-floating:not(:focus-within):valid,
+.was-validated .input-group>.form-select:not(:focus):valid {
+    z-index: 3
+}
+
+.invalid-feedback {
+    display: none;
+    width: 100%;
+    margin-top: .25rem;
+    font-size: .875em;
+    color: var(--bs-form-invalid-color)
+}
+
+.invalid-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    max-width: 100%;
+    padding: .25rem .5rem;
+    margin-top: .1rem;
+    font-size: .875rem;
+    color: #fff;
+    background-color: var(--bs-danger);
+    border-radius: var(--bs-border-radius)
+}
+
+.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: var(--bs-form-invalid-border-color);
+    padding-right: calc(1.5em + .75rem);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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: var(--bs-form-invalid-border-color);
+    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .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)
+}
+
+.form-select.is-invalid,
+.was-validated .form-select:invalid {
+    border-color: var(--bs-form-invalid-border-color)
+}
+
+.form-select.is-invalid:not([multiple]):not([size]),
+.form-select.is-invalid:not([multiple])[size="1"],
+.was-validated .form-select:invalid:not([multiple]):not([size]),
+.was-validated .form-select:invalid:not([multiple])[size="1"] {
+    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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");
+    padding-right: 4.125rem;
+    background-position: right .75rem center, center right 2.25rem;
+    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
+}
+
+.form-select.is-invalid:focus,
+.was-validated .form-select:invalid:focus {
+    border-color: var(--bs-form-invalid-border-color);
+    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
+}
+
+.form-control-color.is-invalid,
+.was-validated .form-control-color:invalid {
+    width: calc(3rem + calc(1.5em + .75rem))
+}
+
+.form-check-input.is-invalid,
+.was-validated .form-check-input:invalid {
+    border-color: var(--bs-form-invalid-border-color)
+}
+
+.form-check-input.is-invalid:checked,
+.was-validated .form-check-input:invalid:checked {
+    background-color: var(--bs-form-invalid-color)
+}
+
+.form-check-input.is-invalid:focus,
+.was-validated .form-check-input:invalid:focus {
+    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
+}
+
+.form-check-input.is-invalid~.form-check-label,
+.was-validated .form-check-input:invalid~.form-check-label {
+    color: var(--bs-form-invalid-color)
+}
+
+.form-check-inline .form-check-input~.invalid-feedback {
+    margin-left: .5em
+}
+
+.input-group>.form-control:not(:focus).is-invalid,
+.input-group>.form-floating:not(:focus-within).is-invalid,
+.input-group>.form-select:not(:focus).is-invalid,
+.was-validated .input-group>.form-control:not(:focus):invalid,
+.was-validated .input-group>.form-floating:not(:focus-within):invalid,
+.was-validated .input-group>.form-select:not(:focus):invalid {
+    z-index: 4
+}
+
+.btn {
+    --bs-btn-padding-x: 0.75rem;
+    --bs-btn-padding-y: 0.375rem;
+    --bs-btn-font-family: ;
+    --bs-btn-font-size: 1rem;
+    --bs-btn-font-weight: 400;
+    --bs-btn-line-height: 1.5;
+    --bs-btn-color: var(--bs-body-color);
+    --bs-btn-bg: transparent;
+    --bs-btn-border-width: var(--bs-border-width);
+    --bs-btn-border-color: transparent;
+    --bs-btn-border-radius: var(--bs-border-radius);
+    --bs-btn-hover-border-color: transparent;
+    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+    --bs-btn-disabled-opacity: 0.65;
+    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
+    display: inline-block;
+    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
+    font-family: var(--bs-btn-font-family);
+    font-size: var(--bs-btn-font-size);
+    font-weight: var(--bs-btn-font-weight);
+    line-height: var(--bs-btn-line-height);
+    color: var(--bs-btn-color);
+    text-align: center;
+    text-decoration: none;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
+    border-radius: var(--bs-btn-border-radius);
+    background-color: var(--bs-btn-bg);
+    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: var(--bs-btn-hover-color);
+    background-color: var(--bs-btn-hover-bg);
+    border-color: var(--bs-btn-hover-border-color)
+}
+
+.btn-check+.btn:hover {
+    color: var(--bs-btn-color);
+    background-color: var(--bs-btn-bg);
+    border-color: var(--bs-btn-border-color)
+}
+
+.btn:focus-visible {
+    color: var(--bs-btn-hover-color);
+    background-color: var(--bs-btn-hover-bg);
+    border-color: var(--bs-btn-hover-border-color);
+    outline: 0;
+    box-shadow: var(--bs-btn-focus-box-shadow)
+}
+
+.btn-check:focus-visible+.btn {
+    border-color: var(--bs-btn-hover-border-color);
+    outline: 0;
+    box-shadow: var(--bs-btn-focus-box-shadow)
+}
+
+.btn-check:checked+.btn,
+.btn.active,
+.btn.show,
+.btn:first-child:active,
+:not(.btn-check)+.btn:active {
+    color: var(--bs-btn-active-color);
+    background-color: var(--bs-btn-active-bg);
+    border-color: var(--bs-btn-active-border-color)
+}
+
+.btn-check:checked+.btn:focus-visible,
+.btn.active:focus-visible,
+.btn.show:focus-visible,
+.btn:first-child:active:focus-visible,
+:not(.btn-check)+.btn:active:focus-visible {
+    box-shadow: var(--bs-btn-focus-box-shadow)
+}
+
+.btn.disabled,
+.btn:disabled,
+fieldset:disabled .btn {
+    color: var(--bs-btn-disabled-color);
+    pointer-events: none;
+    background-color: var(--bs-btn-disabled-bg);
+    border-color: var(--bs-btn-disabled-border-color);
+    opacity: var(--bs-btn-disabled-opacity)
+}
+
+.btn-primary {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #0d6efd;
+    --bs-btn-border-color: #0d6efd;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #0b5ed7;
+    --bs-btn-hover-border-color: #0a58ca;
+    --bs-btn-focus-shadow-rgb: 49, 132, 253;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #0a58ca;
+    --bs-btn-active-border-color: #0a53be;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #0d6efd;
+    --bs-btn-disabled-border-color: #0d6efd
+}
+
+.btn-secondary {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #6c757d;
+    --bs-btn-border-color: #6c757d;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #5c636a;
+    --bs-btn-hover-border-color: #565e64;
+    --bs-btn-focus-shadow-rgb: 130, 138, 145;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #565e64;
+    --bs-btn-active-border-color: #51585e;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #6c757d;
+    --bs-btn-disabled-border-color: #6c757d
+}
+
+.btn-success {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #198754;
+    --bs-btn-border-color: #198754;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #157347;
+    --bs-btn-hover-border-color: #146c43;
+    --bs-btn-focus-shadow-rgb: 60, 153, 110;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #146c43;
+    --bs-btn-active-border-color: #13653f;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #198754;
+    --bs-btn-disabled-border-color: #198754
+}
+
+.btn-info {
+    --bs-btn-color: #000;
+    --bs-btn-bg: #0dcaf0;
+    --bs-btn-border-color: #0dcaf0;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #31d2f2;
+    --bs-btn-hover-border-color: #25cff2;
+    --bs-btn-focus-shadow-rgb: 11, 172, 204;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #3dd5f3;
+    --bs-btn-active-border-color: #25cff2;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-bg: #0dcaf0;
+    --bs-btn-disabled-border-color: #0dcaf0
+}
+
+.btn-warning {
+    --bs-btn-color: #000;
+    --bs-btn-bg: #ffc107;
+    --bs-btn-border-color: #ffc107;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #ffca2c;
+    --bs-btn-hover-border-color: #ffc720;
+    --bs-btn-focus-shadow-rgb: 217, 164, 6;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #ffcd39;
+    --bs-btn-active-border-color: #ffc720;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-bg: #ffc107;
+    --bs-btn-disabled-border-color: #ffc107
+}
+
+.btn-danger {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #dc3545;
+    --bs-btn-border-color: #dc3545;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #bb2d3b;
+    --bs-btn-hover-border-color: #b02a37;
+    --bs-btn-focus-shadow-rgb: 225, 83, 97;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #b02a37;
+    --bs-btn-active-border-color: #a52834;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #dc3545;
+    --bs-btn-disabled-border-color: #dc3545
+}
+
+.btn-light {
+    --bs-btn-color: #000;
+    --bs-btn-bg: #f8f9fa;
+    --bs-btn-border-color: #f8f9fa;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #d3d4d5;
+    --bs-btn-hover-border-color: #c6c7c8;
+    --bs-btn-focus-shadow-rgb: 211, 212, 213;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #c6c7c8;
+    --bs-btn-active-border-color: #babbbc;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #000;
+    --bs-btn-disabled-bg: #f8f9fa;
+    --bs-btn-disabled-border-color: #f8f9fa
+}
+
+.btn-dark {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #212529;
+    --bs-btn-border-color: #212529;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #424649;
+    --bs-btn-hover-border-color: #373b3e;
+    --bs-btn-focus-shadow-rgb: 66, 70, 73;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #4d5154;
+    --bs-btn-active-border-color: #373b3e;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #212529;
+    --bs-btn-disabled-border-color: #212529
+}
+
+.btn-outline-primary {
+    --bs-btn-color: #0d6efd;
+    --bs-btn-border-color: #0d6efd;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #0d6efd;
+    --bs-btn-hover-border-color: #0d6efd;
+    --bs-btn-focus-shadow-rgb: 13, 110, 253;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #0d6efd;
+    --bs-btn-active-border-color: #0d6efd;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #0d6efd;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #0d6efd;
+    --bs-gradient: none
+}
+
+.btn-outline-secondary {
+    --bs-btn-color: #6c757d;
+    --bs-btn-border-color: #6c757d;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #6c757d;
+    --bs-btn-hover-border-color: #6c757d;
+    --bs-btn-focus-shadow-rgb: 108, 117, 125;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #6c757d;
+    --bs-btn-active-border-color: #6c757d;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #6c757d;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #6c757d;
+    --bs-gradient: none
+}
+
+.btn-outline-success {
+    --bs-btn-color: #198754;
+    --bs-btn-border-color: #198754;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #198754;
+    --bs-btn-hover-border-color: #198754;
+    --bs-btn-focus-shadow-rgb: 25, 135, 84;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #198754;
+    --bs-btn-active-border-color: #198754;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #198754;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #198754;
+    --bs-gradient: none
+}
+
+.btn-outline-info {
+    --bs-btn-color: #0dcaf0;
+    --bs-btn-border-color: #0dcaf0;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #0dcaf0;
+    --bs-btn-hover-border-color: #0dcaf0;
+    --bs-btn-focus-shadow-rgb: 13, 202, 240;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #0dcaf0;
+    --bs-btn-active-border-color: #0dcaf0;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #0dcaf0;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #0dcaf0;
+    --bs-gradient: none
+}
+
+.btn-outline-warning {
+    --bs-btn-color: #ffc107;
+    --bs-btn-border-color: #ffc107;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #ffc107;
+    --bs-btn-hover-border-color: #ffc107;
+    --bs-btn-focus-shadow-rgb: 255, 193, 7;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #ffc107;
+    --bs-btn-active-border-color: #ffc107;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #ffc107;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #ffc107;
+    --bs-gradient: none
+}
+
+.btn-outline-danger {
+    --bs-btn-color: #dc3545;
+    --bs-btn-border-color: #dc3545;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #dc3545;
+    --bs-btn-hover-border-color: #dc3545;
+    --bs-btn-focus-shadow-rgb: 220, 53, 69;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #dc3545;
+    --bs-btn-active-border-color: #dc3545;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #dc3545;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #dc3545;
+    --bs-gradient: none
+}
+
+.btn-outline-light {
+    --bs-btn-color: #f8f9fa;
+    --bs-btn-border-color: #f8f9fa;
+    --bs-btn-hover-color: #000;
+    --bs-btn-hover-bg: #f8f9fa;
+    --bs-btn-hover-border-color: #f8f9fa;
+    --bs-btn-focus-shadow-rgb: 248, 249, 250;
+    --bs-btn-active-color: #000;
+    --bs-btn-active-bg: #f8f9fa;
+    --bs-btn-active-border-color: #f8f9fa;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #f8f9fa;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #f8f9fa;
+    --bs-gradient: none
+}
+
+.btn-outline-dark {
+    --bs-btn-color: #212529;
+    --bs-btn-border-color: #212529;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #212529;
+    --bs-btn-hover-border-color: #212529;
+    --bs-btn-focus-shadow-rgb: 33, 37, 41;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #212529;
+    --bs-btn-active-border-color: #212529;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #212529;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #212529;
+    --bs-gradient: none
+}
+
+.btn-link {
+    --bs-btn-font-weight: 400;
+    --bs-btn-color: var(--bs-link-color);
+    --bs-btn-bg: transparent;
+    --bs-btn-border-color: transparent;
+    --bs-btn-hover-color: var(--bs-link-hover-color);
+    --bs-btn-hover-border-color: transparent;
+    --bs-btn-active-color: var(--bs-link-hover-color);
+    --bs-btn-active-border-color: transparent;
+    --bs-btn-disabled-color: #6c757d;
+    --bs-btn-disabled-border-color: transparent;
+    --bs-btn-box-shadow: 0 0 0 #000;
+    --bs-btn-focus-shadow-rgb: 49, 132, 253;
+    text-decoration: underline
+}
+
+.btn-link:focus-visible {
+    color: var(--bs-btn-color)
+}
+
+.btn-link:hover {
+    color: var(--bs-btn-hover-color)
+}
+
+.btn-group-lg>.btn,
+.btn-lg {
+    --bs-btn-padding-y: 0.5rem;
+    --bs-btn-padding-x: 1rem;
+    --bs-btn-font-size: 1.25rem;
+    --bs-btn-border-radius: var(--bs-border-radius-lg)
+}
+
+.btn-group-sm>.btn,
+.btn-sm {
+    --bs-btn-padding-y: 0.25rem;
+    --bs-btn-padding-x: 0.5rem;
+    --bs-btn-font-size: 0.875rem;
+    --bs-btn-border-radius: var(--bs-border-radius-sm)
+}
+
+.fade {
+    transition: opacity .15s linear
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .fade {
+        transition: none
+    }
+}
+
+.fade:not(.show) {
+    opacity: 0
+}
+
+.collapse:not(.show) {
+    display: none
+}
+
+.collapsing {
+    height: 0;
+    overflow: hidden;
+    transition: height .35s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .collapsing {
+        transition: none
+    }
+}
+
+.collapsing.collapse-horizontal {
+    width: 0;
+    height: auto;
+    transition: width .35s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .collapsing.collapse-horizontal {
+        transition: none
+    }
+}
+
+.dropdown,
+.dropdown-center,
+.dropend,
+.dropstart,
+.dropup,
+.dropup-center {
+    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 {
+    --bs-dropdown-zindex: 1000;
+    --bs-dropdown-min-width: 10rem;
+    --bs-dropdown-padding-x: 0;
+    --bs-dropdown-padding-y: 0.5rem;
+    --bs-dropdown-spacer: 0.125rem;
+    --bs-dropdown-font-size: 1rem;
+    --bs-dropdown-color: var(--bs-body-color);
+    --bs-dropdown-bg: var(--bs-body-bg);
+    --bs-dropdown-border-color: var(--bs-border-color-translucent);
+    --bs-dropdown-border-radius: var(--bs-border-radius);
+    --bs-dropdown-border-width: var(--bs-border-width);
+    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
+    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
+    --bs-dropdown-divider-margin-y: 0.5rem;
+    --bs-dropdown-box-shadow: var(--bs-box-shadow);
+    --bs-dropdown-link-color: var(--bs-body-color);
+    --bs-dropdown-link-hover-color: var(--bs-body-color);
+    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
+    --bs-dropdown-link-active-color: #fff;
+    --bs-dropdown-link-active-bg: #0d6efd;
+    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
+    --bs-dropdown-item-padding-x: 1rem;
+    --bs-dropdown-item-padding-y: 0.25rem;
+    --bs-dropdown-header-color: #6c757d;
+    --bs-dropdown-header-padding-x: 1rem;
+    --bs-dropdown-header-padding-y: 0.5rem;
+    position: absolute;
+    z-index: var(--bs-dropdown-zindex);
+    display: none;
+    min-width: var(--bs-dropdown-min-width);
+    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
+    margin: 0;
+    font-size: var(--bs-dropdown-font-size);
+    color: var(--bs-dropdown-color);
+    text-align: left;
+    list-style: none;
+    background-color: var(--bs-dropdown-bg);
+    background-clip: padding-box;
+    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
+    border-radius: var(--bs-dropdown-border-radius)
+}
+
+.dropdown-menu[data-bs-popper] {
+    top: 100%;
+    left: 0;
+    margin-top: var(--bs-dropdown-spacer)
+}
+
+.dropdown-menu-start {
+    --bs-position: start
+}
+
+.dropdown-menu-start[data-bs-popper] {
+    right: auto;
+    left: 0
+}
+
+.dropdown-menu-end {
+    --bs-position: end
+}
+
+.dropdown-menu-end[data-bs-popper] {
+    right: 0;
+    left: auto
+}
+
+@media (min-width:576px) {
+    .dropdown-menu-sm-start {
+        --bs-position: start
+    }
+
+    .dropdown-menu-sm-start[data-bs-popper] {
+        right: auto;
+        left: 0
+    }
+
+    .dropdown-menu-sm-end {
+        --bs-position: end
+    }
+
+    .dropdown-menu-sm-end[data-bs-popper] {
+        right: 0;
+        left: auto
+    }
+}
+
+@media (min-width:768px) {
+    .dropdown-menu-md-start {
+        --bs-position: start
+    }
+
+    .dropdown-menu-md-start[data-bs-popper] {
+        right: auto;
+        left: 0
+    }
+
+    .dropdown-menu-md-end {
+        --bs-position: end
+    }
+
+    .dropdown-menu-md-end[data-bs-popper] {
+        right: 0;
+        left: auto
+    }
+}
+
+@media (min-width:992px) {
+    .dropdown-menu-lg-start {
+        --bs-position: start
+    }
+
+    .dropdown-menu-lg-start[data-bs-popper] {
+        right: auto;
+        left: 0
+    }
+
+    .dropdown-menu-lg-end {
+        --bs-position: end
+    }
+
+    .dropdown-menu-lg-end[data-bs-popper] {
+        right: 0;
+        left: auto
+    }
+}
+
+@media (min-width:1200px) {
+    .dropdown-menu-xl-start {
+        --bs-position: start
+    }
+
+    .dropdown-menu-xl-start[data-bs-popper] {
+        right: auto;
+        left: 0
+    }
+
+    .dropdown-menu-xl-end {
+        --bs-position: end
+    }
+
+    .dropdown-menu-xl-end[data-bs-popper] {
+        right: 0;
+        left: auto
+    }
+}
+
+@media (min-width:1400px) {
+    .dropdown-menu-xxl-start {
+        --bs-position: start
+    }
+
+    .dropdown-menu-xxl-start[data-bs-popper] {
+        right: auto;
+        left: 0
+    }
+
+    .dropdown-menu-xxl-end {
+        --bs-position: end
+    }
+
+    .dropdown-menu-xxl-end[data-bs-popper] {
+        right: 0;
+        left: auto
+    }
+}
+
+.dropup .dropdown-menu[data-bs-popper] {
+    top: auto;
+    bottom: 100%;
+    margin-top: 0;
+    margin-bottom: var(--bs-dropdown-spacer)
+}
+
+.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
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+    top: 0;
+    right: auto;
+    left: 100%;
+    margin-top: 0;
+    margin-left: var(--bs-dropdown-spacer)
+}
+
+.dropend .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
+}
+
+.dropend .dropdown-toggle:empty::after {
+    margin-left: 0
+}
+
+.dropend .dropdown-toggle::after {
+    vertical-align: 0
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+    top: 0;
+    right: 100%;
+    left: auto;
+    margin-top: 0;
+    margin-right: var(--bs-dropdown-spacer)
+}
+
+.dropstart .dropdown-toggle::after {
+    display: inline-block;
+    margin-left: .255em;
+    vertical-align: .255em;
+    content: ""
+}
+
+.dropstart .dropdown-toggle::after {
+    display: none
+}
+
+.dropstart .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
+}
+
+.dropstart .dropdown-toggle:empty::after {
+    margin-left: 0
+}
+
+.dropstart .dropdown-toggle::before {
+    vertical-align: 0
+}
+
+.dropdown-divider {
+    height: 0;
+    margin: var(--bs-dropdown-divider-margin-y) 0;
+    overflow: hidden;
+    border-top: 1px solid var(--bs-dropdown-divider-bg);
+    opacity: 1
+}
+
+.dropdown-item {
+    display: block;
+    width: 100%;
+    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+    clear: both;
+    font-weight: 400;
+    color: var(--bs-dropdown-link-color);
+    text-align: inherit;
+    text-decoration: none;
+    white-space: nowrap;
+    background-color: transparent;
+    border: 0;
+    border-radius: var(--bs-dropdown-item-border-radius, 0)
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+    color: var(--bs-dropdown-link-hover-color);
+    background-color: var(--bs-dropdown-link-hover-bg)
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+    color: var(--bs-dropdown-link-active-color);
+    text-decoration: none;
+    background-color: var(--bs-dropdown-link-active-bg)
+}
+
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+    color: var(--bs-dropdown-link-disabled-color);
+    pointer-events: none;
+    background-color: transparent
+}
+
+.dropdown-menu.show {
+    display: block
+}
+
+.dropdown-header {
+    display: block;
+    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
+    margin-bottom: 0;
+    font-size: .875rem;
+    color: var(--bs-dropdown-header-color);
+    white-space: nowrap
+}
+
+.dropdown-item-text {
+    display: block;
+    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+    color: var(--bs-dropdown-link-color)
+}
+
+.dropdown-menu-dark {
+    --bs-dropdown-color: #dee2e6;
+    --bs-dropdown-bg: #343a40;
+    --bs-dropdown-border-color: var(--bs-border-color-translucent);
+    --bs-dropdown-box-shadow: ;
+    --bs-dropdown-link-color: #dee2e6;
+    --bs-dropdown-link-hover-color: #fff;
+    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
+    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+    --bs-dropdown-link-active-color: #fff;
+    --bs-dropdown-link-active-bg: #0d6efd;
+    --bs-dropdown-link-disabled-color: #adb5bd;
+    --bs-dropdown-header-color: #adb5bd
+}
+
+.btn-group,
+.btn-group-vertical {
+    position: relative;
+    display: inline-flex;
+    vertical-align: middle
+}
+
+.btn-group-vertical>.btn,
+.btn-group>.btn {
+    position: relative;
+    flex: 1 1 auto
+}
+
+.btn-group-vertical>.btn-check:checked+.btn,
+.btn-group-vertical>.btn-check:focus+.btn,
+.btn-group-vertical>.btn.active,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn:focus,
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn-check:checked+.btn,
+.btn-group>.btn-check:focus+.btn,
+.btn-group>.btn.active,
+.btn-group>.btn:active,
+.btn-group>.btn:focus,
+.btn-group>.btn:hover {
+    z-index: 1
+}
+
+.btn-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start
+}
+
+.btn-toolbar .input-group {
+    width: auto
+}
+
+.btn-group {
+    border-radius: var(--bs-border-radius)
+}
+
+.btn-group>.btn-group:not(:first-child),
+.btn-group>:not(.btn-check:first-child)+.btn {
+    margin-left: calc(var(--bs-border-width) * -1)
+}
+
+.btn-group>.btn-group:not(:last-child)>.btn,
+.btn-group>.btn.dropdown-toggle-split:first-child,
+.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:nth-child(n+3),
+.btn-group>:not(.btn-check)+.btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0
+}
+
+.dropdown-toggle-split {
+    padding-right: .5625rem;
+    padding-left: .5625rem
+}
+
+.dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after {
+    margin-left: 0
+}
+
+.dropstart .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 {
+    flex-direction: column;
+    align-items: flex-start;
+    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: calc(var(--bs-border-width) * -1)
+}
+
+.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~.btn {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0
+}
+
+.nav {
+    --bs-nav-link-padding-x: 1rem;
+    --bs-nav-link-padding-y: 0.5rem;
+    --bs-nav-link-font-weight: ;
+    --bs-nav-link-color: var(--bs-link-color);
+    --bs-nav-link-hover-color: var(--bs-link-hover-color);
+    --bs-nav-link-disabled-color: var(--bs-secondary-color);
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none
+}
+
+.nav-link {
+    display: block;
+    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
+    font-size: var(--bs-nav-link-font-size);
+    font-weight: var(--bs-nav-link-font-weight);
+    color: var(--bs-nav-link-color);
+    text-decoration: none;
+    background: 0 0;
+    border: 0;
+    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .nav-link {
+        transition: none
+    }
+}
+
+.nav-link:focus,
+.nav-link:hover {
+    color: var(--bs-nav-link-hover-color)
+}
+
+.nav-link:focus-visible {
+    outline: 0;
+    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
+}
+
+.nav-link.disabled,
+.nav-link:disabled {
+    color: var(--bs-nav-link-disabled-color);
+    pointer-events: none;
+    cursor: default
+}
+
+.nav-tabs {
+    --bs-nav-tabs-border-width: var(--bs-border-width);
+    --bs-nav-tabs-border-color: var(--bs-border-color);
+    --bs-nav-tabs-border-radius: var(--bs-border-radius);
+    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
+    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
+    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
+    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
+    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
+}
+
+.nav-tabs .nav-link {
+    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
+    border: var(--bs-nav-tabs-border-width) solid transparent;
+    border-top-left-radius: var(--bs-nav-tabs-border-radius);
+    border-top-right-radius: var(--bs-nav-tabs-border-radius)
+}
+
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-link:hover {
+    isolation: isolate;
+    border-color: var(--bs-nav-tabs-link-hover-border-color)
+}
+
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+    color: var(--bs-nav-tabs-link-active-color);
+    background-color: var(--bs-nav-tabs-link-active-bg);
+    border-color: var(--bs-nav-tabs-link-active-border-color)
+}
+
+.nav-tabs .dropdown-menu {
+    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
+    border-top-left-radius: 0;
+    border-top-right-radius: 0
+}
+
+.nav-pills {
+    --bs-nav-pills-border-radius: var(--bs-border-radius);
+    --bs-nav-pills-link-active-color: #fff;
+    --bs-nav-pills-link-active-bg: #0d6efd
+}
+
+.nav-pills .nav-link {
+    border-radius: var(--bs-nav-pills-border-radius)
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+    color: var(--bs-nav-pills-link-active-color);
+    background-color: var(--bs-nav-pills-link-active-bg)
+}
+
+.nav-underline {
+    --bs-nav-underline-gap: 1rem;
+    --bs-nav-underline-border-width: 0.125rem;
+    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
+    gap: var(--bs-nav-underline-gap)
+}
+
+.nav-underline .nav-link {
+    padding-right: 0;
+    padding-left: 0;
+    border-bottom: var(--bs-nav-underline-border-width) solid transparent
+}
+
+.nav-underline .nav-link:focus,
+.nav-underline .nav-link:hover {
+    border-bottom-color: currentcolor
+}
+
+.nav-underline .nav-link.active,
+.nav-underline .show>.nav-link {
+    font-weight: 700;
+    color: var(--bs-nav-underline-link-active-color);
+    border-bottom-color: currentcolor
+}
+
+.nav-fill .nav-item,
+.nav-fill>.nav-link {
+    flex: 1 1 auto;
+    text-align: center
+}
+
+.nav-justified .nav-item,
+.nav-justified>.nav-link {
+    flex-basis: 0;
+    flex-grow: 1;
+    text-align: center
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+    width: 100%
+}
+
+.tab-content>.tab-pane {
+    display: none
+}
+
+.tab-content>.active {
+    display: block
+}
+
+.navbar {
+    --bs-navbar-padding-x: 0;
+    --bs-navbar-padding-y: 0.5rem;
+    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
+    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
+    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
+    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
+    --bs-navbar-brand-padding-y: 0.3125rem;
+    --bs-navbar-brand-margin-end: 1rem;
+    --bs-navbar-brand-font-size: 1.25rem;
+    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
+    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
+    --bs-navbar-nav-link-padding-x: 0.5rem;
+    --bs-navbar-toggler-padding-y: 0.25rem;
+    --bs-navbar-toggler-padding-x: 0.75rem;
+    --bs-navbar-toggler-font-size: 1.25rem;
+    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
+    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
+    --bs-navbar-toggler-focus-width: 0.25rem;
+    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
+}
+
+.navbar>.container,
+.navbar>.container-fluid,
+.navbar>.container-lg,
+.navbar>.container-md,
+.navbar>.container-sm,
+.navbar>.container-xl,
+.navbar>.container-xxl {
+    display: flex;
+    flex-wrap: inherit;
+    align-items: center;
+    justify-content: space-between
+}
+
+.navbar-brand {
+    padding-top: var(--bs-navbar-brand-padding-y);
+    padding-bottom: var(--bs-navbar-brand-padding-y);
+    margin-right: var(--bs-navbar-brand-margin-end);
+    font-size: var(--bs-navbar-brand-font-size);
+    color: var(--bs-navbar-brand-color);
+    text-decoration: none;
+    white-space: nowrap
+}
+
+.navbar-brand:focus,
+.navbar-brand:hover {
+    color: var(--bs-navbar-brand-hover-color)
+}
+
+.navbar-nav {
+    --bs-nav-link-padding-x: 0;
+    --bs-nav-link-padding-y: 0.5rem;
+    --bs-nav-link-font-weight: ;
+    --bs-nav-link-color: var(--bs-navbar-color);
+    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
+    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
+    display: flex;
+    flex-direction: column;
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none
+}
+
+.navbar-nav .nav-link.active,
+.navbar-nav .nav-link.show {
+    color: var(--bs-navbar-active-color)
+}
+
+.navbar-nav .dropdown-menu {
+    position: static
+}
+
+.navbar-text {
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    color: var(--bs-navbar-color)
+}
+
+.navbar-text a,
+.navbar-text a:focus,
+.navbar-text a:hover {
+    color: var(--bs-navbar-active-color)
+}
+
+.navbar-collapse {
+    flex-basis: 100%;
+    flex-grow: 1;
+    align-items: center
+}
+
+.navbar-toggler {
+    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
+    font-size: var(--bs-navbar-toggler-font-size);
+    line-height: 1;
+    color: var(--bs-navbar-color);
+    background-color: transparent;
+    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
+    border-radius: var(--bs-navbar-toggler-border-radius);
+    transition: var(--bs-navbar-toggler-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .navbar-toggler {
+        transition: none
+    }
+}
+
+.navbar-toggler:hover {
+    text-decoration: none
+}
+
+.navbar-toggler:focus {
+    text-decoration: none;
+    outline: 0;
+    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
+}
+
+.navbar-toggler-icon {
+    display: inline-block;
+    width: 1.5em;
+    height: 1.5em;
+    vertical-align: middle;
+    background-image: var(--bs-navbar-toggler-icon-bg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100%
+}
+
+.navbar-nav-scroll {
+    max-height: var(--bs-scroll-height, 75vh);
+    overflow-y: auto
+}
+
+@media (min-width:576px) {
+    .navbar-expand-sm {
+        flex-wrap: nowrap;
+        justify-content: flex-start
+    }
+
+    .navbar-expand-sm .navbar-nav {
+        flex-direction: row
+    }
+
+    .navbar-expand-sm .navbar-nav .dropdown-menu {
+        position: absolute
+    }
+
+    .navbar-expand-sm .navbar-nav .nav-link {
+        padding-right: var(--bs-navbar-nav-link-padding-x);
+        padding-left: var(--bs-navbar-nav-link-padding-x)
+    }
+
+    .navbar-expand-sm .navbar-nav-scroll {
+        overflow: visible
+    }
+
+    .navbar-expand-sm .navbar-collapse {
+        display: flex !important;
+        flex-basis: auto
+    }
+
+    .navbar-expand-sm .navbar-toggler {
+        display: none
+    }
+
+    .navbar-expand-sm .offcanvas {
+        position: static;
+        z-index: auto;
+        flex-grow: 1;
+        width: auto !important;
+        height: auto !important;
+        visibility: visible !important;
+        background-color: transparent !important;
+        border: 0 !important;
+        transform: none !important;
+        transition: none
+    }
+
+    .navbar-expand-sm .offcanvas .offcanvas-header {
+        display: none
+    }
+
+    .navbar-expand-sm .offcanvas .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible
+    }
+}
+
+@media (min-width:768px) {
+    .navbar-expand-md {
+        flex-wrap: nowrap;
+        justify-content: flex-start
+    }
+
+    .navbar-expand-md .navbar-nav {
+        flex-direction: row
+    }
+
+    .navbar-expand-md .navbar-nav .dropdown-menu {
+        position: absolute
+    }
+
+    .navbar-expand-md .navbar-nav .nav-link {
+        padding-right: var(--bs-navbar-nav-link-padding-x);
+        padding-left: var(--bs-navbar-nav-link-padding-x)
+    }
+
+    .navbar-expand-md .navbar-nav-scroll {
+        overflow: visible
+    }
+
+    .navbar-expand-md .navbar-collapse {
+        display: flex !important;
+        flex-basis: auto
+    }
+
+    .navbar-expand-md .navbar-toggler {
+        display: none
+    }
+
+    .navbar-expand-md .offcanvas {
+        position: static;
+        z-index: auto;
+        flex-grow: 1;
+        width: auto !important;
+        height: auto !important;
+        visibility: visible !important;
+        background-color: transparent !important;
+        border: 0 !important;
+        transform: none !important;
+        transition: none
+    }
+
+    .navbar-expand-md .offcanvas .offcanvas-header {
+        display: none
+    }
+
+    .navbar-expand-md .offcanvas .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible
+    }
+}
+
+@media (min-width:992px) {
+    .navbar-expand-lg {
+        flex-wrap: nowrap;
+        justify-content: flex-start
+    }
+
+    .navbar-expand-lg .navbar-nav {
+        flex-direction: row
+    }
+
+    .navbar-expand-lg .navbar-nav .dropdown-menu {
+        position: absolute
+    }
+
+    .navbar-expand-lg .navbar-nav .nav-link {
+        padding-right: var(--bs-navbar-nav-link-padding-x);
+        padding-left: var(--bs-navbar-nav-link-padding-x)
+    }
+
+    .navbar-expand-lg .navbar-nav-scroll {
+        overflow: visible
+    }
+
+    .navbar-expand-lg .navbar-collapse {
+        display: flex !important;
+        flex-basis: auto
+    }
+
+    .navbar-expand-lg .navbar-toggler {
+        display: none
+    }
+
+    .navbar-expand-lg .offcanvas {
+        position: static;
+        z-index: auto;
+        flex-grow: 1;
+        width: auto !important;
+        height: auto !important;
+        visibility: visible !important;
+        background-color: transparent !important;
+        border: 0 !important;
+        transform: none !important;
+        transition: none
+    }
+
+    .navbar-expand-lg .offcanvas .offcanvas-header {
+        display: none
+    }
+
+    .navbar-expand-lg .offcanvas .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible
+    }
+}
+
+@media (min-width:1200px) {
+    .navbar-expand-xl {
+        flex-wrap: nowrap;
+        justify-content: flex-start
+    }
+
+    .navbar-expand-xl .navbar-nav {
+        flex-direction: row
+    }
+
+    .navbar-expand-xl .navbar-nav .dropdown-menu {
+        position: absolute
+    }
+
+    .navbar-expand-xl .navbar-nav .nav-link {
+        padding-right: var(--bs-navbar-nav-link-padding-x);
+        padding-left: var(--bs-navbar-nav-link-padding-x)
+    }
+
+    .navbar-expand-xl .navbar-nav-scroll {
+        overflow: visible
+    }
+
+    .navbar-expand-xl .navbar-collapse {
+        display: flex !important;
+        flex-basis: auto
+    }
+
+    .navbar-expand-xl .navbar-toggler {
+        display: none
+    }
+
+    .navbar-expand-xl .offcanvas {
+        position: static;
+        z-index: auto;
+        flex-grow: 1;
+        width: auto !important;
+        height: auto !important;
+        visibility: visible !important;
+        background-color: transparent !important;
+        border: 0 !important;
+        transform: none !important;
+        transition: none
+    }
+
+    .navbar-expand-xl .offcanvas .offcanvas-header {
+        display: none
+    }
+
+    .navbar-expand-xl .offcanvas .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible
+    }
+}
+
+@media (min-width:1400px) {
+    .navbar-expand-xxl {
+        flex-wrap: nowrap;
+        justify-content: flex-start
+    }
+
+    .navbar-expand-xxl .navbar-nav {
+        flex-direction: row
+    }
+
+    .navbar-expand-xxl .navbar-nav .dropdown-menu {
+        position: absolute
+    }
+
+    .navbar-expand-xxl .navbar-nav .nav-link {
+        padding-right: var(--bs-navbar-nav-link-padding-x);
+        padding-left: var(--bs-navbar-nav-link-padding-x)
+    }
+
+    .navbar-expand-xxl .navbar-nav-scroll {
+        overflow: visible
+    }
+
+    .navbar-expand-xxl .navbar-collapse {
+        display: flex !important;
+        flex-basis: auto
+    }
+
+    .navbar-expand-xxl .navbar-toggler {
+        display: none
+    }
+
+    .navbar-expand-xxl .offcanvas {
+        position: static;
+        z-index: auto;
+        flex-grow: 1;
+        width: auto !important;
+        height: auto !important;
+        visibility: visible !important;
+        background-color: transparent !important;
+        border: 0 !important;
+        transform: none !important;
+        transition: none
+    }
+
+    .navbar-expand-xxl .offcanvas .offcanvas-header {
+        display: none
+    }
+
+    .navbar-expand-xxl .offcanvas .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible
+    }
+}
+
+.navbar-expand {
+    flex-wrap: nowrap;
+    justify-content: flex-start
+}
+
+.navbar-expand .navbar-nav {
+    flex-direction: row
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+    position: absolute
+}
+
+.navbar-expand .navbar-nav .nav-link {
+    padding-right: var(--bs-navbar-nav-link-padding-x);
+    padding-left: var(--bs-navbar-nav-link-padding-x)
+}
+
+.navbar-expand .navbar-nav-scroll {
+    overflow: visible
+}
+
+.navbar-expand .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto
+}
+
+.navbar-expand .navbar-toggler {
+    display: none
+}
+
+.navbar-expand .offcanvas {
+    position: static;
+    z-index: auto;
+    flex-grow: 1;
+    width: auto !important;
+    height: auto !important;
+    visibility: visible !important;
+    background-color: transparent !important;
+    border: 0 !important;
+    transform: none !important;
+    transition: none
+}
+
+.navbar-expand .offcanvas .offcanvas-header {
+    display: none
+}
+
+.navbar-expand .offcanvas .offcanvas-body {
+    display: flex;
+    flex-grow: 0;
+    padding: 0;
+    overflow-y: visible
+}
+
+.navbar-dark,
+.navbar[data-bs-theme=dark] {
+    --bs-navbar-color: rgba(255, 255, 255, 0.55);
+    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
+    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
+    --bs-navbar-active-color: #fff;
+    --bs-navbar-brand-color: #fff;
+    --bs-navbar-brand-hover-color: #fff;
+    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
+}
+
+[data-bs-theme=dark] .navbar-toggler-icon {
+    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
+}
+
+.card {
+    --bs-card-spacer-y: 1rem;
+    --bs-card-spacer-x: 1rem;
+    --bs-card-title-spacer-y: 0.5rem;
+    --bs-card-title-color: ;
+    --bs-card-subtitle-color: ;
+    --bs-card-border-width: var(--bs-border-width);
+    --bs-card-border-color: var(--bs-border-color-translucent);
+    --bs-card-border-radius: var(--bs-border-radius);
+    --bs-card-box-shadow: ;
+    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+    --bs-card-cap-padding-y: 0.5rem;
+    --bs-card-cap-padding-x: 1rem;
+    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
+    --bs-card-cap-color: ;
+    --bs-card-height: ;
+    --bs-card-color: ;
+    --bs-card-bg: var(--bs-body-bg);
+    --bs-card-img-overlay-padding: 1rem;
+    --bs-card-group-margin: 0.75rem;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    height: var(--bs-card-height);
+    color: var(--bs-body-color);
+    word-wrap: break-word;
+    background-color: var(--bs-card-bg);
+    background-clip: border-box;
+    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
+    border-radius: var(--bs-card-border-radius)
+}
+
+.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: var(--bs-card-inner-border-radius);
+    border-top-right-radius: var(--bs-card-inner-border-radius)
+}
+
+.card>.list-group:last-child {
+    border-bottom-width: 0;
+    border-bottom-right-radius: var(--bs-card-inner-border-radius);
+    border-bottom-left-radius: var(--bs-card-inner-border-radius)
+}
+
+.card>.card-header+.list-group,
+.card>.list-group+.card-footer {
+    border-top: 0
+}
+
+.card-body {
+    flex: 1 1 auto;
+    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
+    color: var(--bs-card-color)
+}
+
+.card-title {
+    margin-bottom: var(--bs-card-title-spacer-y);
+    color: var(--bs-card-title-color)
+}
+
+.card-subtitle {
+    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
+    margin-bottom: 0;
+    color: var(--bs-card-subtitle-color)
+}
+
+.card-text:last-child {
+    margin-bottom: 0
+}
+
+.card-link+.card-link {
+    margin-left: var(--bs-card-spacer-x)
+}
+
+.card-header {
+    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+    margin-bottom: 0;
+    color: var(--bs-card-cap-color);
+    background-color: var(--bs-card-cap-bg);
+    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
+}
+
+.card-header:first-child {
+    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
+}
+
+.card-footer {
+    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+    color: var(--bs-card-cap-color);
+    background-color: var(--bs-card-cap-bg);
+    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
+}
+
+.card-footer:last-child {
+    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
+}
+
+.card-header-tabs {
+    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
+    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
+    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
+    border-bottom: 0
+}
+
+.card-header-tabs .nav-link.active {
+    background-color: var(--bs-card-bg);
+    border-bottom-color: var(--bs-card-bg)
+}
+
+.card-header-pills {
+    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
+    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
+}
+
+.card-img-overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: var(--bs-card-img-overlay-padding);
+    border-radius: var(--bs-card-inner-border-radius)
+}
+
+.card-img,
+.card-img-bottom,
+.card-img-top {
+    width: 100%
+}
+
+.card-img,
+.card-img-top {
+    border-top-left-radius: var(--bs-card-inner-border-radius);
+    border-top-right-radius: var(--bs-card-inner-border-radius)
+}
+
+.card-img,
+.card-img-bottom {
+    border-bottom-right-radius: var(--bs-card-inner-border-radius);
+    border-bottom-left-radius: var(--bs-card-inner-border-radius)
+}
+
+.card-group>.card {
+    margin-bottom: var(--bs-card-group-margin)
+}
+
+@media (min-width:576px) {
+    .card-group {
+        display: flex;
+        flex-flow: row wrap
+    }
+
+    .card-group>.card {
+        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
+    }
+}
+
+.accordion {
+    --bs-accordion-color: var(--bs-body-color);
+    --bs-accordion-bg: var(--bs-body-bg);
+    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+    --bs-accordion-border-color: var(--bs-border-color);
+    --bs-accordion-border-width: var(--bs-border-width);
+    --bs-accordion-border-radius: var(--bs-border-radius);
+    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
+    --bs-accordion-btn-padding-x: 1.25rem;
+    --bs-accordion-btn-padding-y: 1rem;
+    --bs-accordion-btn-color: var(--bs-body-color);
+    --bs-accordion-btn-bg: var(--bs-accordion-bg);
+    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    --bs-accordion-btn-icon-width: 1.25rem;
+    --bs-accordion-btn-icon-transform: rotate(-180deg);
+    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
+    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    --bs-accordion-btn-focus-border-color: #86b7fe;
+    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+    --bs-accordion-body-padding-x: 1.25rem;
+    --bs-accordion-body-padding-y: 1rem;
+    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
+    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
+}
+
+.accordion-button {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
+    font-size: 1rem;
+    color: var(--bs-accordion-btn-color);
+    text-align: left;
+    background-color: var(--bs-accordion-btn-bg);
+    border: 0;
+    border-radius: 0;
+    overflow-anchor: none;
+    transition: var(--bs-accordion-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .accordion-button {
+        transition: none
+    }
+}
+
+.accordion-button:not(.collapsed) {
+    color: var(--bs-accordion-active-color);
+    background-color: var(--bs-accordion-active-bg);
+    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
+}
+
+.accordion-button:not(.collapsed)::after {
+    background-image: var(--bs-accordion-btn-active-icon);
+    transform: var(--bs-accordion-btn-icon-transform)
+}
+
+.accordion-button::after {
+    flex-shrink: 0;
+    width: var(--bs-accordion-btn-icon-width);
+    height: var(--bs-accordion-btn-icon-width);
+    margin-left: auto;
+    content: "";
+    background-image: var(--bs-accordion-btn-icon);
+    background-repeat: no-repeat;
+    background-size: var(--bs-accordion-btn-icon-width);
+    transition: var(--bs-accordion-btn-icon-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .accordion-button::after {
+        transition: none
+    }
+}
+
+.accordion-button:hover {
+    z-index: 2
+}
+
+.accordion-button:focus {
+    z-index: 3;
+    border-color: var(--bs-accordion-btn-focus-border-color);
+    outline: 0;
+    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
+}
+
+.accordion-header {
+    margin-bottom: 0
+}
+
+.accordion-item {
+    color: var(--bs-accordion-color);
+    background-color: var(--bs-accordion-bg);
+    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
+}
+
+.accordion-item:first-of-type {
+    border-top-left-radius: var(--bs-accordion-border-radius);
+    border-top-right-radius: var(--bs-accordion-border-radius)
+}
+
+.accordion-item:first-of-type .accordion-button {
+    border-top-left-radius: var(--bs-accordion-inner-border-radius);
+    border-top-right-radius: var(--bs-accordion-inner-border-radius)
+}
+
+.accordion-item:not(:first-of-type) {
+    border-top: 0
+}
+
+.accordion-item:last-of-type {
+    border-bottom-right-radius: var(--bs-accordion-border-radius);
+    border-bottom-left-radius: var(--bs-accordion-border-radius)
+}
+
+.accordion-item:last-of-type .accordion-button.collapsed {
+    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
+    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
+}
+
+.accordion-item:last-of-type .accordion-collapse {
+    border-bottom-right-radius: var(--bs-accordion-border-radius);
+    border-bottom-left-radius: var(--bs-accordion-border-radius)
+}
+
+.accordion-body {
+    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
+}
+
+.accordion-flush .accordion-collapse {
+    border-width: 0
+}
+
+.accordion-flush .accordion-item {
+    border-right: 0;
+    border-left: 0;
+    border-radius: 0
+}
+
+.accordion-flush .accordion-item:first-child {
+    border-top: 0
+}
+
+.accordion-flush .accordion-item:last-child {
+    border-bottom: 0
+}
+
+.accordion-flush .accordion-item .accordion-button,
+.accordion-flush .accordion-item .accordion-button.collapsed {
+    border-radius: 0
+}
+
+[data-bs-theme=dark] .accordion-button::after {
+    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
+}
+
+.breadcrumb {
+    --bs-breadcrumb-padding-x: 0;
+    --bs-breadcrumb-padding-y: 0;
+    --bs-breadcrumb-margin-bottom: 1rem;
+    --bs-breadcrumb-bg: ;
+    --bs-breadcrumb-border-radius: ;
+    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
+    --bs-breadcrumb-item-padding-x: 0.5rem;
+    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
+    display: flex;
+    flex-wrap: wrap;
+    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
+    margin-bottom: var(--bs-breadcrumb-margin-bottom);
+    font-size: var(--bs-breadcrumb-font-size);
+    list-style: none;
+    background-color: var(--bs-breadcrumb-bg);
+    border-radius: var(--bs-breadcrumb-border-radius)
+}
+
+.breadcrumb-item+.breadcrumb-item {
+    padding-left: var(--bs-breadcrumb-item-padding-x)
+}
+
+.breadcrumb-item+.breadcrumb-item::before {
+    float: left;
+    padding-right: var(--bs-breadcrumb-item-padding-x);
+    color: var(--bs-breadcrumb-divider-color);
+    content: var(--bs-breadcrumb-divider, "/")
+}
+
+.breadcrumb-item.active {
+    color: var(--bs-breadcrumb-item-active-color)
+}
+
+.pagination {
+    --bs-pagination-padding-x: 0.75rem;
+    --bs-pagination-padding-y: 0.375rem;
+    --bs-pagination-font-size: 1rem;
+    --bs-pagination-color: var(--bs-link-color);
+    --bs-pagination-bg: var(--bs-body-bg);
+    --bs-pagination-border-width: var(--bs-border-width);
+    --bs-pagination-border-color: var(--bs-border-color);
+    --bs-pagination-border-radius: var(--bs-border-radius);
+    --bs-pagination-hover-color: var(--bs-link-hover-color);
+    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
+    --bs-pagination-hover-border-color: var(--bs-border-color);
+    --bs-pagination-focus-color: var(--bs-link-hover-color);
+    --bs-pagination-focus-bg: var(--bs-secondary-bg);
+    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+    --bs-pagination-active-color: #fff;
+    --bs-pagination-active-bg: #0d6efd;
+    --bs-pagination-active-border-color: #0d6efd;
+    --bs-pagination-disabled-color: var(--bs-secondary-color);
+    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
+    --bs-pagination-disabled-border-color: var(--bs-border-color);
+    display: flex;
+    padding-left: 0;
+    list-style: none
+}
+
+.page-link {
+    position: relative;
+    display: block;
+    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
+    font-size: var(--bs-pagination-font-size);
+    color: var(--bs-pagination-color);
+    text-decoration: none;
+    background-color: var(--bs-pagination-bg);
+    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
+    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) {
+    .page-link {
+        transition: none
+    }
+}
+
+.page-link:hover {
+    z-index: 2;
+    color: var(--bs-pagination-hover-color);
+    background-color: var(--bs-pagination-hover-bg);
+    border-color: var(--bs-pagination-hover-border-color)
+}
+
+.page-link:focus {
+    z-index: 3;
+    color: var(--bs-pagination-focus-color);
+    background-color: var(--bs-pagination-focus-bg);
+    outline: 0;
+    box-shadow: var(--bs-pagination-focus-box-shadow)
+}
+
+.active>.page-link,
+.page-link.active {
+    z-index: 3;
+    color: var(--bs-pagination-active-color);
+    background-color: var(--bs-pagination-active-bg);
+    border-color: var(--bs-pagination-active-border-color)
+}
+
+.disabled>.page-link,
+.page-link.disabled {
+    color: var(--bs-pagination-disabled-color);
+    pointer-events: none;
+    background-color: var(--bs-pagination-disabled-bg);
+    border-color: var(--bs-pagination-disabled-border-color)
+}
+
+.page-item:not(:first-child) .page-link {
+    margin-left: calc(var(--bs-border-width) * -1)
+}
+
+.page-item:first-child .page-link {
+    border-top-left-radius: var(--bs-pagination-border-radius);
+    border-bottom-left-radius: var(--bs-pagination-border-radius)
+}
+
+.page-item:last-child .page-link {
+    border-top-right-radius: var(--bs-pagination-border-radius);
+    border-bottom-right-radius: var(--bs-pagination-border-radius)
+}
+
+.pagination-lg {
+    --bs-pagination-padding-x: 1.5rem;
+    --bs-pagination-padding-y: 0.75rem;
+    --bs-pagination-font-size: 1.25rem;
+    --bs-pagination-border-radius: var(--bs-border-radius-lg)
+}
+
+.pagination-sm {
+    --bs-pagination-padding-x: 0.5rem;
+    --bs-pagination-padding-y: 0.25rem;
+    --bs-pagination-font-size: 0.875rem;
+    --bs-pagination-border-radius: var(--bs-border-radius-sm)
+}
+
+.badge {
+    --bs-badge-padding-x: 0.65em;
+    --bs-badge-padding-y: 0.35em;
+    --bs-badge-font-size: 0.75em;
+    --bs-badge-font-weight: 700;
+    --bs-badge-color: #fff;
+    --bs-badge-border-radius: var(--bs-border-radius);
+    display: inline-block;
+    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
+    font-size: var(--bs-badge-font-size);
+    font-weight: var(--bs-badge-font-weight);
+    line-height: 1;
+    color: var(--bs-badge-color);
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: var(--bs-badge-border-radius)
+}
+
+.badge:empty {
+    display: none
+}
+
+.btn .badge {
+    position: relative;
+    top: -1px
+}
+
+.alert {
+    --bs-alert-bg: transparent;
+    --bs-alert-padding-x: 1rem;
+    --bs-alert-padding-y: 1rem;
+    --bs-alert-margin-bottom: 1rem;
+    --bs-alert-color: inherit;
+    --bs-alert-border-color: transparent;
+    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
+    --bs-alert-border-radius: var(--bs-border-radius);
+    --bs-alert-link-color: inherit;
+    position: relative;
+    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
+    margin-bottom: var(--bs-alert-margin-bottom);
+    color: var(--bs-alert-color);
+    background-color: var(--bs-alert-bg);
+    border: var(--bs-alert-border);
+    border-radius: var(--bs-alert-border-radius)
+}
+
+.alert-heading {
+    color: inherit
+}
+
+.alert-link {
+    font-weight: 700;
+    color: var(--bs-alert-link-color)
+}
+
+.alert-dismissible {
+    padding-right: 3rem
+}
+
+.alert-dismissible .btn-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+    padding: 1.25rem 1rem
+}
+
+.alert-primary {
+    --bs-alert-color: var(--bs-primary-text-emphasis);
+    --bs-alert-bg: var(--bs-primary-bg-subtle);
+    --bs-alert-border-color: var(--bs-primary-border-subtle);
+    --bs-alert-link-color: var(--bs-primary-text-emphasis)
+}
+
+.alert-secondary {
+    --bs-alert-color: var(--bs-secondary-text-emphasis);
+    --bs-alert-bg: var(--bs-secondary-bg-subtle);
+    --bs-alert-border-color: var(--bs-secondary-border-subtle);
+    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
+}
+
+.alert-success {
+    --bs-alert-color: var(--bs-success-text-emphasis);
+    --bs-alert-bg: var(--bs-success-bg-subtle);
+    --bs-alert-border-color: var(--bs-success-border-subtle);
+    --bs-alert-link-color: var(--bs-success-text-emphasis)
+}
+
+.alert-info {
+    --bs-alert-color: var(--bs-info-text-emphasis);
+    --bs-alert-bg: var(--bs-info-bg-subtle);
+    --bs-alert-border-color: var(--bs-info-border-subtle);
+    --bs-alert-link-color: var(--bs-info-text-emphasis)
+}
+
+.alert-warning {
+    --bs-alert-color: var(--bs-warning-text-emphasis);
+    --bs-alert-bg: var(--bs-warning-bg-subtle);
+    --bs-alert-border-color: var(--bs-warning-border-subtle);
+    --bs-alert-link-color: var(--bs-warning-text-emphasis)
+}
+
+.alert-danger {
+    --bs-alert-color: var(--bs-danger-text-emphasis);
+    --bs-alert-bg: var(--bs-danger-bg-subtle);
+    --bs-alert-border-color: var(--bs-danger-border-subtle);
+    --bs-alert-link-color: var(--bs-danger-text-emphasis)
+}
+
+.alert-light {
+    --bs-alert-color: var(--bs-light-text-emphasis);
+    --bs-alert-bg: var(--bs-light-bg-subtle);
+    --bs-alert-border-color: var(--bs-light-border-subtle);
+    --bs-alert-link-color: var(--bs-light-text-emphasis)
+}
+
+.alert-dark {
+    --bs-alert-color: var(--bs-dark-text-emphasis);
+    --bs-alert-bg: var(--bs-dark-bg-subtle);
+    --bs-alert-border-color: var(--bs-dark-border-subtle);
+    --bs-alert-link-color: var(--bs-dark-text-emphasis)
+}
+
+@keyframes progress-bar-stripes {
+    0% {
+        background-position-x: 1rem
+    }
+}
+
+.progress,
+.progress-stacked {
+    --bs-progress-height: 1rem;
+    --bs-progress-font-size: 0.75rem;
+    --bs-progress-bg: var(--bs-secondary-bg);
+    --bs-progress-border-radius: var(--bs-border-radius);
+    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
+    --bs-progress-bar-color: #fff;
+    --bs-progress-bar-bg: #0d6efd;
+    --bs-progress-bar-transition: width 0.6s ease;
+    display: flex;
+    height: var(--bs-progress-height);
+    overflow: hidden;
+    font-size: var(--bs-progress-font-size);
+    background-color: var(--bs-progress-bg);
+    border-radius: var(--bs-progress-border-radius)
+}
+
+.progress-bar {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    overflow: hidden;
+    color: var(--bs-progress-bar-color);
+    text-align: center;
+    white-space: nowrap;
+    background-color: var(--bs-progress-bar-bg);
+    transition: var(--bs-progress-bar-transition)
+}
+
+@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: var(--bs-progress-height) var(--bs-progress-height)
+}
+
+.progress-stacked>.progress {
+    overflow: visible
+}
+
+.progress-stacked>.progress>.progress-bar {
+    width: 100%
+}
+
+.progress-bar-animated {
+    animation: 1s linear infinite progress-bar-stripes
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .progress-bar-animated {
+        animation: none
+    }
+}
+
+.list-group {
+    --bs-list-group-color: var(--bs-body-color);
+    --bs-list-group-bg: var(--bs-body-bg);
+    --bs-list-group-border-color: var(--bs-border-color);
+    --bs-list-group-border-width: var(--bs-border-width);
+    --bs-list-group-border-radius: var(--bs-border-radius);
+    --bs-list-group-item-padding-x: 1rem;
+    --bs-list-group-item-padding-y: 0.5rem;
+    --bs-list-group-action-color: var(--bs-secondary-color);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
+    --bs-list-group-action-active-color: var(--bs-body-color);
+    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
+    --bs-list-group-disabled-color: var(--bs-secondary-color);
+    --bs-list-group-disabled-bg: var(--bs-body-bg);
+    --bs-list-group-active-color: #fff;
+    --bs-list-group-active-bg: #0d6efd;
+    --bs-list-group-active-border-color: #0d6efd;
+    display: flex;
+    flex-direction: column;
+    padding-left: 0;
+    margin-bottom: 0;
+    border-radius: var(--bs-list-group-border-radius)
+}
+
+.list-group-numbered {
+    list-style-type: none;
+    counter-reset: section
+}
+
+.list-group-numbered>.list-group-item::before {
+    content: counters(section, ".") ". ";
+    counter-increment: section
+}
+
+.list-group-item-action {
+    width: 100%;
+    color: var(--bs-list-group-action-color);
+    text-align: inherit
+}
+
+.list-group-item-action:focus,
+.list-group-item-action:hover {
+    z-index: 1;
+    color: var(--bs-list-group-action-hover-color);
+    text-decoration: none;
+    background-color: var(--bs-list-group-action-hover-bg)
+}
+
+.list-group-item-action:active {
+    color: var(--bs-list-group-action-active-color);
+    background-color: var(--bs-list-group-action-active-bg)
+}
+
+.list-group-item {
+    position: relative;
+    display: block;
+    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
+    color: var(--bs-list-group-color);
+    text-decoration: none;
+    background-color: var(--bs-list-group-bg);
+    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
+}
+
+.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: var(--bs-list-group-disabled-color);
+    pointer-events: none;
+    background-color: var(--bs-list-group-disabled-bg)
+}
+
+.list-group-item.active {
+    z-index: 2;
+    color: var(--bs-list-group-active-color);
+    background-color: var(--bs-list-group-active-bg);
+    border-color: var(--bs-list-group-active-border-color)
+}
+
+.list-group-item+.list-group-item {
+    border-top-width: 0
+}
+
+.list-group-item+.list-group-item.active {
+    margin-top: calc(-1 * var(--bs-list-group-border-width));
+    border-top-width: var(--bs-list-group-border-width)
+}
+
+.list-group-horizontal {
+    flex-direction: row
+}
+
+.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
+    border-bottom-left-radius: var(--bs-list-group-border-radius);
+    border-top-right-radius: 0
+}
+
+.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
+    border-top-right-radius: var(--bs-list-group-border-radius);
+    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: var(--bs-list-group-border-width);
+    border-left-width: 0
+}
+
+.list-group-horizontal>.list-group-item+.list-group-item.active {
+    margin-left: calc(-1 * var(--bs-list-group-border-width));
+    border-left-width: var(--bs-list-group-border-width)
+}
+
+@media (min-width:576px) {
+    .list-group-horizontal-sm {
+        flex-direction: row
+    }
+
+    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
+        border-bottom-left-radius: var(--bs-list-group-border-radius);
+        border-top-right-radius: 0
+    }
+
+    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
+        border-top-right-radius: var(--bs-list-group-border-radius);
+        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: var(--bs-list-group-border-width);
+        border-left-width: 0
+    }
+
+    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
+        border-left-width: var(--bs-list-group-border-width)
+    }
+}
+
+@media (min-width:768px) {
+    .list-group-horizontal-md {
+        flex-direction: row
+    }
+
+    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
+        border-bottom-left-radius: var(--bs-list-group-border-radius);
+        border-top-right-radius: 0
+    }
+
+    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
+        border-top-right-radius: var(--bs-list-group-border-radius);
+        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: var(--bs-list-group-border-width);
+        border-left-width: 0
+    }
+
+    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
+        border-left-width: var(--bs-list-group-border-width)
+    }
+}
+
+@media (min-width:992px) {
+    .list-group-horizontal-lg {
+        flex-direction: row
+    }
+
+    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
+        border-bottom-left-radius: var(--bs-list-group-border-radius);
+        border-top-right-radius: 0
+    }
+
+    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
+        border-top-right-radius: var(--bs-list-group-border-radius);
+        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: var(--bs-list-group-border-width);
+        border-left-width: 0
+    }
+
+    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
+        border-left-width: var(--bs-list-group-border-width)
+    }
+}
+
+@media (min-width:1200px) {
+    .list-group-horizontal-xl {
+        flex-direction: row
+    }
+
+    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
+        border-bottom-left-radius: var(--bs-list-group-border-radius);
+        border-top-right-radius: 0
+    }
+
+    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
+        border-top-right-radius: var(--bs-list-group-border-radius);
+        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: var(--bs-list-group-border-width);
+        border-left-width: 0
+    }
+
+    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
+        border-left-width: var(--bs-list-group-border-width)
+    }
+}
+
+@media (min-width:1400px) {
+    .list-group-horizontal-xxl {
+        flex-direction: row
+    }
+
+    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
+        border-bottom-left-radius: var(--bs-list-group-border-radius);
+        border-top-right-radius: 0
+    }
+
+    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
+        border-top-right-radius: var(--bs-list-group-border-radius);
+        border-bottom-left-radius: 0
+    }
+
+    .list-group-horizontal-xxl>.list-group-item.active {
+        margin-top: 0
+    }
+
+    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
+        border-top-width: var(--bs-list-group-border-width);
+        border-left-width: 0
+    }
+
+    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
+        margin-left: calc(-1 * var(--bs-list-group-border-width));
+        border-left-width: var(--bs-list-group-border-width)
+    }
+}
+
+.list-group-flush {
+    border-radius: 0
+}
+
+.list-group-flush>.list-group-item {
+    border-width: 0 0 var(--bs-list-group-border-width)
+}
+
+.list-group-flush>.list-group-item:last-child {
+    border-bottom-width: 0
+}
+
+.list-group-item-primary {
+    --bs-list-group-color: var(--bs-primary-text-emphasis);
+    --bs-list-group-bg: var(--bs-primary-bg-subtle);
+    --bs-list-group-border-color: var(--bs-primary-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
+    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
+}
+
+.list-group-item-secondary {
+    --bs-list-group-color: var(--bs-secondary-text-emphasis);
+    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
+    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
+    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
+}
+
+.list-group-item-success {
+    --bs-list-group-color: var(--bs-success-text-emphasis);
+    --bs-list-group-bg: var(--bs-success-bg-subtle);
+    --bs-list-group-border-color: var(--bs-success-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
+    --bs-list-group-active-color: var(--bs-success-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
+}
+
+.list-group-item-info {
+    --bs-list-group-color: var(--bs-info-text-emphasis);
+    --bs-list-group-bg: var(--bs-info-bg-subtle);
+    --bs-list-group-border-color: var(--bs-info-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
+    --bs-list-group-active-color: var(--bs-info-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
+}
+
+.list-group-item-warning {
+    --bs-list-group-color: var(--bs-warning-text-emphasis);
+    --bs-list-group-bg: var(--bs-warning-bg-subtle);
+    --bs-list-group-border-color: var(--bs-warning-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
+    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
+}
+
+.list-group-item-danger {
+    --bs-list-group-color: var(--bs-danger-text-emphasis);
+    --bs-list-group-bg: var(--bs-danger-bg-subtle);
+    --bs-list-group-border-color: var(--bs-danger-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
+    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
+}
+
+.list-group-item-light {
+    --bs-list-group-color: var(--bs-light-text-emphasis);
+    --bs-list-group-bg: var(--bs-light-bg-subtle);
+    --bs-list-group-border-color: var(--bs-light-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
+    --bs-list-group-active-color: var(--bs-light-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
+}
+
+.list-group-item-dark {
+    --bs-list-group-color: var(--bs-dark-text-emphasis);
+    --bs-list-group-bg: var(--bs-dark-bg-subtle);
+    --bs-list-group-border-color: var(--bs-dark-border-subtle);
+    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
+    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
+    --bs-list-group-action-active-color: var(--bs-emphasis-color);
+    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
+    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
+    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
+    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
+}
+
+.btn-close {
+    --bs-btn-close-color: #000;
+    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+    --bs-btn-close-opacity: 0.5;
+    --bs-btn-close-hover-opacity: 0.75;
+    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+    --bs-btn-close-focus-opacity: 1;
+    --bs-btn-close-disabled-opacity: 0.25;
+    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
+    box-sizing: content-box;
+    width: 1em;
+    height: 1em;
+    padding: .25em .25em;
+    color: var(--bs-btn-close-color);
+    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+    border: 0;
+    border-radius: .375rem;
+    opacity: var(--bs-btn-close-opacity)
+}
+
+.btn-close:hover {
+    color: var(--bs-btn-close-color);
+    text-decoration: none;
+    opacity: var(--bs-btn-close-hover-opacity)
+}
+
+.btn-close:focus {
+    outline: 0;
+    box-shadow: var(--bs-btn-close-focus-shadow);
+    opacity: var(--bs-btn-close-focus-opacity)
+}
+
+.btn-close.disabled,
+.btn-close:disabled {
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    opacity: var(--bs-btn-close-disabled-opacity)
+}
+
+.btn-close-white {
+    filter: var(--bs-btn-close-white-filter)
+}
+
+[data-bs-theme=dark] .btn-close {
+    filter: var(--bs-btn-close-white-filter)
+}
+
+.toast {
+    --bs-toast-zindex: 1090;
+    --bs-toast-padding-x: 0.75rem;
+    --bs-toast-padding-y: 0.5rem;
+    --bs-toast-spacing: 1.5rem;
+    --bs-toast-max-width: 350px;
+    --bs-toast-font-size: 0.875rem;
+    --bs-toast-color: ;
+    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
+    --bs-toast-border-width: var(--bs-border-width);
+    --bs-toast-border-color: var(--bs-border-color-translucent);
+    --bs-toast-border-radius: var(--bs-border-radius);
+    --bs-toast-box-shadow: var(--bs-box-shadow);
+    --bs-toast-header-color: var(--bs-secondary-color);
+    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
+    --bs-toast-header-border-color: var(--bs-border-color-translucent);
+    width: var(--bs-toast-max-width);
+    max-width: 100%;
+    font-size: var(--bs-toast-font-size);
+    color: var(--bs-toast-color);
+    pointer-events: auto;
+    background-color: var(--bs-toast-bg);
+    background-clip: padding-box;
+    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
+    box-shadow: var(--bs-toast-box-shadow);
+    border-radius: var(--bs-toast-border-radius)
+}
+
+.toast.showing {
+    opacity: 0
+}
+
+.toast:not(.show) {
+    display: none
+}
+
+.toast-container {
+    --bs-toast-zindex: 1090;
+    position: absolute;
+    z-index: var(--bs-toast-zindex);
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+    max-width: 100%;
+    pointer-events: none
+}
+
+.toast-container>:not(:last-child) {
+    margin-bottom: var(--bs-toast-spacing)
+}
+
+.toast-header {
+    display: flex;
+    align-items: center;
+    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
+    color: var(--bs-toast-header-color);
+    background-color: var(--bs-toast-header-bg);
+    background-clip: padding-box;
+    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
+    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
+    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
+}
+
+.toast-header .btn-close {
+    margin-right: calc(-.5 * var(--bs-toast-padding-x));
+    margin-left: var(--bs-toast-padding-x)
+}
+
+.toast-body {
+    padding: var(--bs-toast-padding-x);
+    word-wrap: break-word
+}
+
+.modal {
+    --bs-modal-zindex: 1055;
+    --bs-modal-width: 500px;
+    --bs-modal-padding: 1rem;
+    --bs-modal-margin: 0.5rem;
+    --bs-modal-color: ;
+    --bs-modal-bg: var(--bs-body-bg);
+    --bs-modal-border-color: var(--bs-border-color-translucent);
+    --bs-modal-border-width: var(--bs-border-width);
+    --bs-modal-border-radius: var(--bs-border-radius-lg);
+    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
+    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
+    --bs-modal-header-padding-x: 1rem;
+    --bs-modal-header-padding-y: 1rem;
+    --bs-modal-header-padding: 1rem 1rem;
+    --bs-modal-header-border-color: var(--bs-border-color);
+    --bs-modal-header-border-width: var(--bs-border-width);
+    --bs-modal-title-line-height: 1.5;
+    --bs-modal-footer-gap: 0.5rem;
+    --bs-modal-footer-bg: ;
+    --bs-modal-footer-border-color: var(--bs-border-color);
+    --bs-modal-footer-border-width: var(--bs-border-width);
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: var(--bs-modal-zindex);
+    display: none;
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    outline: 0
+}
+
+.modal-dialog {
+    position: relative;
+    width: auto;
+    margin: var(--bs-modal-margin);
+    pointer-events: none
+}
+
+.modal.fade .modal-dialog {
+    transition: transform .3s ease-out;
+    transform: translate(0, -50px)
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .modal.fade .modal-dialog {
+        transition: none
+    }
+}
+
+.modal.show .modal-dialog {
+    transform: none
+}
+
+.modal.modal-static .modal-dialog {
+    transform: scale(1.02)
+}
+
+.modal-dialog-scrollable {
+    height: calc(100% - var(--bs-modal-margin) * 2)
+}
+
+.modal-dialog-scrollable .modal-content {
+    max-height: 100%;
+    overflow: hidden
+}
+
+.modal-dialog-scrollable .modal-body {
+    overflow-y: auto
+}
+
+.modal-dialog-centered {
+    display: flex;
+    align-items: center;
+    min-height: calc(100% - var(--bs-modal-margin) * 2)
+}
+
+.modal-content {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    color: var(--bs-modal-color);
+    pointer-events: auto;
+    background-color: var(--bs-modal-bg);
+    background-clip: padding-box;
+    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
+    border-radius: var(--bs-modal-border-radius);
+    outline: 0
+}
+
+.modal-backdrop {
+    --bs-backdrop-zindex: 1050;
+    --bs-backdrop-bg: #000;
+    --bs-backdrop-opacity: 0.5;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: var(--bs-backdrop-zindex);
+    width: 100vw;
+    height: 100vh;
+    background-color: var(--bs-backdrop-bg)
+}
+
+.modal-backdrop.fade {
+    opacity: 0
+}
+
+.modal-backdrop.show {
+    opacity: var(--bs-backdrop-opacity)
+}
+
+.modal-header {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--bs-modal-header-padding);
+    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
+    border-top-left-radius: var(--bs-modal-inner-border-radius);
+    border-top-right-radius: var(--bs-modal-inner-border-radius)
+}
+
+.modal-header .btn-close {
+    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
+    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
+}
+
+.modal-title {
+    margin-bottom: 0;
+    line-height: var(--bs-modal-title-line-height)
+}
+
+.modal-body {
+    position: relative;
+    flex: 1 1 auto;
+    padding: var(--bs-modal-padding)
+}
+
+.modal-footer {
+    display: flex;
+    flex-shrink: 0;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
+    background-color: var(--bs-modal-footer-bg);
+    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
+    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
+    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
+}
+
+.modal-footer>* {
+    margin: calc(var(--bs-modal-footer-gap) * .5)
+}
+
+@media (min-width:576px) {
+    .modal {
+        --bs-modal-margin: 1.75rem;
+        --bs-modal-box-shadow: var(--bs-box-shadow)
+    }
+
+    .modal-dialog {
+        max-width: var(--bs-modal-width);
+        margin-right: auto;
+        margin-left: auto
+    }
+
+    .modal-sm {
+        --bs-modal-width: 300px
+    }
+}
+
+@media (min-width:992px) {
+
+    .modal-lg,
+    .modal-xl {
+        --bs-modal-width: 800px
+    }
+}
+
+@media (min-width:1200px) {
+    .modal-xl {
+        --bs-modal-width: 1140px
+    }
+}
+
+.modal-fullscreen {
+    width: 100vw;
+    max-width: none;
+    height: 100%;
+    margin: 0
+}
+
+.modal-fullscreen .modal-content {
+    height: 100%;
+    border: 0;
+    border-radius: 0
+}
+
+.modal-fullscreen .modal-footer,
+.modal-fullscreen .modal-header {
+    border-radius: 0
+}
+
+.modal-fullscreen .modal-body {
+    overflow-y: auto
+}
+
+@media (max-width:575.98px) {
+    .modal-fullscreen-sm-down {
+        width: 100vw;
+        max-width: none;
+        height: 100%;
+        margin: 0
+    }
+
+    .modal-fullscreen-sm-down .modal-content {
+        height: 100%;
+        border: 0;
+        border-radius: 0
+    }
+
+    .modal-fullscreen-sm-down .modal-footer,
+    .modal-fullscreen-sm-down .modal-header {
+        border-radius: 0
+    }
+
+    .modal-fullscreen-sm-down .modal-body {
+        overflow-y: auto
+    }
+}
+
+@media (max-width:767.98px) {
+    .modal-fullscreen-md-down {
+        width: 100vw;
+        max-width: none;
+        height: 100%;
+        margin: 0
+    }
+
+    .modal-fullscreen-md-down .modal-content {
+        height: 100%;
+        border: 0;
+        border-radius: 0
+    }
+
+    .modal-fullscreen-md-down .modal-footer,
+    .modal-fullscreen-md-down .modal-header {
+        border-radius: 0
+    }
+
+    .modal-fullscreen-md-down .modal-body {
+        overflow-y: auto
+    }
+}
+
+@media (max-width:991.98px) {
+    .modal-fullscreen-lg-down {
+        width: 100vw;
+        max-width: none;
+        height: 100%;
+        margin: 0
+    }
+
+    .modal-fullscreen-lg-down .modal-content {
+        height: 100%;
+        border: 0;
+        border-radius: 0
+    }
+
+    .modal-fullscreen-lg-down .modal-footer,
+    .modal-fullscreen-lg-down .modal-header {
+        border-radius: 0
+    }
+
+    .modal-fullscreen-lg-down .modal-body {
+        overflow-y: auto
+    }
+}
+
+@media (max-width:1199.98px) {
+    .modal-fullscreen-xl-down {
+        width: 100vw;
+        max-width: none;
+        height: 100%;
+        margin: 0
+    }
+
+    .modal-fullscreen-xl-down .modal-content {
+        height: 100%;
+        border: 0;
+        border-radius: 0
+    }
+
+    .modal-fullscreen-xl-down .modal-footer,
+    .modal-fullscreen-xl-down .modal-header {
+        border-radius: 0
+    }
+
+    .modal-fullscreen-xl-down .modal-body {
+        overflow-y: auto
+    }
+}
+
+@media (max-width:1399.98px) {
+    .modal-fullscreen-xxl-down {
+        width: 100vw;
+        max-width: none;
+        height: 100%;
+        margin: 0
+    }
+
+    .modal-fullscreen-xxl-down .modal-content {
+        height: 100%;
+        border: 0;
+        border-radius: 0
+    }
+
+    .modal-fullscreen-xxl-down .modal-footer,
+    .modal-fullscreen-xxl-down .modal-header {
+        border-radius: 0
+    }
+
+    .modal-fullscreen-xxl-down .modal-body {
+        overflow-y: auto
+    }
+}
+
+.tooltip {
+    --bs-tooltip-zindex: 1080;
+    --bs-tooltip-max-width: 200px;
+    --bs-tooltip-padding-x: 0.5rem;
+    --bs-tooltip-padding-y: 0.25rem;
+    --bs-tooltip-margin: ;
+    --bs-tooltip-font-size: 0.875rem;
+    --bs-tooltip-color: var(--bs-body-bg);
+    --bs-tooltip-bg: var(--bs-emphasis-color);
+    --bs-tooltip-border-radius: var(--bs-border-radius);
+    --bs-tooltip-opacity: 0.9;
+    --bs-tooltip-arrow-width: 0.8rem;
+    --bs-tooltip-arrow-height: 0.4rem;
+    z-index: var(--bs-tooltip-zindex);
+    display: block;
+    margin: var(--bs-tooltip-margin);
+    font-family: var(--bs-font-sans-serif);
+    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;
+    white-space: normal;
+    word-spacing: normal;
+    line-break: auto;
+    font-size: var(--bs-tooltip-font-size);
+    word-wrap: break-word;
+    opacity: 0
+}
+
+.tooltip.show {
+    opacity: var(--bs-tooltip-opacity)
+}
+
+.tooltip .tooltip-arrow {
+    display: block;
+    width: var(--bs-tooltip-arrow-width);
+    height: var(--bs-tooltip-arrow-height)
+}
+
+.tooltip .tooltip-arrow::before {
+    position: absolute;
+    content: "";
+    border-color: transparent;
+    border-style: solid
+}
+
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
+.bs-tooltip-top .tooltip-arrow {
+    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
+}
+
+.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
+.bs-tooltip-top .tooltip-arrow::before {
+    top: -1px;
+    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
+    border-top-color: var(--bs-tooltip-bg)
+}
+
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
+.bs-tooltip-end .tooltip-arrow {
+    left: calc(-1 * var(--bs-tooltip-arrow-height));
+    width: var(--bs-tooltip-arrow-height);
+    height: var(--bs-tooltip-arrow-width)
+}
+
+.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
+.bs-tooltip-end .tooltip-arrow::before {
+    right: -1px;
+    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
+    border-right-color: var(--bs-tooltip-bg)
+}
+
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
+.bs-tooltip-bottom .tooltip-arrow {
+    top: calc(-1 * var(--bs-tooltip-arrow-height))
+}
+
+.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
+.bs-tooltip-bottom .tooltip-arrow::before {
+    bottom: -1px;
+    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
+    border-bottom-color: var(--bs-tooltip-bg)
+}
+
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
+.bs-tooltip-start .tooltip-arrow {
+    right: calc(-1 * var(--bs-tooltip-arrow-height));
+    width: var(--bs-tooltip-arrow-height);
+    height: var(--bs-tooltip-arrow-width)
+}
+
+.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
+.bs-tooltip-start .tooltip-arrow::before {
+    left: -1px;
+    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
+    border-left-color: var(--bs-tooltip-bg)
+}
+
+.tooltip-inner {
+    max-width: var(--bs-tooltip-max-width);
+    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
+    color: var(--bs-tooltip-color);
+    text-align: center;
+    background-color: var(--bs-tooltip-bg);
+    border-radius: var(--bs-tooltip-border-radius)
+}
+
+.popover {
+    --bs-popover-zindex: 1070;
+    --bs-popover-max-width: 276px;
+    --bs-popover-font-size: 0.875rem;
+    --bs-popover-bg: var(--bs-body-bg);
+    --bs-popover-border-width: var(--bs-border-width);
+    --bs-popover-border-color: var(--bs-border-color-translucent);
+    --bs-popover-border-radius: var(--bs-border-radius-lg);
+    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
+    --bs-popover-box-shadow: var(--bs-box-shadow);
+    --bs-popover-header-padding-x: 1rem;
+    --bs-popover-header-padding-y: 0.5rem;
+    --bs-popover-header-font-size: 1rem;
+    --bs-popover-header-color: inherit;
+    --bs-popover-header-bg: var(--bs-secondary-bg);
+    --bs-popover-body-padding-x: 1rem;
+    --bs-popover-body-padding-y: 1rem;
+    --bs-popover-body-color: var(--bs-body-color);
+    --bs-popover-arrow-width: 1rem;
+    --bs-popover-arrow-height: 0.5rem;
+    --bs-popover-arrow-border: var(--bs-popover-border-color);
+    z-index: var(--bs-popover-zindex);
+    display: block;
+    max-width: var(--bs-popover-max-width);
+    font-family: var(--bs-font-sans-serif);
+    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;
+    white-space: normal;
+    word-spacing: normal;
+    line-break: auto;
+    font-size: var(--bs-popover-font-size);
+    word-wrap: break-word;
+    background-color: var(--bs-popover-bg);
+    background-clip: padding-box;
+    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+    border-radius: var(--bs-popover-border-radius)
+}
+
+.popover .popover-arrow {
+    display: block;
+    width: var(--bs-popover-arrow-width);
+    height: var(--bs-popover-arrow-height)
+}
+
+.popover .popover-arrow::after,
+.popover .popover-arrow::before {
+    position: absolute;
+    display: block;
+    content: "";
+    border-color: transparent;
+    border-style: solid;
+    border-width: 0
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
+.bs-popover-top>.popover-arrow {
+    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
+.bs-popover-top>.popover-arrow::after,
+.bs-popover-top>.popover-arrow::before {
+    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
+.bs-popover-top>.popover-arrow::before {
+    bottom: 0;
+    border-top-color: var(--bs-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
+.bs-popover-top>.popover-arrow::after {
+    bottom: var(--bs-popover-border-width);
+    border-top-color: var(--bs-popover-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
+.bs-popover-end>.popover-arrow {
+    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+    width: var(--bs-popover-arrow-height);
+    height: var(--bs-popover-arrow-width)
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
+.bs-popover-end>.popover-arrow::after,
+.bs-popover-end>.popover-arrow::before {
+    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
+.bs-popover-end>.popover-arrow::before {
+    left: 0;
+    border-right-color: var(--bs-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
+.bs-popover-end>.popover-arrow::after {
+    left: var(--bs-popover-border-width);
+    border-right-color: var(--bs-popover-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
+.bs-popover-bottom>.popover-arrow {
+    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
+.bs-popover-bottom>.popover-arrow::after,
+.bs-popover-bottom>.popover-arrow::before {
+    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
+.bs-popover-bottom>.popover-arrow::before {
+    top: 0;
+    border-bottom-color: var(--bs-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
+.bs-popover-bottom>.popover-arrow::after {
+    top: var(--bs-popover-border-width);
+    border-bottom-color: var(--bs-popover-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
+.bs-popover-bottom .popover-header::before {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: var(--bs-popover-arrow-width);
+    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
+    content: "";
+    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
+.bs-popover-start>.popover-arrow {
+    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
+    width: var(--bs-popover-arrow-height);
+    height: var(--bs-popover-arrow-width)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
+.bs-popover-start>.popover-arrow::after,
+.bs-popover-start>.popover-arrow::before {
+    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
+.bs-popover-start>.popover-arrow::before {
+    right: 0;
+    border-left-color: var(--bs-popover-arrow-border)
+}
+
+.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
+.bs-popover-start>.popover-arrow::after {
+    right: var(--bs-popover-border-width);
+    border-left-color: var(--bs-popover-bg)
+}
+
+.popover-header {
+    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
+    margin-bottom: 0;
+    font-size: var(--bs-popover-header-font-size);
+    color: var(--bs-popover-header-color);
+    background-color: var(--bs-popover-header-bg);
+    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+    border-top-left-radius: var(--bs-popover-inner-border-radius);
+    border-top-right-radius: var(--bs-popover-inner-border-radius)
+}
+
+.popover-header:empty {
+    display: none
+}
+
+.popover-body {
+    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
+    color: var(--bs-popover-body-color)
+}
+
+.carousel {
+    position: relative
+}
+
+.carousel.pointer-event {
+    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: 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-end,
+.carousel-item-next:not(.carousel-item-start) {
+    transform: translateX(100%)
+}
+
+.active.carousel-item-start,
+.carousel-item-prev:not(.carousel-item-end) {
+    transform: translateX(-100%)
+}
+
+.carousel-fade .carousel-item {
+    opacity: 0;
+    transition-property: opacity;
+    transform: none
+}
+
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end,
+.carousel-fade .carousel-item.active {
+    z-index: 1;
+    opacity: 1
+}
+
+.carousel-fade .active.carousel-item-end,
+.carousel-fade .active.carousel-item-start {
+    z-index: 0;
+    opacity: 0;
+    transition: opacity 0s .6s
+}
+
+@media (prefers-reduced-motion:reduce) {
+
+    .carousel-fade .active.carousel-item-end,
+    .carousel-fade .active.carousel-item-start {
+        transition: none
+    }
+}
+
+.carousel-control-next,
+.carousel-control-prev {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 15%;
+    padding: 0;
+    color: #fff;
+    text-align: center;
+    background: 0 0;
+    border: 0;
+    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: 2rem;
+    height: 2rem;
+    background-repeat: no-repeat;
+    background-position: 50%;
+    background-size: 100% 100%
+}
+
+.carousel-control-prev-icon {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
+}
+
+.carousel-control-next-icon {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
+}
+
+.carousel-indicators {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 2;
+    display: flex;
+    justify-content: center;
+    padding: 0;
+    margin-right: 15%;
+    margin-bottom: 1rem;
+    margin-left: 15%
+}
+
+.carousel-indicators [data-bs-target] {
+    box-sizing: content-box;
+    flex: 0 1 auto;
+    width: 30px;
+    height: 3px;
+    padding: 0;
+    margin-right: 3px;
+    margin-left: 3px;
+    text-indent: -999px;
+    cursor: pointer;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 0;
+    border-top: 10px solid transparent;
+    border-bottom: 10px solid transparent;
+    opacity: .5;
+    transition: opacity .6s ease
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .carousel-indicators [data-bs-target] {
+        transition: none
+    }
+}
+
+.carousel-indicators .active {
+    opacity: 1
+}
+
+.carousel-caption {
+    position: absolute;
+    right: 15%;
+    bottom: 1.25rem;
+    left: 15%;
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+    color: #fff;
+    text-align: center
+}
+
+.carousel-dark .carousel-control-next-icon,
+.carousel-dark .carousel-control-prev-icon {
+    filter: invert(1) grayscale(100)
+}
+
+.carousel-dark .carousel-indicators [data-bs-target] {
+    background-color: #000
+}
+
+.carousel-dark .carousel-caption {
+    color: #000
+}
+
+[data-bs-theme=dark] .carousel .carousel-control-next-icon,
+[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
+[data-bs-theme=dark].carousel .carousel-control-next-icon,
+[data-bs-theme=dark].carousel .carousel-control-prev-icon {
+    filter: invert(1) grayscale(100)
+}
+
+[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
+[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
+    background-color: #000
+}
+
+[data-bs-theme=dark] .carousel .carousel-caption,
+[data-bs-theme=dark].carousel .carousel-caption {
+    color: #000
+}
+
+.spinner-border,
+.spinner-grow {
+    display: inline-block;
+    width: var(--bs-spinner-width);
+    height: var(--bs-spinner-height);
+    vertical-align: var(--bs-spinner-vertical-align);
+    border-radius: 50%;
+    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
+}
+
+@keyframes spinner-border {
+    to {
+        transform: rotate(360deg)
+    }
+}
+
+.spinner-border {
+    --bs-spinner-width: 2rem;
+    --bs-spinner-height: 2rem;
+    --bs-spinner-vertical-align: -0.125em;
+    --bs-spinner-border-width: 0.25em;
+    --bs-spinner-animation-speed: 0.75s;
+    --bs-spinner-animation-name: spinner-border;
+    border: var(--bs-spinner-border-width) solid currentcolor;
+    border-right-color: transparent
+}
+
+.spinner-border-sm {
+    --bs-spinner-width: 1rem;
+    --bs-spinner-height: 1rem;
+    --bs-spinner-border-width: 0.2em
+}
+
+@keyframes spinner-grow {
+    0% {
+        transform: scale(0)
+    }
+
+    50% {
+        opacity: 1;
+        transform: none
+    }
+}
+
+.spinner-grow {
+    --bs-spinner-width: 2rem;
+    --bs-spinner-height: 2rem;
+    --bs-spinner-vertical-align: -0.125em;
+    --bs-spinner-animation-speed: 0.75s;
+    --bs-spinner-animation-name: spinner-grow;
+    background-color: currentcolor;
+    opacity: 0
+}
+
+.spinner-grow-sm {
+    --bs-spinner-width: 1rem;
+    --bs-spinner-height: 1rem
+}
+
+@media (prefers-reduced-motion:reduce) {
+
+    .spinner-border,
+    .spinner-grow {
+        --bs-spinner-animation-speed: 1.5s
+    }
+}
+
+.offcanvas,
+.offcanvas-lg,
+.offcanvas-md,
+.offcanvas-sm,
+.offcanvas-xl,
+.offcanvas-xxl {
+    --bs-offcanvas-zindex: 1045;
+    --bs-offcanvas-width: 400px;
+    --bs-offcanvas-height: 30vh;
+    --bs-offcanvas-padding-x: 1rem;
+    --bs-offcanvas-padding-y: 1rem;
+    --bs-offcanvas-color: var(--bs-body-color);
+    --bs-offcanvas-bg: var(--bs-body-bg);
+    --bs-offcanvas-border-width: var(--bs-border-width);
+    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
+    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
+    --bs-offcanvas-transition: transform 0.3s ease-in-out;
+    --bs-offcanvas-title-line-height: 1.5
+}
+
+@media (max-width:575.98px) {
+    .offcanvas-sm {
+        position: fixed;
+        bottom: 0;
+        z-index: var(--bs-offcanvas-zindex);
+        display: flex;
+        flex-direction: column;
+        max-width: 100%;
+        color: var(--bs-offcanvas-color);
+        visibility: hidden;
+        background-color: var(--bs-offcanvas-bg);
+        background-clip: padding-box;
+        outline: 0;
+        transition: var(--bs-offcanvas-transition)
+    }
+}
+
+@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
+    .offcanvas-sm {
+        transition: none
+    }
+}
+
+@media (max-width:575.98px) {
+    .offcanvas-sm.offcanvas-start {
+        top: 0;
+        left: 0;
+        width: var(--bs-offcanvas-width);
+        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(-100%)
+    }
+
+    .offcanvas-sm.offcanvas-end {
+        top: 0;
+        right: 0;
+        width: var(--bs-offcanvas-width);
+        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(100%)
+    }
+
+    .offcanvas-sm.offcanvas-top {
+        top: 0;
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(-100%)
+    }
+
+    .offcanvas-sm.offcanvas-bottom {
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(100%)
+    }
+
+    .offcanvas-sm.show:not(.hiding),
+    .offcanvas-sm.showing {
+        transform: none
+    }
+
+    .offcanvas-sm.hiding,
+    .offcanvas-sm.show,
+    .offcanvas-sm.showing {
+        visibility: visible
+    }
+}
+
+@media (min-width:576px) {
+    .offcanvas-sm {
+        --bs-offcanvas-height: auto;
+        --bs-offcanvas-border-width: 0;
+        background-color: transparent !important
+    }
+
+    .offcanvas-sm .offcanvas-header {
+        display: none
+    }
+
+    .offcanvas-sm .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible;
+        background-color: transparent !important
+    }
+}
+
+@media (max-width:767.98px) {
+    .offcanvas-md {
+        position: fixed;
+        bottom: 0;
+        z-index: var(--bs-offcanvas-zindex);
+        display: flex;
+        flex-direction: column;
+        max-width: 100%;
+        color: var(--bs-offcanvas-color);
+        visibility: hidden;
+        background-color: var(--bs-offcanvas-bg);
+        background-clip: padding-box;
+        outline: 0;
+        transition: var(--bs-offcanvas-transition)
+    }
+}
+
+@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
+    .offcanvas-md {
+        transition: none
+    }
+}
+
+@media (max-width:767.98px) {
+    .offcanvas-md.offcanvas-start {
+        top: 0;
+        left: 0;
+        width: var(--bs-offcanvas-width);
+        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(-100%)
+    }
+
+    .offcanvas-md.offcanvas-end {
+        top: 0;
+        right: 0;
+        width: var(--bs-offcanvas-width);
+        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(100%)
+    }
+
+    .offcanvas-md.offcanvas-top {
+        top: 0;
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(-100%)
+    }
+
+    .offcanvas-md.offcanvas-bottom {
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(100%)
+    }
+
+    .offcanvas-md.show:not(.hiding),
+    .offcanvas-md.showing {
+        transform: none
+    }
+
+    .offcanvas-md.hiding,
+    .offcanvas-md.show,
+    .offcanvas-md.showing {
+        visibility: visible
+    }
+}
+
+@media (min-width:768px) {
+    .offcanvas-md {
+        --bs-offcanvas-height: auto;
+        --bs-offcanvas-border-width: 0;
+        background-color: transparent !important
+    }
+
+    .offcanvas-md .offcanvas-header {
+        display: none
+    }
+
+    .offcanvas-md .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible;
+        background-color: transparent !important
+    }
+}
+
+@media (max-width:991.98px) {
+    .offcanvas-lg {
+        position: fixed;
+        bottom: 0;
+        z-index: var(--bs-offcanvas-zindex);
+        display: flex;
+        flex-direction: column;
+        max-width: 100%;
+        color: var(--bs-offcanvas-color);
+        visibility: hidden;
+        background-color: var(--bs-offcanvas-bg);
+        background-clip: padding-box;
+        outline: 0;
+        transition: var(--bs-offcanvas-transition)
+    }
+}
+
+@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
+    .offcanvas-lg {
+        transition: none
+    }
+}
+
+@media (max-width:991.98px) {
+    .offcanvas-lg.offcanvas-start {
+        top: 0;
+        left: 0;
+        width: var(--bs-offcanvas-width);
+        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(-100%)
+    }
+
+    .offcanvas-lg.offcanvas-end {
+        top: 0;
+        right: 0;
+        width: var(--bs-offcanvas-width);
+        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(100%)
+    }
+
+    .offcanvas-lg.offcanvas-top {
+        top: 0;
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(-100%)
+    }
+
+    .offcanvas-lg.offcanvas-bottom {
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(100%)
+    }
+
+    .offcanvas-lg.show:not(.hiding),
+    .offcanvas-lg.showing {
+        transform: none
+    }
+
+    .offcanvas-lg.hiding,
+    .offcanvas-lg.show,
+    .offcanvas-lg.showing {
+        visibility: visible
+    }
+}
+
+@media (min-width:992px) {
+    .offcanvas-lg {
+        --bs-offcanvas-height: auto;
+        --bs-offcanvas-border-width: 0;
+        background-color: transparent !important
+    }
+
+    .offcanvas-lg .offcanvas-header {
+        display: none
+    }
+
+    .offcanvas-lg .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible;
+        background-color: transparent !important
+    }
+}
+
+@media (max-width:1199.98px) {
+    .offcanvas-xl {
+        position: fixed;
+        bottom: 0;
+        z-index: var(--bs-offcanvas-zindex);
+        display: flex;
+        flex-direction: column;
+        max-width: 100%;
+        color: var(--bs-offcanvas-color);
+        visibility: hidden;
+        background-color: var(--bs-offcanvas-bg);
+        background-clip: padding-box;
+        outline: 0;
+        transition: var(--bs-offcanvas-transition)
+    }
+}
+
+@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
+    .offcanvas-xl {
+        transition: none
+    }
+}
+
+@media (max-width:1199.98px) {
+    .offcanvas-xl.offcanvas-start {
+        top: 0;
+        left: 0;
+        width: var(--bs-offcanvas-width);
+        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(-100%)
+    }
+
+    .offcanvas-xl.offcanvas-end {
+        top: 0;
+        right: 0;
+        width: var(--bs-offcanvas-width);
+        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(100%)
+    }
+
+    .offcanvas-xl.offcanvas-top {
+        top: 0;
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(-100%)
+    }
+
+    .offcanvas-xl.offcanvas-bottom {
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(100%)
+    }
+
+    .offcanvas-xl.show:not(.hiding),
+    .offcanvas-xl.showing {
+        transform: none
+    }
+
+    .offcanvas-xl.hiding,
+    .offcanvas-xl.show,
+    .offcanvas-xl.showing {
+        visibility: visible
+    }
+}
+
+@media (min-width:1200px) {
+    .offcanvas-xl {
+        --bs-offcanvas-height: auto;
+        --bs-offcanvas-border-width: 0;
+        background-color: transparent !important
+    }
+
+    .offcanvas-xl .offcanvas-header {
+        display: none
+    }
+
+    .offcanvas-xl .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible;
+        background-color: transparent !important
+    }
+}
+
+@media (max-width:1399.98px) {
+    .offcanvas-xxl {
+        position: fixed;
+        bottom: 0;
+        z-index: var(--bs-offcanvas-zindex);
+        display: flex;
+        flex-direction: column;
+        max-width: 100%;
+        color: var(--bs-offcanvas-color);
+        visibility: hidden;
+        background-color: var(--bs-offcanvas-bg);
+        background-clip: padding-box;
+        outline: 0;
+        transition: var(--bs-offcanvas-transition)
+    }
+}
+
+@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
+    .offcanvas-xxl {
+        transition: none
+    }
+}
+
+@media (max-width:1399.98px) {
+    .offcanvas-xxl.offcanvas-start {
+        top: 0;
+        left: 0;
+        width: var(--bs-offcanvas-width);
+        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(-100%)
+    }
+
+    .offcanvas-xxl.offcanvas-end {
+        top: 0;
+        right: 0;
+        width: var(--bs-offcanvas-width);
+        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateX(100%)
+    }
+
+    .offcanvas-xxl.offcanvas-top {
+        top: 0;
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(-100%)
+    }
+
+    .offcanvas-xxl.offcanvas-bottom {
+        right: 0;
+        left: 0;
+        height: var(--bs-offcanvas-height);
+        max-height: 100%;
+        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+        transform: translateY(100%)
+    }
+
+    .offcanvas-xxl.show:not(.hiding),
+    .offcanvas-xxl.showing {
+        transform: none
+    }
+
+    .offcanvas-xxl.hiding,
+    .offcanvas-xxl.show,
+    .offcanvas-xxl.showing {
+        visibility: visible
+    }
+}
+
+@media (min-width:1400px) {
+    .offcanvas-xxl {
+        --bs-offcanvas-height: auto;
+        --bs-offcanvas-border-width: 0;
+        background-color: transparent !important
+    }
+
+    .offcanvas-xxl .offcanvas-header {
+        display: none
+    }
+
+    .offcanvas-xxl .offcanvas-body {
+        display: flex;
+        flex-grow: 0;
+        padding: 0;
+        overflow-y: visible;
+        background-color: transparent !important
+    }
+}
+
+.offcanvas {
+    position: fixed;
+    bottom: 0;
+    z-index: var(--bs-offcanvas-zindex);
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+    color: var(--bs-offcanvas-color);
+    visibility: hidden;
+    background-color: var(--bs-offcanvas-bg);
+    background-clip: padding-box;
+    outline: 0;
+    transition: var(--bs-offcanvas-transition)
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .offcanvas {
+        transition: none
+    }
+}
+
+.offcanvas.offcanvas-start {
+    top: 0;
+    left: 0;
+    width: var(--bs-offcanvas-width);
+    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(-100%)
+}
+
+.offcanvas.offcanvas-end {
+    top: 0;
+    right: 0;
+    width: var(--bs-offcanvas-width);
+    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateX(100%)
+}
+
+.offcanvas.offcanvas-top {
+    top: 0;
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(-100%)
+}
+
+.offcanvas.offcanvas-bottom {
+    right: 0;
+    left: 0;
+    height: var(--bs-offcanvas-height);
+    max-height: 100%;
+    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
+    transform: translateY(100%)
+}
+
+.offcanvas.show:not(.hiding),
+.offcanvas.showing {
+    transform: none
+}
+
+.offcanvas.hiding,
+.offcanvas.show,
+.offcanvas.showing {
+    visibility: visible
+}
+
+.offcanvas-backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1040;
+    width: 100vw;
+    height: 100vh;
+    background-color: #000
+}
+
+.offcanvas-backdrop.fade {
+    opacity: 0
+}
+
+.offcanvas-backdrop.show {
+    opacity: .5
+}
+
+.offcanvas-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
+}
+
+.offcanvas-header .btn-close {
+    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
+    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
+    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
+    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
+}
+
+.offcanvas-title {
+    margin-bottom: 0;
+    line-height: var(--bs-offcanvas-title-line-height)
+}
+
+.offcanvas-body {
+    flex-grow: 1;
+    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+    overflow-y: auto
+}
+
+.placeholder {
+    display: inline-block;
+    min-height: 1em;
+    vertical-align: middle;
+    cursor: wait;
+    background-color: currentcolor;
+    opacity: .5
+}
+
+.placeholder.btn::before {
+    display: inline-block;
+    content: ""
+}
+
+.placeholder-xs {
+    min-height: .6em
+}
+
+.placeholder-sm {
+    min-height: .8em
+}
+
+.placeholder-lg {
+    min-height: 1.2em
+}
+
+.placeholder-glow .placeholder {
+    animation: placeholder-glow 2s ease-in-out infinite
+}
+
+@keyframes placeholder-glow {
+    50% {
+        opacity: .2
+    }
+}
+
+.placeholder-wave {
+    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
+    -webkit-mask-size: 200% 100%;
+    mask-size: 200% 100%;
+    animation: placeholder-wave 2s linear infinite
+}
+
+@keyframes placeholder-wave {
+    100% {
+        -webkit-mask-position: -200% 0%;
+        mask-position: -200% 0%
+    }
+}
+
+.clearfix::after {
+    display: block;
+    clear: both;
+    content: ""
+}
+
+.text-bg-primary {
+    color: #fff !important;
+    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-secondary {
+    color: #fff !important;
+    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-success {
+    color: #fff !important;
+    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-info {
+    color: #000 !important;
+    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-warning {
+    color: #000 !important;
+    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-danger {
+    color: #fff !important;
+    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-light {
+    color: #000 !important;
+    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.text-bg-dark {
+    color: #fff !important;
+    background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
+}
+
+.link-primary {
+    color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-primary:focus,
+.link-primary:hover {
+    color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-secondary {
+    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-secondary:focus,
+.link-secondary:hover {
+    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-success {
+    color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-success:focus,
+.link-success:hover {
+    color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-info {
+    color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-info:focus,
+.link-info:hover {
+    color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-warning {
+    color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-warning:focus,
+.link-warning:hover {
+    color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-danger {
+    color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-danger:focus,
+.link-danger:hover {
+    color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-light {
+    color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-light:focus,
+.link-light:hover {
+    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-dark {
+    color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-dark:focus,
+.link-dark:hover {
+    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-body-emphasis {
+    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-body-emphasis:focus,
+.link-body-emphasis:hover {
+    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
+    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
+    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important
+}
+
+.focus-ring:focus {
+    outline: 0;
+    box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
+}
+
+.icon-link {
+    display: inline-flex;
+    gap: .375rem;
+    align-items: center;
+    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
+    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
+    text-underline-offset: 0.25em;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden
+}
+
+.icon-link>.bi {
+    flex-shrink: 0;
+    width: 1em;
+    height: 1em;
+    fill: currentcolor;
+    transition: .2s ease-in-out transform
+}
+
+@media (prefers-reduced-motion:reduce) {
+    .icon-link>.bi {
+        transition: none
+    }
+}
+
+.icon-link-hover:focus-visible>.bi,
+.icon-link-hover:hover>.bi {
+    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
+}
+
+.ratio {
+    position: relative;
+    width: 100%
+}
+
+.ratio::before {
+    display: block;
+    padding-top: var(--bs-aspect-ratio);
+    content: ""
+}
+
+.ratio>* {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%
+}
+
+.ratio-1x1 {
+    --bs-aspect-ratio: 100%
+}
+
+.ratio-4x3 {
+    --bs-aspect-ratio: 75%
+}
+
+.ratio-16x9 {
+    --bs-aspect-ratio: 56.25%
+}
+
+.ratio-21x9 {
+    --bs-aspect-ratio: 42.8571428571%
+}
+
+.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
+}
+
+.sticky-top {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1020
+}
+
+.sticky-bottom {
+    position: -webkit-sticky;
+    position: sticky;
+    bottom: 0;
+    z-index: 1020
+}
+
+@media (min-width:576px) {
+    .sticky-sm-top {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0;
+        z-index: 1020
+    }
+
+    .sticky-sm-bottom {
+        position: -webkit-sticky;
+        position: sticky;
+        bottom: 0;
+        z-index: 1020
+    }
+}
+
+@media (min-width:768px) {
+    .sticky-md-top {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0;
+        z-index: 1020
+    }
+
+    .sticky-md-bottom {
+        position: -webkit-sticky;
+        position: sticky;
+        bottom: 0;
+        z-index: 1020
+    }
+}
+
+@media (min-width:992px) {
+    .sticky-lg-top {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0;
+        z-index: 1020
+    }
+
+    .sticky-lg-bottom {
+        position: -webkit-sticky;
+        position: sticky;
+        bottom: 0;
+        z-index: 1020
+    }
+}
+
+@media (min-width:1200px) {
+    .sticky-xl-top {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0;
+        z-index: 1020
+    }
+
+    .sticky-xl-bottom {
+        position: -webkit-sticky;
+        position: sticky;
+        bottom: 0;
+        z-index: 1020
+    }
+}
+
+@media (min-width:1400px) {
+    .sticky-xxl-top {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0;
+        z-index: 1020
+    }
+
+    .sticky-xxl-bottom {
+        position: -webkit-sticky;
+        position: sticky;
+        bottom: 0;
+        z-index: 1020
+    }
+}
+
+.hstack {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    align-self: stretch
+}
+
+.vstack {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    align-self: stretch
+}
+
+.visually-hidden,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border: 0 !important
+}
+
+.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
+.visually-hidden:not(caption) {
+    position: absolute !important
+}
+
+.stretched-link::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    content: ""
+}
+
+.text-truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.vr {
+    display: inline-block;
+    align-self: stretch;
+    width: var(--bs-border-width);
+    min-height: 1em;
+    background-color: currentcolor;
+    opacity: .25
+}
+
+.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
+}
+
+.float-start {
+    float: left !important
+}
+
+.float-end {
+    float: right !important
+}
+
+.float-none {
+    float: none !important
+}
+
+.object-fit-contain {
+    -o-object-fit: contain !important;
+    object-fit: contain !important
+}
+
+.object-fit-cover {
+    -o-object-fit: cover !important;
+    object-fit: cover !important
+}
+
+.object-fit-fill {
+    -o-object-fit: fill !important;
+    object-fit: fill !important
+}
+
+.object-fit-scale {
+    -o-object-fit: scale-down !important;
+    object-fit: scale-down !important
+}
+
+.object-fit-none {
+    -o-object-fit: none !important;
+    object-fit: none !important
+}
+
+.opacity-0 {
+    opacity: 0 !important
+}
+
+.opacity-25 {
+    opacity: .25 !important
+}
+
+.opacity-50 {
+    opacity: .5 !important
+}
+
+.opacity-75 {
+    opacity: .75 !important
+}
+
+.opacity-100 {
+    opacity: 1 !important
+}
+
+.overflow-auto {
+    overflow: auto !important
+}
+
+.overflow-hidden {
+    overflow: hidden !important
+}
+
+.overflow-visible {
+    overflow: visible !important
+}
+
+.overflow-scroll {
+    overflow: scroll !important
+}
+
+.overflow-x-auto {
+    overflow-x: auto !important
+}
+
+.overflow-x-hidden {
+    overflow-x: hidden !important
+}
+
+.overflow-x-visible {
+    overflow-x: visible !important
+}
+
+.overflow-x-scroll {
+    overflow-x: scroll !important
+}
+
+.overflow-y-auto {
+    overflow-y: auto !important
+}
+
+.overflow-y-hidden {
+    overflow-y: hidden !important
+}
+
+.overflow-y-visible {
+    overflow-y: visible !important
+}
+
+.overflow-y-scroll {
+    overflow-y: scroll !important
+}
+
+.d-inline {
+    display: inline !important
+}
+
+.d-inline-block {
+    display: inline-block !important
+}
+
+.d-block {
+    display: block !important
+}
+
+.d-grid {
+    display: grid !important
+}
+
+.d-inline-grid {
+    display: inline-grid !important
+}
+
+.d-table {
+    display: table !important
+}
+
+.d-table-row {
+    display: table-row !important
+}
+
+.d-table-cell {
+    display: table-cell !important
+}
+
+.d-flex {
+    display: flex !important
+}
+
+.d-inline-flex {
+    display: inline-flex !important
+}
+
+.d-none {
+    display: none !important
+}
+
+.shadow {
+    box-shadow: var(--bs-box-shadow) !important
+}
+
+.shadow-sm {
+    box-shadow: var(--bs-box-shadow-sm) !important
+}
+
+.shadow-lg {
+    box-shadow: var(--bs-box-shadow-lg) !important
+}
+
+.shadow-none {
+    box-shadow: none !important
+}
+
+.focus-ring-primary {
+    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-secondary {
+    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-success {
+    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-info {
+    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-warning {
+    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-danger {
+    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-light {
+    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
+}
+
+.focus-ring-dark {
+    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
+}
+
+.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
+}
+
+.top-0 {
+    top: 0 !important
+}
+
+.top-50 {
+    top: 50% !important
+}
+
+.top-100 {
+    top: 100% !important
+}
+
+.bottom-0 {
+    bottom: 0 !important
+}
+
+.bottom-50 {
+    bottom: 50% !important
+}
+
+.bottom-100 {
+    bottom: 100% !important
+}
+
+.start-0 {
+    left: 0 !important
+}
+
+.start-50 {
+    left: 50% !important
+}
+
+.start-100 {
+    left: 100% !important
+}
+
+.end-0 {
+    right: 0 !important
+}
+
+.end-50 {
+    right: 50% !important
+}
+
+.end-100 {
+    right: 100% !important
+}
+
+.translate-middle {
+    transform: translate(-50%, -50%) !important
+}
+
+.translate-middle-x {
+    transform: translateX(-50%) !important
+}
+
+.translate-middle-y {
+    transform: translateY(-50%) !important
+}
+
+.border {
+    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
+}
+
+.border-0 {
+    border: 0 !important
+}
+
+.border-top {
+    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
+}
+
+.border-top-0 {
+    border-top: 0 !important
+}
+
+.border-end {
+    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
+}
+
+.border-end-0 {
+    border-right: 0 !important
+}
+
+.border-bottom {
+    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
+}
+
+.border-bottom-0 {
+    border-bottom: 0 !important
+}
+
+.border-start {
+    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
+}
+
+.border-start-0 {
+    border-left: 0 !important
+}
+
+.border-primary {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-secondary {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-success {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-info {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-warning {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-danger {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-light {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-dark {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-black {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-white {
+    --bs-border-opacity: 1;
+    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
+}
+
+.border-primary-subtle {
+    border-color: var(--bs-primary-border-subtle) !important
+}
+
+.border-secondary-subtle {
+    border-color: var(--bs-secondary-border-subtle) !important
+}
+
+.border-success-subtle {
+    border-color: var(--bs-success-border-subtle) !important
+}
+
+.border-info-subtle {
+    border-color: var(--bs-info-border-subtle) !important
+}
+
+.border-warning-subtle {
+    border-color: var(--bs-warning-border-subtle) !important
+}
+
+.border-danger-subtle {
+    border-color: var(--bs-danger-border-subtle) !important
+}
+
+.border-light-subtle {
+    border-color: var(--bs-light-border-subtle) !important
+}
+
+.border-dark-subtle {
+    border-color: var(--bs-dark-border-subtle) !important
+}
+
+.border-1 {
+    border-width: 1px !important
+}
+
+.border-2 {
+    border-width: 2px !important
+}
+
+.border-3 {
+    border-width: 3px !important
+}
+
+.border-4 {
+    border-width: 4px !important
+}
+
+.border-5 {
+    border-width: 5px !important
+}
+
+.border-opacity-10 {
+    --bs-border-opacity: 0.1
+}
+
+.border-opacity-25 {
+    --bs-border-opacity: 0.25
+}
+
+.border-opacity-50 {
+    --bs-border-opacity: 0.5
+}
+
+.border-opacity-75 {
+    --bs-border-opacity: 0.75
+}
+
+.border-opacity-100 {
+    --bs-border-opacity: 1
+}
+
+.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
+}
+
+.mw-100 {
+    max-width: 100% !important
+}
+
+.vw-100 {
+    width: 100vw !important
+}
+
+.min-vw-100 {
+    min-width: 100vw !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
+}
+
+.mh-100 {
+    max-height: 100% !important
+}
+
+.vh-100 {
+    height: 100vh !important
+}
+
+.min-vh-100 {
+    min-height: 100vh !important
+}
+
+.flex-fill {
+    flex: 1 1 auto !important
+}
+
+.flex-row {
+    flex-direction: row !important
+}
+
+.flex-column {
+    flex-direction: column !important
+}
+
+.flex-row-reverse {
+    flex-direction: row-reverse !important
+}
+
+.flex-column-reverse {
+    flex-direction: column-reverse !important
+}
+
+.flex-grow-0 {
+    flex-grow: 0 !important
+}
+
+.flex-grow-1 {
+    flex-grow: 1 !important
+}
+
+.flex-shrink-0 {
+    flex-shrink: 0 !important
+}
+
+.flex-shrink-1 {
+    flex-shrink: 1 !important
+}
+
+.flex-wrap {
+    flex-wrap: wrap !important
+}
+
+.flex-nowrap {
+    flex-wrap: nowrap !important
+}
+
+.flex-wrap-reverse {
+    flex-wrap: wrap-reverse !important
+}
+
+.justify-content-start {
+    justify-content: flex-start !important
+}
+
+.justify-content-end {
+    justify-content: flex-end !important
+}
+
+.justify-content-center {
+    justify-content: center !important
+}
+
+.justify-content-between {
+    justify-content: space-between !important
+}
+
+.justify-content-around {
+    justify-content: space-around !important
+}
+
+.justify-content-evenly {
+    justify-content: space-evenly !important
+}
+
+.align-items-start {
+    align-items: flex-start !important
+}
+
+.align-items-end {
+    align-items: flex-end !important
+}
+
+.align-items-center {
+    align-items: center !important
+}
+
+.align-items-baseline {
+    align-items: baseline !important
+}
+
+.align-items-stretch {
+    align-items: stretch !important
+}
+
+.align-content-start {
+    align-content: flex-start !important
+}
+
+.align-content-end {
+    align-content: flex-end !important
+}
+
+.align-content-center {
+    align-content: center !important
+}
+
+.align-content-between {
+    align-content: space-between !important
+}
+
+.align-content-around {
+    align-content: space-around !important
+}
+
+.align-content-stretch {
+    align-content: stretch !important
+}
+
+.align-self-auto {
+    align-self: auto !important
+}
+
+.align-self-start {
+    align-self: flex-start !important
+}
+
+.align-self-end {
+    align-self: flex-end !important
+}
+
+.align-self-center {
+    align-self: center !important
+}
+
+.align-self-baseline {
+    align-self: baseline !important
+}
+
+.align-self-stretch {
+    align-self: stretch !important
+}
+
+.order-first {
+    order: -1 !important
+}
+
+.order-0 {
+    order: 0 !important
+}
+
+.order-1 {
+    order: 1 !important
+}
+
+.order-2 {
+    order: 2 !important
+}
+
+.order-3 {
+    order: 3 !important
+}
+
+.order-4 {
+    order: 4 !important
+}
+
+.order-5 {
+    order: 5 !important
+}
+
+.order-last {
+    order: 6 !important
+}
+
+.m-0 {
+    margin: 0 !important
+}
+
+.m-1 {
+    margin: .25rem !important
+}
+
+.m-2 {
+    margin: .5rem !important
+}
+
+.m-3 {
+    margin: 1rem !important
+}
+
+.m-4 {
+    margin: 1.5rem !important
+}
+
+.m-5 {
+    margin: 3rem !important
+}
+
+.m-auto {
+    margin: auto !important
+}
+
+.mx-0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important
+}
+
+.mx-1 {
+    margin-right: .25rem !important;
+    margin-left: .25rem !important
+}
+
+.mx-2 {
+    margin-right: .5rem !important;
+    margin-left: .5rem !important
+}
+
+.mx-3 {
+    margin-right: 1rem !important;
+    margin-left: 1rem !important
+}
+
+.mx-4 {
+    margin-right: 1.5rem !important;
+    margin-left: 1.5rem !important
+}
+
+.mx-5 {
+    margin-right: 3rem !important;
+    margin-left: 3rem !important
+}
+
+.mx-auto {
+    margin-right: auto !important;
+    margin-left: auto !important
+}
+
+.my-0 {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important
+}
+
+.my-1 {
+    margin-top: .25rem !important;
+    margin-bottom: .25rem !important
+}
+
+.my-2 {
+    margin-top: .5rem !important;
+    margin-bottom: .5rem !important
+}
+
+.my-3 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important
+}
+
+.my-4 {
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important
+}
+
+.my-5 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important
+}
+
+.my-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important
+}
+
+.mt-0 {
+    margin-top: 0 !important
+}
+
+.mt-1 {
+    margin-top: .25rem !important
+}
+
+.mt-2 {
+    margin-top: .5rem !important
+}
+
+.mt-3 {
+    margin-top: 1rem !important
+}
+
+.mt-4 {
+    margin-top: 1.5rem !important
+}
+
+.mt-5 {
+    margin-top: 3rem !important
+}
+
+.mt-auto {
+    margin-top: auto !important
+}
+
+.me-0 {
+    margin-right: 0 !important
+}
+
+.me-1 {
+    margin-right: .25rem !important
+}
+
+.me-2 {
+    margin-right: .5rem !important
+}
+
+.me-3 {
+    margin-right: 1rem !important
+}
+
+.me-4 {
+    margin-right: 1.5rem !important
+}
+
+.me-5 {
+    margin-right: 3rem !important
+}
+
+.me-auto {
+    margin-right: auto !important
+}
+
+.mb-0 {
+    margin-bottom: 0 !important
+}
+
+.mb-1 {
+    margin-bottom: .25rem !important
+}
+
+.mb-2 {
+    margin-bottom: .5rem !important
+}
+
+.mb-3 {
+    margin-bottom: 1rem !important
+}
+
+.mb-4 {
+    margin-bottom: 1.5rem !important
+}
+
+.mb-5 {
+    margin-bottom: 3rem !important
+}
+
+.mb-auto {
+    margin-bottom: auto !important
+}
+
+.ms-0 {
+    margin-left: 0 !important
+}
+
+.ms-1 {
+    margin-left: .25rem !important
+}
+
+.ms-2 {
+    margin-left: .5rem !important
+}
+
+.ms-3 {
+    margin-left: 1rem !important
+}
+
+.ms-4 {
+    margin-left: 1.5rem !important
+}
+
+.ms-5 {
+    margin-left: 3rem !important
+}
+
+.ms-auto {
+    margin-left: auto !important
+}
+
+.p-0 {
+    padding: 0 !important
+}
+
+.p-1 {
+    padding: .25rem !important
+}
+
+.p-2 {
+    padding: .5rem !important
+}
+
+.p-3 {
+    padding: 1rem !important
+}
+
+.p-4 {
+    padding: 1.5rem !important
+}
+
+.p-5 {
+    padding: 3rem !important
+}
+
+.px-0 {
+    padding-right: 0 !important;
+    padding-left: 0 !important
+}
+
+.px-1 {
+    padding-right: .25rem !important;
+    padding-left: .25rem !important
+}
+
+.px-2 {
+    padding-right: .5rem !important;
+    padding-left: .5rem !important
+}
+
+.px-3 {
+    padding-right: 1rem !important;
+    padding-left: 1rem !important
+}
+
+.px-4 {
+    padding-right: 1.5rem !important;
+    padding-left: 1.5rem !important
+}
+
+.px-5 {
+    padding-right: 3rem !important;
+    padding-left: 3rem !important
+}
+
+.py-0 {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important
+}
+
+.py-1 {
+    padding-top: .25rem !important;
+    padding-bottom: .25rem !important
+}
+
+.py-2 {
+    padding-top: .5rem !important;
+    padding-bottom: .5rem !important
+}
+
+.py-3 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important
+}
+
+.py-4 {
+    padding-top: 1.5rem !important;
+    padding-bottom: 1.5rem !important
+}
+
+.py-5 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important
+}
+
+.pt-0 {
+    padding-top: 0 !important
+}
+
+.pt-1 {
+    padding-top: .25rem !important
+}
+
+.pt-2 {
+    padding-top: .5rem !important
+}
+
+.pt-3 {
+    padding-top: 1rem !important
+}
+
+.pt-4 {
+    padding-top: 1.5rem !important
+}
+
+.pt-5 {
+    padding-top: 3rem !important
+}
+
+.pe-0 {
+    padding-right: 0 !important
+}
+
+.pe-1 {
+    padding-right: .25rem !important
+}
+
+.pe-2 {
+    padding-right: .5rem !important
+}
+
+.pe-3 {
+    padding-right: 1rem !important
+}
+
+.pe-4 {
+    padding-right: 1.5rem !important
+}
+
+.pe-5 {
+    padding-right: 3rem !important
+}
+
+.pb-0 {
+    padding-bottom: 0 !important
+}
+
+.pb-1 {
+    padding-bottom: .25rem !important
+}
+
+.pb-2 {
+    padding-bottom: .5rem !important
+}
+
+.pb-3 {
+    padding-bottom: 1rem !important
+}
+
+.pb-4 {
+    padding-bottom: 1.5rem !important
+}
+
+.pb-5 {
+    padding-bottom: 3rem !important
+}
+
+.ps-0 {
+    padding-left: 0 !important
+}
+
+.ps-1 {
+    padding-left: .25rem !important
+}
+
+.ps-2 {
+    padding-left: .5rem !important
+}
+
+.ps-3 {
+    padding-left: 1rem !important
+}
+
+.ps-4 {
+    padding-left: 1.5rem !important
+}
+
+.ps-5 {
+    padding-left: 3rem !important
+}
+
+.gap-0 {
+    gap: 0 !important
+}
+
+.gap-1 {
+    gap: .25rem !important
+}
+
+.gap-2 {
+    gap: .5rem !important
+}
+
+.gap-3 {
+    gap: 1rem !important
+}
+
+.gap-4 {
+    gap: 1.5rem !important
+}
+
+.gap-5 {
+    gap: 3rem !important
+}
+
+.row-gap-0 {
+    row-gap: 0 !important
+}
+
+.row-gap-1 {
+    row-gap: .25rem !important
+}
+
+.row-gap-2 {
+    row-gap: .5rem !important
+}
+
+.row-gap-3 {
+    row-gap: 1rem !important
+}
+
+.row-gap-4 {
+    row-gap: 1.5rem !important
+}
+
+.row-gap-5 {
+    row-gap: 3rem !important
+}
+
+.column-gap-0 {
+    -moz-column-gap: 0 !important;
+    column-gap: 0 !important
+}
+
+.column-gap-1 {
+    -moz-column-gap: 0.25rem !important;
+    column-gap: .25rem !important
+}
+
+.column-gap-2 {
+    -moz-column-gap: 0.5rem !important;
+    column-gap: .5rem !important
+}
+
+.column-gap-3 {
+    -moz-column-gap: 1rem !important;
+    column-gap: 1rem !important
+}
+
+.column-gap-4 {
+    -moz-column-gap: 1.5rem !important;
+    column-gap: 1.5rem !important
+}
+
+.column-gap-5 {
+    -moz-column-gap: 3rem !important;
+    column-gap: 3rem !important
+}
+
+.font-monospace {
+    font-family: var(--bs-font-monospace) !important
+}
+
+.fs-1 {
+    font-size: calc(1.375rem + 1.5vw) !important
+}
+
+.fs-2 {
+    font-size: calc(1.325rem + .9vw) !important
+}
+
+.fs-3 {
+    font-size: calc(1.3rem + .6vw) !important
+}
+
+.fs-4 {
+    font-size: calc(1.275rem + .3vw) !important
+}
+
+.fs-5 {
+    font-size: 1.25rem !important
+}
+
+.fs-6 {
+    font-size: 1rem !important
+}
+
+.fst-italic {
+    font-style: italic !important
+}
+
+.fst-normal {
+    font-style: normal !important
+}
+
+.fw-lighter {
+    font-weight: lighter !important
+}
+
+.fw-light {
+    font-weight: 300 !important
+}
+
+.fw-normal {
+    font-weight: 400 !important
+}
+
+.fw-medium {
+    font-weight: 500 !important
+}
+
+.fw-semibold {
+    font-weight: 600 !important
+}
+
+.fw-bold {
+    font-weight: 700 !important
+}
+
+.fw-bolder {
+    font-weight: bolder !important
+}
+
+.lh-1 {
+    line-height: 1 !important
+}
+
+.lh-sm {
+    line-height: 1.25 !important
+}
+
+.lh-base {
+    line-height: 1.5 !important
+}
+
+.lh-lg {
+    line-height: 2 !important
+}
+
+.text-start {
+    text-align: left !important
+}
+
+.text-end {
+    text-align: right !important
+}
+
+.text-center {
+    text-align: center !important
+}
+
+.text-decoration-none {
+    text-decoration: none !important
+}
+
+.text-decoration-underline {
+    text-decoration: underline !important
+}
+
+.text-decoration-line-through {
+    text-decoration: line-through !important
+}
+
+.text-lowercase {
+    text-transform: lowercase !important
+}
+
+.text-uppercase {
+    text-transform: uppercase !important
+}
+
+.text-capitalize {
+    text-transform: capitalize !important
+}
+
+.text-wrap {
+    white-space: normal !important
+}
+
+.text-nowrap {
+    white-space: nowrap !important
+}
+
+.text-break {
+    word-wrap: break-word !important;
+    word-break: break-word !important
+}
+
+.text-primary {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-secondary {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-success {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-info {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-warning {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-danger {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-light {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-dark {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-black {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-white {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-body {
+    --bs-text-opacity: 1;
+    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
+}
+
+.text-muted {
+    --bs-text-opacity: 1;
+    color: var(--bs-secondary-color) !important
+}
+
+.text-black-50 {
+    --bs-text-opacity: 1;
+    color: rgba(0, 0, 0, .5) !important
+}
+
+.text-white-50 {
+    --bs-text-opacity: 1;
+    color: rgba(255, 255, 255, .5) !important
+}
+
+.text-body-secondary {
+    --bs-text-opacity: 1;
+    color: var(--bs-secondary-color) !important
+}
+
+.text-body-tertiary {
+    --bs-text-opacity: 1;
+    color: var(--bs-tertiary-color) !important
+}
+
+.text-body-emphasis {
+    --bs-text-opacity: 1;
+    color: var(--bs-emphasis-color) !important
+}
+
+.text-reset {
+    --bs-text-opacity: 1;
+    color: inherit !important
+}
+
+.text-opacity-25 {
+    --bs-text-opacity: 0.25
+}
+
+.text-opacity-50 {
+    --bs-text-opacity: 0.5
+}
+
+.text-opacity-75 {
+    --bs-text-opacity: 0.75
+}
+
+.text-opacity-100 {
+    --bs-text-opacity: 1
+}
+
+.text-primary-emphasis {
+    color: var(--bs-primary-text-emphasis) !important
+}
+
+.text-secondary-emphasis {
+    color: var(--bs-secondary-text-emphasis) !important
+}
+
+.text-success-emphasis {
+    color: var(--bs-success-text-emphasis) !important
+}
+
+.text-info-emphasis {
+    color: var(--bs-info-text-emphasis) !important
+}
+
+.text-warning-emphasis {
+    color: var(--bs-warning-text-emphasis) !important
+}
+
+.text-danger-emphasis {
+    color: var(--bs-danger-text-emphasis) !important
+}
+
+.text-light-emphasis {
+    color: var(--bs-light-text-emphasis) !important
+}
+
+.text-dark-emphasis {
+    color: var(--bs-dark-text-emphasis) !important
+}
+
+.link-opacity-10 {
+    --bs-link-opacity: 0.1
+}
+
+.link-opacity-10-hover:hover {
+    --bs-link-opacity: 0.1
+}
+
+.link-opacity-25 {
+    --bs-link-opacity: 0.25
+}
+
+.link-opacity-25-hover:hover {
+    --bs-link-opacity: 0.25
+}
+
+.link-opacity-50 {
+    --bs-link-opacity: 0.5
+}
+
+.link-opacity-50-hover:hover {
+    --bs-link-opacity: 0.5
+}
+
+.link-opacity-75 {
+    --bs-link-opacity: 0.75
+}
+
+.link-opacity-75-hover:hover {
+    --bs-link-opacity: 0.75
+}
+
+.link-opacity-100 {
+    --bs-link-opacity: 1
+}
+
+.link-opacity-100-hover:hover {
+    --bs-link-opacity: 1
+}
+
+.link-offset-1 {
+    text-underline-offset: 0.125em !important
+}
+
+.link-offset-1-hover:hover {
+    text-underline-offset: 0.125em !important
+}
+
+.link-offset-2 {
+    text-underline-offset: 0.25em !important
+}
+
+.link-offset-2-hover:hover {
+    text-underline-offset: 0.25em !important
+}
+
+.link-offset-3 {
+    text-underline-offset: 0.375em !important
+}
+
+.link-offset-3-hover:hover {
+    text-underline-offset: 0.375em !important
+}
+
+.link-underline-primary {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-secondary {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-success {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-info {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-warning {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-danger {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-light {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline-dark {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
+    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
+}
+
+.link-underline {
+    --bs-link-underline-opacity: 1;
+    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
+    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
+}
+
+.link-underline-opacity-0 {
+    --bs-link-underline-opacity: 0
+}
+
+.link-underline-opacity-0-hover:hover {
+    --bs-link-underline-opacity: 0
+}
+
+.link-underline-opacity-10 {
+    --bs-link-underline-opacity: 0.1
+}
+
+.link-underline-opacity-10-hover:hover {
+    --bs-link-underline-opacity: 0.1
+}
+
+.link-underline-opacity-25 {
+    --bs-link-underline-opacity: 0.25
+}
+
+.link-underline-opacity-25-hover:hover {
+    --bs-link-underline-opacity: 0.25
+}
+
+.link-underline-opacity-50 {
+    --bs-link-underline-opacity: 0.5
+}
+
+.link-underline-opacity-50-hover:hover {
+    --bs-link-underline-opacity: 0.5
+}
+
+.link-underline-opacity-75 {
+    --bs-link-underline-opacity: 0.75
+}
+
+.link-underline-opacity-75-hover:hover {
+    --bs-link-underline-opacity: 0.75
+}
+
+.link-underline-opacity-100 {
+    --bs-link-underline-opacity: 1
+}
+
+.link-underline-opacity-100-hover:hover {
+    --bs-link-underline-opacity: 1
+}
+
+.bg-primary {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-secondary {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-success {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-info {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-warning {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-danger {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-light {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-dark {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-black {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-white {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-body {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-transparent {
+    --bs-bg-opacity: 1;
+    background-color: transparent !important
+}
+
+.bg-body-secondary {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-body-tertiary {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
+}
+
+.bg-opacity-10 {
+    --bs-bg-opacity: 0.1
+}
+
+.bg-opacity-25 {
+    --bs-bg-opacity: 0.25
+}
+
+.bg-opacity-50 {
+    --bs-bg-opacity: 0.5
+}
+
+.bg-opacity-75 {
+    --bs-bg-opacity: 0.75
+}
+
+.bg-opacity-100 {
+    --bs-bg-opacity: 1
+}
+
+.bg-primary-subtle {
+    background-color: var(--bs-primary-bg-subtle) !important
+}
+
+.bg-secondary-subtle {
+    background-color: var(--bs-secondary-bg-subtle) !important
+}
+
+.bg-success-subtle {
+    background-color: var(--bs-success-bg-subtle) !important
+}
+
+.bg-info-subtle {
+    background-color: var(--bs-info-bg-subtle) !important
+}
+
+.bg-warning-subtle {
+    background-color: var(--bs-warning-bg-subtle) !important
+}
+
+.bg-danger-subtle {
+    background-color: var(--bs-danger-bg-subtle) !important
+}
+
+.bg-light-subtle {
+    background-color: var(--bs-light-bg-subtle) !important
+}
+
+.bg-dark-subtle {
+    background-color: var(--bs-dark-bg-subtle) !important
+}
+
+.bg-gradient {
+    background-image: var(--bs-gradient) !important
+}
+
+.user-select-all {
+    -webkit-user-select: all !important;
+    -moz-user-select: all !important;
+    user-select: all !important
+}
+
+.user-select-auto {
+    -webkit-user-select: auto !important;
+    -moz-user-select: auto !important;
+    user-select: auto !important
+}
+
+.user-select-none {
+    -webkit-user-select: none !important;
+    -moz-user-select: none !important;
+    user-select: none !important
+}
+
+.pe-none {
+    pointer-events: none !important
+}
+
+.pe-auto {
+    pointer-events: auto !important
+}
+
+.rounded {
+    border-radius: var(--bs-border-radius) !important
+}
+
+.rounded-0 {
+    border-radius: 0 !important
+}
+
+.rounded-1 {
+    border-radius: var(--bs-border-radius-sm) !important
+}
+
+.rounded-2 {
+    border-radius: var(--bs-border-radius) !important
+}
+
+.rounded-3 {
+    border-radius: var(--bs-border-radius-lg) !important
+}
+
+.rounded-4 {
+    border-radius: var(--bs-border-radius-xl) !important
+}
+
+.rounded-5 {
+    border-radius: var(--bs-border-radius-xxl) !important
+}
+
+.rounded-circle {
+    border-radius: 50% !important
+}
+
+.rounded-pill {
+    border-radius: var(--bs-border-radius-pill) !important
+}
+
+.rounded-top {
+    border-top-left-radius: var(--bs-border-radius) !important;
+    border-top-right-radius: var(--bs-border-radius) !important
+}
+
+.rounded-top-0 {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important
+}
+
+.rounded-top-1 {
+    border-top-left-radius: var(--bs-border-radius-sm) !important;
+    border-top-right-radius: var(--bs-border-radius-sm) !important
+}
+
+.rounded-top-2 {
+    border-top-left-radius: var(--bs-border-radius) !important;
+    border-top-right-radius: var(--bs-border-radius) !important
+}
+
+.rounded-top-3 {
+    border-top-left-radius: var(--bs-border-radius-lg) !important;
+    border-top-right-radius: var(--bs-border-radius-lg) !important
+}
+
+.rounded-top-4 {
+    border-top-left-radius: var(--bs-border-radius-xl) !important;
+    border-top-right-radius: var(--bs-border-radius-xl) !important
+}
+
+.rounded-top-5 {
+    border-top-left-radius: var(--bs-border-radius-xxl) !important;
+    border-top-right-radius: var(--bs-border-radius-xxl) !important
+}
+
+.rounded-top-circle {
+    border-top-left-radius: 50% !important;
+    border-top-right-radius: 50% !important
+}
+
+.rounded-top-pill {
+    border-top-left-radius: var(--bs-border-radius-pill) !important;
+    border-top-right-radius: var(--bs-border-radius-pill) !important
+}
+
+.rounded-end {
+    border-top-right-radius: var(--bs-border-radius) !important;
+    border-bottom-right-radius: var(--bs-border-radius) !important
+}
+
+.rounded-end-0 {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important
+}
+
+.rounded-end-1 {
+    border-top-right-radius: var(--bs-border-radius-sm) !important;
+    border-bottom-right-radius: var(--bs-border-radius-sm) !important
+}
+
+.rounded-end-2 {
+    border-top-right-radius: var(--bs-border-radius) !important;
+    border-bottom-right-radius: var(--bs-border-radius) !important
+}
+
+.rounded-end-3 {
+    border-top-right-radius: var(--bs-border-radius-lg) !important;
+    border-bottom-right-radius: var(--bs-border-radius-lg) !important
+}
+
+.rounded-end-4 {
+    border-top-right-radius: var(--bs-border-radius-xl) !important;
+    border-bottom-right-radius: var(--bs-border-radius-xl) !important
+}
+
+.rounded-end-5 {
+    border-top-right-radius: var(--bs-border-radius-xxl) !important;
+    border-bottom-right-radius: var(--bs-border-radius-xxl) !important
+}
+
+.rounded-end-circle {
+    border-top-right-radius: 50% !important;
+    border-bottom-right-radius: 50% !important
+}
+
+.rounded-end-pill {
+    border-top-right-radius: var(--bs-border-radius-pill) !important;
+    border-bottom-right-radius: var(--bs-border-radius-pill) !important
+}
+
+.rounded-bottom {
+    border-bottom-right-radius: var(--bs-border-radius) !important;
+    border-bottom-left-radius: var(--bs-border-radius) !important
+}
+
+.rounded-bottom-0 {
+    border-bottom-right-radius: 0 !important;
+    border-bottom-left-radius: 0 !important
+}
+
+.rounded-bottom-1 {
+    border-bottom-right-radius: var(--bs-border-radius-sm) !important;
+    border-bottom-left-radius: var(--bs-border-radius-sm) !important
+}
+
+.rounded-bottom-2 {
+    border-bottom-right-radius: var(--bs-border-radius) !important;
+    border-bottom-left-radius: var(--bs-border-radius) !important
+}
+
+.rounded-bottom-3 {
+    border-bottom-right-radius: var(--bs-border-radius-lg) !important;
+    border-bottom-left-radius: var(--bs-border-radius-lg) !important
+}
+
+.rounded-bottom-4 {
+    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
+    border-bottom-left-radius: var(--bs-border-radius-xl) !important
+}
+
+.rounded-bottom-5 {
+    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
+    border-bottom-left-radius: var(--bs-border-radius-xxl) !important
+}
+
+.rounded-bottom-circle {
+    border-bottom-right-radius: 50% !important;
+    border-bottom-left-radius: 50% !important
+}
+
+.rounded-bottom-pill {
+    border-bottom-right-radius: var(--bs-border-radius-pill) !important;
+    border-bottom-left-radius: var(--bs-border-radius-pill) !important
+}
+
+.rounded-start {
+    border-bottom-left-radius: var(--bs-border-radius) !important;
+    border-top-left-radius: var(--bs-border-radius) !important
+}
+
+.rounded-start-0 {
+    border-bottom-left-radius: 0 !important;
+    border-top-left-radius: 0 !important
+}
+
+.rounded-start-1 {
+    border-bottom-left-radius: var(--bs-border-radius-sm) !important;
+    border-top-left-radius: var(--bs-border-radius-sm) !important
+}
+
+.rounded-start-2 {
+    border-bottom-left-radius: var(--bs-border-radius) !important;
+    border-top-left-radius: var(--bs-border-radius) !important
+}
+
+.rounded-start-3 {
+    border-bottom-left-radius: var(--bs-border-radius-lg) !important;
+    border-top-left-radius: var(--bs-border-radius-lg) !important
+}
+
+.rounded-start-4 {
+    border-bottom-left-radius: var(--bs-border-radius-xl) !important;
+    border-top-left-radius: var(--bs-border-radius-xl) !important
+}
+
+.rounded-start-5 {
+    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
+    border-top-left-radius: var(--bs-border-radius-xxl) !important
+}
+
+.rounded-start-circle {
+    border-bottom-left-radius: 50% !important;
+    border-top-left-radius: 50% !important
+}
+
+.rounded-start-pill {
+    border-bottom-left-radius: var(--bs-border-radius-pill) !important;
+    border-top-left-radius: var(--bs-border-radius-pill) !important
+}
+
+.visible {
+    visibility: visible !important
+}
+
+.invisible {
+    visibility: hidden !important
+}
+
+.z-n1 {
+    z-index: -1 !important
+}
+
+.z-0 {
+    z-index: 0 !important
+}
+
+.z-1 {
+    z-index: 1 !important
+}
+
+.z-2 {
+    z-index: 2 !important
+}
+
+.z-3 {
+    z-index: 3 !important
+}
+
+@media (min-width:576px) {
+    .float-sm-start {
+        float: left !important
+    }
+
+    .float-sm-end {
+        float: right !important
+    }
+
+    .float-sm-none {
+        float: none !important
+    }
+
+    .object-fit-sm-contain {
+        -o-object-fit: contain !important;
+        object-fit: contain !important
+    }
+
+    .object-fit-sm-cover {
+        -o-object-fit: cover !important;
+        object-fit: cover !important
+    }
+
+    .object-fit-sm-fill {
+        -o-object-fit: fill !important;
+        object-fit: fill !important
+    }
+
+    .object-fit-sm-scale {
+        -o-object-fit: scale-down !important;
+        object-fit: scale-down !important
+    }
+
+    .object-fit-sm-none {
+        -o-object-fit: none !important;
+        object-fit: none !important
+    }
+
+    .d-sm-inline {
+        display: inline !important
+    }
+
+    .d-sm-inline-block {
+        display: inline-block !important
+    }
+
+    .d-sm-block {
+        display: block !important
+    }
+
+    .d-sm-grid {
+        display: grid !important
+    }
+
+    .d-sm-inline-grid {
+        display: inline-grid !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: flex !important
+    }
+
+    .d-sm-inline-flex {
+        display: inline-flex !important
+    }
+
+    .d-sm-none {
+        display: none !important
+    }
+
+    .flex-sm-fill {
+        flex: 1 1 auto !important
+    }
+
+    .flex-sm-row {
+        flex-direction: row !important
+    }
+
+    .flex-sm-column {
+        flex-direction: column !important
+    }
+
+    .flex-sm-row-reverse {
+        flex-direction: row-reverse !important
+    }
+
+    .flex-sm-column-reverse {
+        flex-direction: column-reverse !important
+    }
+
+    .flex-sm-grow-0 {
+        flex-grow: 0 !important
+    }
+
+    .flex-sm-grow-1 {
+        flex-grow: 1 !important
+    }
+
+    .flex-sm-shrink-0 {
+        flex-shrink: 0 !important
+    }
+
+    .flex-sm-shrink-1 {
+        flex-shrink: 1 !important
+    }
+
+    .flex-sm-wrap {
+        flex-wrap: wrap !important
+    }
+
+    .flex-sm-nowrap {
+        flex-wrap: nowrap !important
+    }
+
+    .flex-sm-wrap-reverse {
+        flex-wrap: wrap-reverse !important
+    }
+
+    .justify-content-sm-start {
+        justify-content: flex-start !important
+    }
+
+    .justify-content-sm-end {
+        justify-content: flex-end !important
+    }
+
+    .justify-content-sm-center {
+        justify-content: center !important
+    }
+
+    .justify-content-sm-between {
+        justify-content: space-between !important
+    }
+
+    .justify-content-sm-around {
+        justify-content: space-around !important
+    }
+
+    .justify-content-sm-evenly {
+        justify-content: space-evenly !important
+    }
+
+    .align-items-sm-start {
+        align-items: flex-start !important
+    }
+
+    .align-items-sm-end {
+        align-items: flex-end !important
+    }
+
+    .align-items-sm-center {
+        align-items: center !important
+    }
+
+    .align-items-sm-baseline {
+        align-items: baseline !important
+    }
+
+    .align-items-sm-stretch {
+        align-items: stretch !important
+    }
+
+    .align-content-sm-start {
+        align-content: flex-start !important
+    }
+
+    .align-content-sm-end {
+        align-content: flex-end !important
+    }
+
+    .align-content-sm-center {
+        align-content: center !important
+    }
+
+    .align-content-sm-between {
+        align-content: space-between !important
+    }
+
+    .align-content-sm-around {
+        align-content: space-around !important
+    }
+
+    .align-content-sm-stretch {
+        align-content: stretch !important
+    }
+
+    .align-self-sm-auto {
+        align-self: auto !important
+    }
+
+    .align-self-sm-start {
+        align-self: flex-start !important
+    }
+
+    .align-self-sm-end {
+        align-self: flex-end !important
+    }
+
+    .align-self-sm-center {
+        align-self: center !important
+    }
+
+    .align-self-sm-baseline {
+        align-self: baseline !important
+    }
+
+    .align-self-sm-stretch {
+        align-self: stretch !important
+    }
+
+    .order-sm-first {
+        order: -1 !important
+    }
+
+    .order-sm-0 {
+        order: 0 !important
+    }
+
+    .order-sm-1 {
+        order: 1 !important
+    }
+
+    .order-sm-2 {
+        order: 2 !important
+    }
+
+    .order-sm-3 {
+        order: 3 !important
+    }
+
+    .order-sm-4 {
+        order: 4 !important
+    }
+
+    .order-sm-5 {
+        order: 5 !important
+    }
+
+    .order-sm-last {
+        order: 6 !important
+    }
+
+    .m-sm-0 {
+        margin: 0 !important
+    }
+
+    .m-sm-1 {
+        margin: .25rem !important
+    }
+
+    .m-sm-2 {
+        margin: .5rem !important
+    }
+
+    .m-sm-3 {
+        margin: 1rem !important
+    }
+
+    .m-sm-4 {
+        margin: 1.5rem !important
+    }
+
+    .m-sm-5 {
+        margin: 3rem !important
+    }
+
+    .m-sm-auto {
+        margin: auto !important
+    }
+
+    .mx-sm-0 {
+        margin-right: 0 !important;
+        margin-left: 0 !important
+    }
+
+    .mx-sm-1 {
+        margin-right: .25rem !important;
+        margin-left: .25rem !important
+    }
+
+    .mx-sm-2 {
+        margin-right: .5rem !important;
+        margin-left: .5rem !important
+    }
+
+    .mx-sm-3 {
+        margin-right: 1rem !important;
+        margin-left: 1rem !important
+    }
+
+    .mx-sm-4 {
+        margin-right: 1.5rem !important;
+        margin-left: 1.5rem !important
+    }
+
+    .mx-sm-5 {
+        margin-right: 3rem !important;
+        margin-left: 3rem !important
+    }
+
+    .mx-sm-auto {
+        margin-right: auto !important;
+        margin-left: auto !important
+    }
+
+    .my-sm-0 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important
+    }
+
+    .my-sm-1 {
+        margin-top: .25rem !important;
+        margin-bottom: .25rem !important
+    }
+
+    .my-sm-2 {
+        margin-top: .5rem !important;
+        margin-bottom: .5rem !important
+    }
+
+    .my-sm-3 {
+        margin-top: 1rem !important;
+        margin-bottom: 1rem !important
+    }
+
+    .my-sm-4 {
+        margin-top: 1.5rem !important;
+        margin-bottom: 1.5rem !important
+    }
+
+    .my-sm-5 {
+        margin-top: 3rem !important;
+        margin-bottom: 3rem !important
+    }
+
+    .my-sm-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important
+    }
+
+    .mt-sm-0 {
+        margin-top: 0 !important
+    }
+
+    .mt-sm-1 {
+        margin-top: .25rem !important
+    }
+
+    .mt-sm-2 {
+        margin-top: .5rem !important
+    }
+
+    .mt-sm-3 {
+        margin-top: 1rem !important
+    }
+
+    .mt-sm-4 {
+        margin-top: 1.5rem !important
+    }
+
+    .mt-sm-5 {
+        margin-top: 3rem !important
+    }
+
+    .mt-sm-auto {
+        margin-top: auto !important
+    }
+
+    .me-sm-0 {
+        margin-right: 0 !important
+    }
+
+    .me-sm-1 {
+        margin-right: .25rem !important
+    }
+
+    .me-sm-2 {
+        margin-right: .5rem !important
+    }
+
+    .me-sm-3 {
+        margin-right: 1rem !important
+    }
+
+    .me-sm-4 {
+        margin-right: 1.5rem !important
+    }
+
+    .me-sm-5 {
+        margin-right: 3rem !important
+    }
+
+    .me-sm-auto {
+        margin-right: auto !important
+    }
+
+    .mb-sm-0 {
+        margin-bottom: 0 !important
+    }
+
+    .mb-sm-1 {
+        margin-bottom: .25rem !important
+    }
+
+    .mb-sm-2 {
+        margin-bottom: .5rem !important
+    }
+
+    .mb-sm-3 {
+        margin-bottom: 1rem !important
+    }
+
+    .mb-sm-4 {
+        margin-bottom: 1.5rem !important
+    }
+
+    .mb-sm-5 {
+        margin-bottom: 3rem !important
+    }
+
+    .mb-sm-auto {
+        margin-bottom: auto !important
+    }
+
+    .ms-sm-0 {
+        margin-left: 0 !important
+    }
+
+    .ms-sm-1 {
+        margin-left: .25rem !important
+    }
+
+    .ms-sm-2 {
+        margin-left: .5rem !important
+    }
+
+    .ms-sm-3 {
+        margin-left: 1rem !important
+    }
+
+    .ms-sm-4 {
+        margin-left: 1.5rem !important
+    }
+
+    .ms-sm-5 {
+        margin-left: 3rem !important
+    }
+
+    .ms-sm-auto {
+        margin-left: auto !important
+    }
+
+    .p-sm-0 {
+        padding: 0 !important
+    }
+
+    .p-sm-1 {
+        padding: .25rem !important
+    }
+
+    .p-sm-2 {
+        padding: .5rem !important
+    }
+
+    .p-sm-3 {
+        padding: 1rem !important
+    }
+
+    .p-sm-4 {
+        padding: 1.5rem !important
+    }
+
+    .p-sm-5 {
+        padding: 3rem !important
+    }
+
+    .px-sm-0 {
+        padding-right: 0 !important;
+        padding-left: 0 !important
+    }
+
+    .px-sm-1 {
+        padding-right: .25rem !important;
+        padding-left: .25rem !important
+    }
+
+    .px-sm-2 {
+        padding-right: .5rem !important;
+        padding-left: .5rem !important
+    }
+
+    .px-sm-3 {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important
+    }
+
+    .px-sm-4 {
+        padding-right: 1.5rem !important;
+        padding-left: 1.5rem !important
+    }
+
+    .px-sm-5 {
+        padding-right: 3rem !important;
+        padding-left: 3rem !important
+    }
+
+    .py-sm-0 {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important
+    }
+
+    .py-sm-1 {
+        padding-top: .25rem !important;
+        padding-bottom: .25rem !important
+    }
+
+    .py-sm-2 {
+        padding-top: .5rem !important;
+        padding-bottom: .5rem !important
+    }
+
+    .py-sm-3 {
+        padding-top: 1rem !important;
+        padding-bottom: 1rem !important
+    }
+
+    .py-sm-4 {
+        padding-top: 1.5rem !important;
+        padding-bottom: 1.5rem !important
+    }
+
+    .py-sm-5 {
+        padding-top: 3rem !important;
+        padding-bottom: 3rem !important
+    }
+
+    .pt-sm-0 {
+        padding-top: 0 !important
+    }
+
+    .pt-sm-1 {
+        padding-top: .25rem !important
+    }
+
+    .pt-sm-2 {
+        padding-top: .5rem !important
+    }
+
+    .pt-sm-3 {
+        padding-top: 1rem !important
+    }
+
+    .pt-sm-4 {
+        padding-top: 1.5rem !important
+    }
+
+    .pt-sm-5 {
+        padding-top: 3rem !important
+    }
+
+    .pe-sm-0 {
+        padding-right: 0 !important
+    }
+
+    .pe-sm-1 {
+        padding-right: .25rem !important
+    }
+
+    .pe-sm-2 {
+        padding-right: .5rem !important
+    }
+
+    .pe-sm-3 {
+        padding-right: 1rem !important
+    }
+
+    .pe-sm-4 {
+        padding-right: 1.5rem !important
+    }
+
+    .pe-sm-5 {
+        padding-right: 3rem !important
+    }
+
+    .pb-sm-0 {
+        padding-bottom: 0 !important
+    }
+
+    .pb-sm-1 {
+        padding-bottom: .25rem !important
+    }
+
+    .pb-sm-2 {
+        padding-bottom: .5rem !important
+    }
+
+    .pb-sm-3 {
+        padding-bottom: 1rem !important
+    }
+
+    .pb-sm-4 {
+        padding-bottom: 1.5rem !important
+    }
+
+    .pb-sm-5 {
+        padding-bottom: 3rem !important
+    }
+
+    .ps-sm-0 {
+        padding-left: 0 !important
+    }
+
+    .ps-sm-1 {
+        padding-left: .25rem !important
+    }
+
+    .ps-sm-2 {
+        padding-left: .5rem !important
+    }
+
+    .ps-sm-3 {
+        padding-left: 1rem !important
+    }
+
+    .ps-sm-4 {
+        padding-left: 1.5rem !important
+    }
+
+    .ps-sm-5 {
+        padding-left: 3rem !important
+    }
+
+    .gap-sm-0 {
+        gap: 0 !important
+    }
+
+    .gap-sm-1 {
+        gap: .25rem !important
+    }
+
+    .gap-sm-2 {
+        gap: .5rem !important
+    }
+
+    .gap-sm-3 {
+        gap: 1rem !important
+    }
+
+    .gap-sm-4 {
+        gap: 1.5rem !important
+    }
+
+    .gap-sm-5 {
+        gap: 3rem !important
+    }
+
+    .row-gap-sm-0 {
+        row-gap: 0 !important
+    }
+
+    .row-gap-sm-1 {
+        row-gap: .25rem !important
+    }
+
+    .row-gap-sm-2 {
+        row-gap: .5rem !important
+    }
+
+    .row-gap-sm-3 {
+        row-gap: 1rem !important
+    }
+
+    .row-gap-sm-4 {
+        row-gap: 1.5rem !important
+    }
+
+    .row-gap-sm-5 {
+        row-gap: 3rem !important
+    }
+
+    .column-gap-sm-0 {
+        -moz-column-gap: 0 !important;
+        column-gap: 0 !important
+    }
+
+    .column-gap-sm-1 {
+        -moz-column-gap: 0.25rem !important;
+        column-gap: .25rem !important
+    }
+
+    .column-gap-sm-2 {
+        -moz-column-gap: 0.5rem !important;
+        column-gap: .5rem !important
+    }
+
+    .column-gap-sm-3 {
+        -moz-column-gap: 1rem !important;
+        column-gap: 1rem !important
+    }
+
+    .column-gap-sm-4 {
+        -moz-column-gap: 1.5rem !important;
+        column-gap: 1.5rem !important
+    }
+
+    .column-gap-sm-5 {
+        -moz-column-gap: 3rem !important;
+        column-gap: 3rem !important
+    }
+
+    .text-sm-start {
+        text-align: left !important
+    }
+
+    .text-sm-end {
+        text-align: right !important
+    }
+
+    .text-sm-center {
+        text-align: center !important
+    }
+}
+
+@media (min-width:768px) {
+    .float-md-start {
+        float: left !important
+    }
+
+    .float-md-end {
+        float: right !important
+    }
+
+    .float-md-none {
+        float: none !important
+    }
+
+    .object-fit-md-contain {
+        -o-object-fit: contain !important;
+        object-fit: contain !important
+    }
+
+    .object-fit-md-cover {
+        -o-object-fit: cover !important;
+        object-fit: cover !important
+    }
+
+    .object-fit-md-fill {
+        -o-object-fit: fill !important;
+        object-fit: fill !important
+    }
+
+    .object-fit-md-scale {
+        -o-object-fit: scale-down !important;
+        object-fit: scale-down !important
+    }
+
+    .object-fit-md-none {
+        -o-object-fit: none !important;
+        object-fit: none !important
+    }
+
+    .d-md-inline {
+        display: inline !important
+    }
+
+    .d-md-inline-block {
+        display: inline-block !important
+    }
+
+    .d-md-block {
+        display: block !important
+    }
+
+    .d-md-grid {
+        display: grid !important
+    }
+
+    .d-md-inline-grid {
+        display: inline-grid !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: flex !important
+    }
+
+    .d-md-inline-flex {
+        display: inline-flex !important
+    }
+
+    .d-md-none {
+        display: none !important
+    }
+
+    .flex-md-fill {
+        flex: 1 1 auto !important
+    }
+
+    .flex-md-row {
+        flex-direction: row !important
+    }
+
+    .flex-md-column {
+        flex-direction: column !important
+    }
+
+    .flex-md-row-reverse {
+        flex-direction: row-reverse !important
+    }
+
+    .flex-md-column-reverse {
+        flex-direction: column-reverse !important
+    }
+
+    .flex-md-grow-0 {
+        flex-grow: 0 !important
+    }
+
+    .flex-md-grow-1 {
+        flex-grow: 1 !important
+    }
+
+    .flex-md-shrink-0 {
+        flex-shrink: 0 !important
+    }
+
+    .flex-md-shrink-1 {
+        flex-shrink: 1 !important
+    }
+
+    .flex-md-wrap {
+        flex-wrap: wrap !important
+    }
+
+    .flex-md-nowrap {
+        flex-wrap: nowrap !important
+    }
+
+    .flex-md-wrap-reverse {
+        flex-wrap: wrap-reverse !important
+    }
+
+    .justify-content-md-start {
+        justify-content: flex-start !important
+    }
+
+    .justify-content-md-end {
+        justify-content: flex-end !important
+    }
+
+    .justify-content-md-center {
+        justify-content: center !important
+    }
+
+    .justify-content-md-between {
+        justify-content: space-between !important
+    }
+
+    .justify-content-md-around {
+        justify-content: space-around !important
+    }
+
+    .justify-content-md-evenly {
+        justify-content: space-evenly !important
+    }
+
+    .align-items-md-start {
+        align-items: flex-start !important
+    }
+
+    .align-items-md-end {
+        align-items: flex-end !important
+    }
+
+    .align-items-md-center {
+        align-items: center !important
+    }
+
+    .align-items-md-baseline {
+        align-items: baseline !important
+    }
+
+    .align-items-md-stretch {
+        align-items: stretch !important
+    }
+
+    .align-content-md-start {
+        align-content: flex-start !important
+    }
+
+    .align-content-md-end {
+        align-content: flex-end !important
+    }
+
+    .align-content-md-center {
+        align-content: center !important
+    }
+
+    .align-content-md-between {
+        align-content: space-between !important
+    }
+
+    .align-content-md-around {
+        align-content: space-around !important
+    }
+
+    .align-content-md-stretch {
+        align-content: stretch !important
+    }
+
+    .align-self-md-auto {
+        align-self: auto !important
+    }
+
+    .align-self-md-start {
+        align-self: flex-start !important
+    }
+
+    .align-self-md-end {
+        align-self: flex-end !important
+    }
+
+    .align-self-md-center {
+        align-self: center !important
+    }
+
+    .align-self-md-baseline {
+        align-self: baseline !important
+    }
+
+    .align-self-md-stretch {
+        align-self: stretch !important
+    }
+
+    .order-md-first {
+        order: -1 !important
+    }
+
+    .order-md-0 {
+        order: 0 !important
+    }
+
+    .order-md-1 {
+        order: 1 !important
+    }
+
+    .order-md-2 {
+        order: 2 !important
+    }
+
+    .order-md-3 {
+        order: 3 !important
+    }
+
+    .order-md-4 {
+        order: 4 !important
+    }
+
+    .order-md-5 {
+        order: 5 !important
+    }
+
+    .order-md-last {
+        order: 6 !important
+    }
+
+    .m-md-0 {
+        margin: 0 !important
+    }
+
+    .m-md-1 {
+        margin: .25rem !important
+    }
+
+    .m-md-2 {
+        margin: .5rem !important
+    }
+
+    .m-md-3 {
+        margin: 1rem !important
+    }
+
+    .m-md-4 {
+        margin: 1.5rem !important
+    }
+
+    .m-md-5 {
+        margin: 3rem !important
+    }
+
+    .m-md-auto {
+        margin: auto !important
+    }
+
+    .mx-md-0 {
+        margin-right: 0 !important;
+        margin-left: 0 !important
+    }
+
+    .mx-md-1 {
+        margin-right: .25rem !important;
+        margin-left: .25rem !important
+    }
+
+    .mx-md-2 {
+        margin-right: .5rem !important;
+        margin-left: .5rem !important
+    }
+
+    .mx-md-3 {
+        margin-right: 1rem !important;
+        margin-left: 1rem !important
+    }
+
+    .mx-md-4 {
+        margin-right: 1.5rem !important;
+        margin-left: 1.5rem !important
+    }
+
+    .mx-md-5 {
+        margin-right: 3rem !important;
+        margin-left: 3rem !important
+    }
+
+    .mx-md-auto {
+        margin-right: auto !important;
+        margin-left: auto !important
+    }
+
+    .my-md-0 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important
+    }
+
+    .my-md-1 {
+        margin-top: .25rem !important;
+        margin-bottom: .25rem !important
+    }
+
+    .my-md-2 {
+        margin-top: .5rem !important;
+        margin-bottom: .5rem !important
+    }
+
+    .my-md-3 {
+        margin-top: 1rem !important;
+        margin-bottom: 1rem !important
+    }
+
+    .my-md-4 {
+        margin-top: 1.5rem !important;
+        margin-bottom: 1.5rem !important
+    }
+
+    .my-md-5 {
+        margin-top: 3rem !important;
+        margin-bottom: 3rem !important
+    }
+
+    .my-md-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important
+    }
+
+    .mt-md-0 {
+        margin-top: 0 !important
+    }
+
+    .mt-md-1 {
+        margin-top: .25rem !important
+    }
+
+    .mt-md-2 {
+        margin-top: .5rem !important
+    }
+
+    .mt-md-3 {
+        margin-top: 1rem !important
+    }
+
+    .mt-md-4 {
+        margin-top: 1.5rem !important
+    }
+
+    .mt-md-5 {
+        margin-top: 3rem !important
+    }
+
+    .mt-md-auto {
+        margin-top: auto !important
+    }
+
+    .me-md-0 {
+        margin-right: 0 !important
+    }
+
+    .me-md-1 {
+        margin-right: .25rem !important
+    }
+
+    .me-md-2 {
+        margin-right: .5rem !important
+    }
+
+    .me-md-3 {
+        margin-right: 1rem !important
+    }
+
+    .me-md-4 {
+        margin-right: 1.5rem !important
+    }
+
+    .me-md-5 {
+        margin-right: 3rem !important
+    }
+
+    .me-md-auto {
+        margin-right: auto !important
+    }
+
+    .mb-md-0 {
+        margin-bottom: 0 !important
+    }
+
+    .mb-md-1 {
+        margin-bottom: .25rem !important
+    }
+
+    .mb-md-2 {
+        margin-bottom: .5rem !important
+    }
+
+    .mb-md-3 {
+        margin-bottom: 1rem !important
+    }
+
+    .mb-md-4 {
+        margin-bottom: 1.5rem !important
+    }
+
+    .mb-md-5 {
+        margin-bottom: 3rem !important
+    }
+
+    .mb-md-auto {
+        margin-bottom: auto !important
+    }
+
+    .ms-md-0 {
+        margin-left: 0 !important
+    }
+
+    .ms-md-1 {
+        margin-left: .25rem !important
+    }
+
+    .ms-md-2 {
+        margin-left: .5rem !important
+    }
+
+    .ms-md-3 {
+        margin-left: 1rem !important
+    }
+
+    .ms-md-4 {
+        margin-left: 1.5rem !important
+    }
+
+    .ms-md-5 {
+        margin-left: 3rem !important
+    }
+
+    .ms-md-auto {
+        margin-left: auto !important
+    }
+
+    .p-md-0 {
+        padding: 0 !important
+    }
+
+    .p-md-1 {
+        padding: .25rem !important
+    }
+
+    .p-md-2 {
+        padding: .5rem !important
+    }
+
+    .p-md-3 {
+        padding: 1rem !important
+    }
+
+    .p-md-4 {
+        padding: 1.5rem !important
+    }
+
+    .p-md-5 {
+        padding: 3rem !important
+    }
+
+    .px-md-0 {
+        padding-right: 0 !important;
+        padding-left: 0 !important
+    }
+
+    .px-md-1 {
+        padding-right: .25rem !important;
+        padding-left: .25rem !important
+    }
+
+    .px-md-2 {
+        padding-right: .5rem !important;
+        padding-left: .5rem !important
+    }
+
+    .px-md-3 {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important
+    }
+
+    .px-md-4 {
+        padding-right: 1.5rem !important;
+        padding-left: 1.5rem !important
+    }
+
+    .px-md-5 {
+        padding-right: 3rem !important;
+        padding-left: 3rem !important
+    }
+
+    .py-md-0 {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important
+    }
+
+    .py-md-1 {
+        padding-top: .25rem !important;
+        padding-bottom: .25rem !important
+    }
+
+    .py-md-2 {
+        padding-top: .5rem !important;
+        padding-bottom: .5rem !important
+    }
+
+    .py-md-3 {
+        padding-top: 1rem !important;
+        padding-bottom: 1rem !important
+    }
+
+    .py-md-4 {
+        padding-top: 1.5rem !important;
+        padding-bottom: 1.5rem !important
+    }
+
+    .py-md-5 {
+        padding-top: 3rem !important;
+        padding-bottom: 3rem !important
+    }
+
+    .pt-md-0 {
+        padding-top: 0 !important
+    }
+
+    .pt-md-1 {
+        padding-top: .25rem !important
+    }
+
+    .pt-md-2 {
+        padding-top: .5rem !important
+    }
+
+    .pt-md-3 {
+        padding-top: 1rem !important
+    }
+
+    .pt-md-4 {
+        padding-top: 1.5rem !important
+    }
+
+    .pt-md-5 {
+        padding-top: 3rem !important
+    }
+
+    .pe-md-0 {
+        padding-right: 0 !important
+    }
+
+    .pe-md-1 {
+        padding-right: .25rem !important
+    }
+
+    .pe-md-2 {
+        padding-right: .5rem !important
+    }
+
+    .pe-md-3 {
+        padding-right: 1rem !important
+    }
+
+    .pe-md-4 {
+        padding-right: 1.5rem !important
+    }
+
+    .pe-md-5 {
+        padding-right: 3rem !important
+    }
+
+    .pb-md-0 {
+        padding-bottom: 0 !important
+    }
+
+    .pb-md-1 {
+        padding-bottom: .25rem !important
+    }
+
+    .pb-md-2 {
+        padding-bottom: .5rem !important
+    }
+
+    .pb-md-3 {
+        padding-bottom: 1rem !important
+    }
+
+    .pb-md-4 {
+        padding-bottom: 1.5rem !important
+    }
+
+    .pb-md-5 {
+        padding-bottom: 3rem !important
+    }
+
+    .ps-md-0 {
+        padding-left: 0 !important
+    }
+
+    .ps-md-1 {
+        padding-left: .25rem !important
+    }
+
+    .ps-md-2 {
+        padding-left: .5rem !important
+    }
+
+    .ps-md-3 {
+        padding-left: 1rem !important
+    }
+
+    .ps-md-4 {
+        padding-left: 1.5rem !important
+    }
+
+    .ps-md-5 {
+        padding-left: 3rem !important
+    }
+
+    .gap-md-0 {
+        gap: 0 !important
+    }
+
+    .gap-md-1 {
+        gap: .25rem !important
+    }
+
+    .gap-md-2 {
+        gap: .5rem !important
+    }
+
+    .gap-md-3 {
+        gap: 1rem !important
+    }
+
+    .gap-md-4 {
+        gap: 1.5rem !important
+    }
+
+    .gap-md-5 {
+        gap: 3rem !important
+    }
+
+    .row-gap-md-0 {
+        row-gap: 0 !important
+    }
+
+    .row-gap-md-1 {
+        row-gap: .25rem !important
+    }
+
+    .row-gap-md-2 {
+        row-gap: .5rem !important
+    }
+
+    .row-gap-md-3 {
+        row-gap: 1rem !important
+    }
+
+    .row-gap-md-4 {
+        row-gap: 1.5rem !important
+    }
+
+    .row-gap-md-5 {
+        row-gap: 3rem !important
+    }
+
+    .column-gap-md-0 {
+        -moz-column-gap: 0 !important;
+        column-gap: 0 !important
+    }
+
+    .column-gap-md-1 {
+        -moz-column-gap: 0.25rem !important;
+        column-gap: .25rem !important
+    }
+
+    .column-gap-md-2 {
+        -moz-column-gap: 0.5rem !important;
+        column-gap: .5rem !important
+    }
+
+    .column-gap-md-3 {
+        -moz-column-gap: 1rem !important;
+        column-gap: 1rem !important
+    }
+
+    .column-gap-md-4 {
+        -moz-column-gap: 1.5rem !important;
+        column-gap: 1.5rem !important
+    }
+
+    .column-gap-md-5 {
+        -moz-column-gap: 3rem !important;
+        column-gap: 3rem !important
+    }
+
+    .text-md-start {
+        text-align: left !important
+    }
+
+    .text-md-end {
+        text-align: right !important
+    }
+
+    .text-md-center {
+        text-align: center !important
+    }
+}
+
+@media (min-width:992px) {
+    .float-lg-start {
+        float: left !important
+    }
+
+    .float-lg-end {
+        float: right !important
+    }
+
+    .float-lg-none {
+        float: none !important
+    }
+
+    .object-fit-lg-contain {
+        -o-object-fit: contain !important;
+        object-fit: contain !important
+    }
+
+    .object-fit-lg-cover {
+        -o-object-fit: cover !important;
+        object-fit: cover !important
+    }
+
+    .object-fit-lg-fill {
+        -o-object-fit: fill !important;
+        object-fit: fill !important
+    }
+
+    .object-fit-lg-scale {
+        -o-object-fit: scale-down !important;
+        object-fit: scale-down !important
+    }
+
+    .object-fit-lg-none {
+        -o-object-fit: none !important;
+        object-fit: none !important
+    }
+
+    .d-lg-inline {
+        display: inline !important
+    }
+
+    .d-lg-inline-block {
+        display: inline-block !important
+    }
+
+    .d-lg-block {
+        display: block !important
+    }
+
+    .d-lg-grid {
+        display: grid !important
+    }
+
+    .d-lg-inline-grid {
+        display: inline-grid !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: flex !important
+    }
+
+    .d-lg-inline-flex {
+        display: inline-flex !important
+    }
+
+    .d-lg-none {
+        display: none !important
+    }
+
+    .flex-lg-fill {
+        flex: 1 1 auto !important
+    }
+
+    .flex-lg-row {
+        flex-direction: row !important
+    }
+
+    .flex-lg-column {
+        flex-direction: column !important
+    }
+
+    .flex-lg-row-reverse {
+        flex-direction: row-reverse !important
+    }
+
+    .flex-lg-column-reverse {
+        flex-direction: column-reverse !important
+    }
+
+    .flex-lg-grow-0 {
+        flex-grow: 0 !important
+    }
+
+    .flex-lg-grow-1 {
+        flex-grow: 1 !important
+    }
+
+    .flex-lg-shrink-0 {
+        flex-shrink: 0 !important
+    }
+
+    .flex-lg-shrink-1 {
+        flex-shrink: 1 !important
+    }
+
+    .flex-lg-wrap {
+        flex-wrap: wrap !important
+    }
+
+    .flex-lg-nowrap {
+        flex-wrap: nowrap !important
+    }
+
+    .flex-lg-wrap-reverse {
+        flex-wrap: wrap-reverse !important
+    }
+
+    .justify-content-lg-start {
+        justify-content: flex-start !important
+    }
+
+    .justify-content-lg-end {
+        justify-content: flex-end !important
+    }
+
+    .justify-content-lg-center {
+        justify-content: center !important
+    }
+
+    .justify-content-lg-between {
+        justify-content: space-between !important
+    }
+
+    .justify-content-lg-around {
+        justify-content: space-around !important
+    }
+
+    .justify-content-lg-evenly {
+        justify-content: space-evenly !important
+    }
+
+    .align-items-lg-start {
+        align-items: flex-start !important
+    }
+
+    .align-items-lg-end {
+        align-items: flex-end !important
+    }
+
+    .align-items-lg-center {
+        align-items: center !important
+    }
+
+    .align-items-lg-baseline {
+        align-items: baseline !important
+    }
+
+    .align-items-lg-stretch {
+        align-items: stretch !important
+    }
+
+    .align-content-lg-start {
+        align-content: flex-start !important
+    }
+
+    .align-content-lg-end {
+        align-content: flex-end !important
+    }
+
+    .align-content-lg-center {
+        align-content: center !important
+    }
+
+    .align-content-lg-between {
+        align-content: space-between !important
+    }
+
+    .align-content-lg-around {
+        align-content: space-around !important
+    }
+
+    .align-content-lg-stretch {
+        align-content: stretch !important
+    }
+
+    .align-self-lg-auto {
+        align-self: auto !important
+    }
+
+    .align-self-lg-start {
+        align-self: flex-start !important
+    }
+
+    .align-self-lg-end {
+        align-self: flex-end !important
+    }
+
+    .align-self-lg-center {
+        align-self: center !important
+    }
+
+    .align-self-lg-baseline {
+        align-self: baseline !important
+    }
+
+    .align-self-lg-stretch {
+        align-self: stretch !important
+    }
+
+    .order-lg-first {
+        order: -1 !important
+    }
+
+    .order-lg-0 {
+        order: 0 !important
+    }
+
+    .order-lg-1 {
+        order: 1 !important
+    }
+
+    .order-lg-2 {
+        order: 2 !important
+    }
+
+    .order-lg-3 {
+        order: 3 !important
+    }
+
+    .order-lg-4 {
+        order: 4 !important
+    }
+
+    .order-lg-5 {
+        order: 5 !important
+    }
+
+    .order-lg-last {
+        order: 6 !important
+    }
+
+    .m-lg-0 {
+        margin: 0 !important
+    }
+
+    .m-lg-1 {
+        margin: .25rem !important
+    }
+
+    .m-lg-2 {
+        margin: .5rem !important
+    }
+
+    .m-lg-3 {
+        margin: 1rem !important
+    }
+
+    .m-lg-4 {
+        margin: 1.5rem !important
+    }
+
+    .m-lg-5 {
+        margin: 3rem !important
+    }
+
+    .m-lg-auto {
+        margin: auto !important
+    }
+
+    .mx-lg-0 {
+        margin-right: 0 !important;
+        margin-left: 0 !important
+    }
+
+    .mx-lg-1 {
+        margin-right: .25rem !important;
+        margin-left: .25rem !important
+    }
+
+    .mx-lg-2 {
+        margin-right: .5rem !important;
+        margin-left: .5rem !important
+    }
+
+    .mx-lg-3 {
+        margin-right: 1rem !important;
+        margin-left: 1rem !important
+    }
+
+    .mx-lg-4 {
+        margin-right: 1.5rem !important;
+        margin-left: 1.5rem !important
+    }
+
+    .mx-lg-5 {
+        margin-right: 3rem !important;
+        margin-left: 3rem !important
+    }
+
+    .mx-lg-auto {
+        margin-right: auto !important;
+        margin-left: auto !important
+    }
+
+    .my-lg-0 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important
+    }
+
+    .my-lg-1 {
+        margin-top: .25rem !important;
+        margin-bottom: .25rem !important
+    }
+
+    .my-lg-2 {
+        margin-top: .5rem !important;
+        margin-bottom: .5rem !important
+    }
+
+    .my-lg-3 {
+        margin-top: 1rem !important;
+        margin-bottom: 1rem !important
+    }
+
+    .my-lg-4 {
+        margin-top: 1.5rem !important;
+        margin-bottom: 1.5rem !important
+    }
+
+    .my-lg-5 {
+        margin-top: 3rem !important;
+        margin-bottom: 3rem !important
+    }
+
+    .my-lg-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important
+    }
+
+    .mt-lg-0 {
+        margin-top: 0 !important
+    }
+
+    .mt-lg-1 {
+        margin-top: .25rem !important
+    }
+
+    .mt-lg-2 {
+        margin-top: .5rem !important
+    }
+
+    .mt-lg-3 {
+        margin-top: 1rem !important
+    }
+
+    .mt-lg-4 {
+        margin-top: 1.5rem !important
+    }
+
+    .mt-lg-5 {
+        margin-top: 3rem !important
+    }
+
+    .mt-lg-auto {
+        margin-top: auto !important
+    }
+
+    .me-lg-0 {
+        margin-right: 0 !important
+    }
+
+    .me-lg-1 {
+        margin-right: .25rem !important
+    }
+
+    .me-lg-2 {
+        margin-right: .5rem !important
+    }
+
+    .me-lg-3 {
+        margin-right: 1rem !important
+    }
+
+    .me-lg-4 {
+        margin-right: 1.5rem !important
+    }
+
+    .me-lg-5 {
+        margin-right: 3rem !important
+    }
+
+    .me-lg-auto {
+        margin-right: auto !important
+    }
+
+    .mb-lg-0 {
+        margin-bottom: 0 !important
+    }
+
+    .mb-lg-1 {
+        margin-bottom: .25rem !important
+    }
+
+    .mb-lg-2 {
+        margin-bottom: .5rem !important
+    }
+
+    .mb-lg-3 {
+        margin-bottom: 1rem !important
+    }
+
+    .mb-lg-4 {
+        margin-bottom: 1.5rem !important
+    }
+
+    .mb-lg-5 {
+        margin-bottom: 3rem !important
+    }
+
+    .mb-lg-auto {
+        margin-bottom: auto !important
+    }
+
+    .ms-lg-0 {
+        margin-left: 0 !important
+    }
+
+    .ms-lg-1 {
+        margin-left: .25rem !important
+    }
+
+    .ms-lg-2 {
+        margin-left: .5rem !important
+    }
+
+    .ms-lg-3 {
+        margin-left: 1rem !important
+    }
+
+    .ms-lg-4 {
+        margin-left: 1.5rem !important
+    }
+
+    .ms-lg-5 {
+        margin-left: 3rem !important
+    }
+
+    .ms-lg-auto {
+        margin-left: auto !important
+    }
+
+    .p-lg-0 {
+        padding: 0 !important
+    }
+
+    .p-lg-1 {
+        padding: .25rem !important
+    }
+
+    .p-lg-2 {
+        padding: .5rem !important
+    }
+
+    .p-lg-3 {
+        padding: 1rem !important
+    }
+
+    .p-lg-4 {
+        padding: 1.5rem !important
+    }
+
+    .p-lg-5 {
+        padding: 3rem !important
+    }
+
+    .px-lg-0 {
+        padding-right: 0 !important;
+        padding-left: 0 !important
+    }
+
+    .px-lg-1 {
+        padding-right: .25rem !important;
+        padding-left: .25rem !important
+    }
+
+    .px-lg-2 {
+        padding-right: .5rem !important;
+        padding-left: .5rem !important
+    }
+
+    .px-lg-3 {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important
+    }
+
+    .px-lg-4 {
+        padding-right: 1.5rem !important;
+        padding-left: 1.5rem !important
+    }
+
+    .px-lg-5 {
+        padding-right: 3rem !important;
+        padding-left: 3rem !important
+    }
+
+    .py-lg-0 {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important
+    }
+
+    .py-lg-1 {
+        padding-top: .25rem !important;
+        padding-bottom: .25rem !important
+    }
+
+    .py-lg-2 {
+        padding-top: .5rem !important;
+        padding-bottom: .5rem !important
+    }
+
+    .py-lg-3 {
+        padding-top: 1rem !important;
+        padding-bottom: 1rem !important
+    }
+
+    .py-lg-4 {
+        padding-top: 1.5rem !important;
+        padding-bottom: 1.5rem !important
+    }
+
+    .py-lg-5 {
+        padding-top: 3rem !important;
+        padding-bottom: 3rem !important
+    }
+
+    .pt-lg-0 {
+        padding-top: 0 !important
+    }
+
+    .pt-lg-1 {
+        padding-top: .25rem !important
+    }
+
+    .pt-lg-2 {
+        padding-top: .5rem !important
+    }
+
+    .pt-lg-3 {
+        padding-top: 1rem !important
+    }
+
+    .pt-lg-4 {
+        padding-top: 1.5rem !important
+    }
+
+    .pt-lg-5 {
+        padding-top: 3rem !important
+    }
+
+    .pe-lg-0 {
+        padding-right: 0 !important
+    }
+
+    .pe-lg-1 {
+        padding-right: .25rem !important
+    }
+
+    .pe-lg-2 {
+        padding-right: .5rem !important
+    }
+
+    .pe-lg-3 {
+        padding-right: 1rem !important
+    }
+
+    .pe-lg-4 {
+        padding-right: 1.5rem !important
+    }
+
+    .pe-lg-5 {
+        padding-right: 3rem !important
+    }
+
+    .pb-lg-0 {
+        padding-bottom: 0 !important
+    }
+
+    .pb-lg-1 {
+        padding-bottom: .25rem !important
+    }
+
+    .pb-lg-2 {
+        padding-bottom: .5rem !important
+    }
+
+    .pb-lg-3 {
+        padding-bottom: 1rem !important
+    }
+
+    .pb-lg-4 {
+        padding-bottom: 1.5rem !important
+    }
+
+    .pb-lg-5 {
+        padding-bottom: 3rem !important
+    }
+
+    .ps-lg-0 {
+        padding-left: 0 !important
+    }
+
+    .ps-lg-1 {
+        padding-left: .25rem !important
+    }
+
+    .ps-lg-2 {
+        padding-left: .5rem !important
+    }
+
+    .ps-lg-3 {
+        padding-left: 1rem !important
+    }
+
+    .ps-lg-4 {
+        padding-left: 1.5rem !important
+    }
+
+    .ps-lg-5 {
+        padding-left: 3rem !important
+    }
+
+    .gap-lg-0 {
+        gap: 0 !important
+    }
+
+    .gap-lg-1 {
+        gap: .25rem !important
+    }
+
+    .gap-lg-2 {
+        gap: .5rem !important
+    }
+
+    .gap-lg-3 {
+        gap: 1rem !important
+    }
+
+    .gap-lg-4 {
+        gap: 1.5rem !important
+    }
+
+    .gap-lg-5 {
+        gap: 3rem !important
+    }
+
+    .row-gap-lg-0 {
+        row-gap: 0 !important
+    }
+
+    .row-gap-lg-1 {
+        row-gap: .25rem !important
+    }
+
+    .row-gap-lg-2 {
+        row-gap: .5rem !important
+    }
+
+    .row-gap-lg-3 {
+        row-gap: 1rem !important
+    }
+
+    .row-gap-lg-4 {
+        row-gap: 1.5rem !important
+    }
+
+    .row-gap-lg-5 {
+        row-gap: 3rem !important
+    }
+
+    .column-gap-lg-0 {
+        -moz-column-gap: 0 !important;
+        column-gap: 0 !important
+    }
+
+    .column-gap-lg-1 {
+        -moz-column-gap: 0.25rem !important;
+        column-gap: .25rem !important
+    }
+
+    .column-gap-lg-2 {
+        -moz-column-gap: 0.5rem !important;
+        column-gap: .5rem !important
+    }
+
+    .column-gap-lg-3 {
+        -moz-column-gap: 1rem !important;
+        column-gap: 1rem !important
+    }
+
+    .column-gap-lg-4 {
+        -moz-column-gap: 1.5rem !important;
+        column-gap: 1.5rem !important
+    }
+
+    .column-gap-lg-5 {
+        -moz-column-gap: 3rem !important;
+        column-gap: 3rem !important
+    }
+
+    .text-lg-start {
+        text-align: left !important
+    }
+
+    .text-lg-end {
+        text-align: right !important
+    }
+
+    .text-lg-center {
+        text-align: center !important
+    }
+}
+
+@media (min-width:1200px) {
+    .float-xl-start {
+        float: left !important
+    }
+
+    .float-xl-end {
+        float: right !important
+    }
+
+    .float-xl-none {
+        float: none !important
+    }
+
+    .object-fit-xl-contain {
+        -o-object-fit: contain !important;
+        object-fit: contain !important
+    }
+
+    .object-fit-xl-cover {
+        -o-object-fit: cover !important;
+        object-fit: cover !important
+    }
+
+    .object-fit-xl-fill {
+        -o-object-fit: fill !important;
+        object-fit: fill !important
+    }
+
+    .object-fit-xl-scale {
+        -o-object-fit: scale-down !important;
+        object-fit: scale-down !important
+    }
+
+    .object-fit-xl-none {
+        -o-object-fit: none !important;
+        object-fit: none !important
+    }
+
+    .d-xl-inline {
+        display: inline !important
+    }
+
+    .d-xl-inline-block {
+        display: inline-block !important
+    }
+
+    .d-xl-block {
+        display: block !important
+    }
+
+    .d-xl-grid {
+        display: grid !important
+    }
+
+    .d-xl-inline-grid {
+        display: inline-grid !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: flex !important
+    }
+
+    .d-xl-inline-flex {
+        display: inline-flex !important
+    }
+
+    .d-xl-none {
+        display: none !important
+    }
+
+    .flex-xl-fill {
+        flex: 1 1 auto !important
+    }
+
+    .flex-xl-row {
+        flex-direction: row !important
+    }
+
+    .flex-xl-column {
+        flex-direction: column !important
+    }
+
+    .flex-xl-row-reverse {
+        flex-direction: row-reverse !important
+    }
+
+    .flex-xl-column-reverse {
+        flex-direction: column-reverse !important
+    }
+
+    .flex-xl-grow-0 {
+        flex-grow: 0 !important
+    }
+
+    .flex-xl-grow-1 {
+        flex-grow: 1 !important
+    }
+
+    .flex-xl-shrink-0 {
+        flex-shrink: 0 !important
+    }
+
+    .flex-xl-shrink-1 {
+        flex-shrink: 1 !important
+    }
+
+    .flex-xl-wrap {
+        flex-wrap: wrap !important
+    }
+
+    .flex-xl-nowrap {
+        flex-wrap: nowrap !important
+    }
+
+    .flex-xl-wrap-reverse {
+        flex-wrap: wrap-reverse !important
+    }
+
+    .justify-content-xl-start {
+        justify-content: flex-start !important
+    }
+
+    .justify-content-xl-end {
+        justify-content: flex-end !important
+    }
+
+    .justify-content-xl-center {
+        justify-content: center !important
+    }
+
+    .justify-content-xl-between {
+        justify-content: space-between !important
+    }
+
+    .justify-content-xl-around {
+        justify-content: space-around !important
+    }
+
+    .justify-content-xl-evenly {
+        justify-content: space-evenly !important
+    }
+
+    .align-items-xl-start {
+        align-items: flex-start !important
+    }
+
+    .align-items-xl-end {
+        align-items: flex-end !important
+    }
+
+    .align-items-xl-center {
+        align-items: center !important
+    }
+
+    .align-items-xl-baseline {
+        align-items: baseline !important
+    }
+
+    .align-items-xl-stretch {
+        align-items: stretch !important
+    }
+
+    .align-content-xl-start {
+        align-content: flex-start !important
+    }
+
+    .align-content-xl-end {
+        align-content: flex-end !important
+    }
+
+    .align-content-xl-center {
+        align-content: center !important
+    }
+
+    .align-content-xl-between {
+        align-content: space-between !important
+    }
+
+    .align-content-xl-around {
+        align-content: space-around !important
+    }
+
+    .align-content-xl-stretch {
+        align-content: stretch !important
+    }
+
+    .align-self-xl-auto {
+        align-self: auto !important
+    }
+
+    .align-self-xl-start {
+        align-self: flex-start !important
+    }
+
+    .align-self-xl-end {
+        align-self: flex-end !important
+    }
+
+    .align-self-xl-center {
+        align-self: center !important
+    }
+
+    .align-self-xl-baseline {
+        align-self: baseline !important
+    }
+
+    .align-self-xl-stretch {
+        align-self: stretch !important
+    }
+
+    .order-xl-first {
+        order: -1 !important
+    }
+
+    .order-xl-0 {
+        order: 0 !important
+    }
+
+    .order-xl-1 {
+        order: 1 !important
+    }
+
+    .order-xl-2 {
+        order: 2 !important
+    }
+
+    .order-xl-3 {
+        order: 3 !important
+    }
+
+    .order-xl-4 {
+        order: 4 !important
+    }
+
+    .order-xl-5 {
+        order: 5 !important
+    }
+
+    .order-xl-last {
+        order: 6 !important
+    }
+
+    .m-xl-0 {
+        margin: 0 !important
+    }
+
+    .m-xl-1 {
+        margin: .25rem !important
+    }
+
+    .m-xl-2 {
+        margin: .5rem !important
+    }
+
+    .m-xl-3 {
+        margin: 1rem !important
+    }
+
+    .m-xl-4 {
+        margin: 1.5rem !important
+    }
+
+    .m-xl-5 {
+        margin: 3rem !important
+    }
+
+    .m-xl-auto {
+        margin: auto !important
+    }
+
+    .mx-xl-0 {
+        margin-right: 0 !important;
+        margin-left: 0 !important
+    }
+
+    .mx-xl-1 {
+        margin-right: .25rem !important;
+        margin-left: .25rem !important
+    }
+
+    .mx-xl-2 {
+        margin-right: .5rem !important;
+        margin-left: .5rem !important
+    }
+
+    .mx-xl-3 {
+        margin-right: 1rem !important;
+        margin-left: 1rem !important
+    }
+
+    .mx-xl-4 {
+        margin-right: 1.5rem !important;
+        margin-left: 1.5rem !important
+    }
+
+    .mx-xl-5 {
+        margin-right: 3rem !important;
+        margin-left: 3rem !important
+    }
+
+    .mx-xl-auto {
+        margin-right: auto !important;
+        margin-left: auto !important
+    }
+
+    .my-xl-0 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important
+    }
+
+    .my-xl-1 {
+        margin-top: .25rem !important;
+        margin-bottom: .25rem !important
+    }
+
+    .my-xl-2 {
+        margin-top: .5rem !important;
+        margin-bottom: .5rem !important
+    }
+
+    .my-xl-3 {
+        margin-top: 1rem !important;
+        margin-bottom: 1rem !important
+    }
+
+    .my-xl-4 {
+        margin-top: 1.5rem !important;
+        margin-bottom: 1.5rem !important
+    }
+
+    .my-xl-5 {
+        margin-top: 3rem !important;
+        margin-bottom: 3rem !important
+    }
+
+    .my-xl-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important
+    }
+
+    .mt-xl-0 {
+        margin-top: 0 !important
+    }
+
+    .mt-xl-1 {
+        margin-top: .25rem !important
+    }
+
+    .mt-xl-2 {
+        margin-top: .5rem !important
+    }
+
+    .mt-xl-3 {
+        margin-top: 1rem !important
+    }
+
+    .mt-xl-4 {
+        margin-top: 1.5rem !important
+    }
+
+    .mt-xl-5 {
+        margin-top: 3rem !important
+    }
+
+    .mt-xl-auto {
+        margin-top: auto !important
+    }
+
+    .me-xl-0 {
+        margin-right: 0 !important
+    }
+
+    .me-xl-1 {
+        margin-right: .25rem !important
+    }
+
+    .me-xl-2 {
+        margin-right: .5rem !important
+    }
+
+    .me-xl-3 {
+        margin-right: 1rem !important
+    }
+
+    .me-xl-4 {
+        margin-right: 1.5rem !important
+    }
+
+    .me-xl-5 {
+        margin-right: 3rem !important
+    }
+
+    .me-xl-auto {
+        margin-right: auto !important
+    }
+
+    .mb-xl-0 {
+        margin-bottom: 0 !important
+    }
+
+    .mb-xl-1 {
+        margin-bottom: .25rem !important
+    }
+
+    .mb-xl-2 {
+        margin-bottom: .5rem !important
+    }
+
+    .mb-xl-3 {
+        margin-bottom: 1rem !important
+    }
+
+    .mb-xl-4 {
+        margin-bottom: 1.5rem !important
+    }
+
+    .mb-xl-5 {
+        margin-bottom: 3rem !important
+    }
+
+    .mb-xl-auto {
+        margin-bottom: auto !important
+    }
+
+    .ms-xl-0 {
+        margin-left: 0 !important
+    }
+
+    .ms-xl-1 {
+        margin-left: .25rem !important
+    }
+
+    .ms-xl-2 {
+        margin-left: .5rem !important
+    }
+
+    .ms-xl-3 {
+        margin-left: 1rem !important
+    }
+
+    .ms-xl-4 {
+        margin-left: 1.5rem !important
+    }
+
+    .ms-xl-5 {
+        margin-left: 3rem !important
+    }
+
+    .ms-xl-auto {
+        margin-left: auto !important
+    }
+
+    .p-xl-0 {
+        padding: 0 !important
+    }
+
+    .p-xl-1 {
+        padding: .25rem !important
+    }
+
+    .p-xl-2 {
+        padding: .5rem !important
+    }
+
+    .p-xl-3 {
+        padding: 1rem !important
+    }
+
+    .p-xl-4 {
+        padding: 1.5rem !important
+    }
+
+    .p-xl-5 {
+        padding: 3rem !important
+    }
+
+    .px-xl-0 {
+        padding-right: 0 !important;
+        padding-left: 0 !important
+    }
+
+    .px-xl-1 {
+        padding-right: .25rem !important;
+        padding-left: .25rem !important
+    }
+
+    .px-xl-2 {
+        padding-right: .5rem !important;
+        padding-left: .5rem !important
+    }
+
+    .px-xl-3 {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important
+    }
+
+    .px-xl-4 {
+        padding-right: 1.5rem !important;
+        padding-left: 1.5rem !important
+    }
+
+    .px-xl-5 {
+        padding-right: 3rem !important;
+        padding-left: 3rem !important
+    }
+
+    .py-xl-0 {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important
+    }
+
+    .py-xl-1 {
+        padding-top: .25rem !important;
+        padding-bottom: .25rem !important
+    }
+
+    .py-xl-2 {
+        padding-top: .5rem !important;
+        padding-bottom: .5rem !important
+    }
+
+    .py-xl-3 {
+        padding-top: 1rem !important;
+        padding-bottom: 1rem !important
+    }
+
+    .py-xl-4 {
+        padding-top: 1.5rem !important;
+        padding-bottom: 1.5rem !important
+    }
+
+    .py-xl-5 {
+        padding-top: 3rem !important;
+        padding-bottom: 3rem !important
+    }
+
+    .pt-xl-0 {
+        padding-top: 0 !important
+    }
+
+    .pt-xl-1 {
+        padding-top: .25rem !important
+    }
+
+    .pt-xl-2 {
+        padding-top: .5rem !important
+    }
+
+    .pt-xl-3 {
+        padding-top: 1rem !important
+    }
+
+    .pt-xl-4 {
+        padding-top: 1.5rem !important
+    }
+
+    .pt-xl-5 {
+        padding-top: 3rem !important
+    }
+
+    .pe-xl-0 {
+        padding-right: 0 !important
+    }
+
+    .pe-xl-1 {
+        padding-right: .25rem !important
+    }
+
+    .pe-xl-2 {
+        padding-right: .5rem !important
+    }
+
+    .pe-xl-3 {
+        padding-right: 1rem !important
+    }
+
+    .pe-xl-4 {
+        padding-right: 1.5rem !important
+    }
+
+    .pe-xl-5 {
+        padding-right: 3rem !important
+    }
+
+    .pb-xl-0 {
+        padding-bottom: 0 !important
+    }
+
+    .pb-xl-1 {
+        padding-bottom: .25rem !important
+    }
+
+    .pb-xl-2 {
+        padding-bottom: .5rem !important
+    }
+
+    .pb-xl-3 {
+        padding-bottom: 1rem !important
+    }
+
+    .pb-xl-4 {
+        padding-bottom: 1.5rem !important
+    }
+
+    .pb-xl-5 {
+        padding-bottom: 3rem !important
+    }
+
+    .ps-xl-0 {
+        padding-left: 0 !important
+    }
+
+    .ps-xl-1 {
+        padding-left: .25rem !important
+    }
+
+    .ps-xl-2 {
+        padding-left: .5rem !important
+    }
+
+    .ps-xl-3 {
+        padding-left: 1rem !important
+    }
+
+    .ps-xl-4 {
+        padding-left: 1.5rem !important
+    }
+
+    .ps-xl-5 {
+        padding-left: 3rem !important
+    }
+
+    .gap-xl-0 {
+        gap: 0 !important
+    }
+
+    .gap-xl-1 {
+        gap: .25rem !important
+    }
+
+    .gap-xl-2 {
+        gap: .5rem !important
+    }
+
+    .gap-xl-3 {
+        gap: 1rem !important
+    }
+
+    .gap-xl-4 {
+        gap: 1.5rem !important
+    }
+
+    .gap-xl-5 {
+        gap: 3rem !important
+    }
+
+    .row-gap-xl-0 {
+        row-gap: 0 !important
+    }
+
+    .row-gap-xl-1 {
+        row-gap: .25rem !important
+    }
+
+    .row-gap-xl-2 {
+        row-gap: .5rem !important
+    }
+
+    .row-gap-xl-3 {
+        row-gap: 1rem !important
+    }
+
+    .row-gap-xl-4 {
+        row-gap: 1.5rem !important
+    }
+
+    .row-gap-xl-5 {
+        row-gap: 3rem !important
+    }
+
+    .column-gap-xl-0 {
+        -moz-column-gap: 0 !important;
+        column-gap: 0 !important
+    }
+
+    .column-gap-xl-1 {
+        -moz-column-gap: 0.25rem !important;
+        column-gap: .25rem !important
+    }
+
+    .column-gap-xl-2 {
+        -moz-column-gap: 0.5rem !important;
+        column-gap: .5rem !important
+    }
+
+    .column-gap-xl-3 {
+        -moz-column-gap: 1rem !important;
+        column-gap: 1rem !important
+    }
+
+    .column-gap-xl-4 {
+        -moz-column-gap: 1.5rem !important;
+        column-gap: 1.5rem !important
+    }
+
+    .column-gap-xl-5 {
+        -moz-column-gap: 3rem !important;
+        column-gap: 3rem !important
+    }
+
+    .text-xl-start {
+        text-align: left !important
+    }
+
+    .text-xl-end {
+        text-align: right !important
+    }
+
+    .text-xl-center {
+        text-align: center !important
+    }
+}
+
+@media (min-width:1400px) {
+    .float-xxl-start {
+        float: left !important
+    }
+
+    .float-xxl-end {
+        float: right !important
+    }
+
+    .float-xxl-none {
+        float: none !important
+    }
+
+    .object-fit-xxl-contain {
+        -o-object-fit: contain !important;
+        object-fit: contain !important
+    }
+
+    .object-fit-xxl-cover {
+        -o-object-fit: cover !important;
+        object-fit: cover !important
+    }
+
+    .object-fit-xxl-fill {
+        -o-object-fit: fill !important;
+        object-fit: fill !important
+    }
+
+    .object-fit-xxl-scale {
+        -o-object-fit: scale-down !important;
+        object-fit: scale-down !important
+    }
+
+    .object-fit-xxl-none {
+        -o-object-fit: none !important;
+        object-fit: none !important
+    }
+
+    .d-xxl-inline {
+        display: inline !important
+    }
+
+    .d-xxl-inline-block {
+        display: inline-block !important
+    }
+
+    .d-xxl-block {
+        display: block !important
+    }
+
+    .d-xxl-grid {
+        display: grid !important
+    }
+
+    .d-xxl-inline-grid {
+        display: inline-grid !important
+    }
+
+    .d-xxl-table {
+        display: table !important
+    }
+
+    .d-xxl-table-row {
+        display: table-row !important
+    }
+
+    .d-xxl-table-cell {
+        display: table-cell !important
+    }
+
+    .d-xxl-flex {
+        display: flex !important
+    }
+
+    .d-xxl-inline-flex {
+        display: inline-flex !important
+    }
+
+    .d-xxl-none {
+        display: none !important
+    }
+
+    .flex-xxl-fill {
+        flex: 1 1 auto !important
+    }
+
+    .flex-xxl-row {
+        flex-direction: row !important
+    }
+
+    .flex-xxl-column {
+        flex-direction: column !important
+    }
+
+    .flex-xxl-row-reverse {
+        flex-direction: row-reverse !important
+    }
+
+    .flex-xxl-column-reverse {
+        flex-direction: column-reverse !important
+    }
+
+    .flex-xxl-grow-0 {
+        flex-grow: 0 !important
+    }
+
+    .flex-xxl-grow-1 {
+        flex-grow: 1 !important
+    }
+
+    .flex-xxl-shrink-0 {
+        flex-shrink: 0 !important
+    }
+
+    .flex-xxl-shrink-1 {
+        flex-shrink: 1 !important
+    }
+
+    .flex-xxl-wrap {
+        flex-wrap: wrap !important
+    }
+
+    .flex-xxl-nowrap {
+        flex-wrap: nowrap !important
+    }
+
+    .flex-xxl-wrap-reverse {
+        flex-wrap: wrap-reverse !important
+    }
+
+    .justify-content-xxl-start {
+        justify-content: flex-start !important
+    }
+
+    .justify-content-xxl-end {
+        justify-content: flex-end !important
+    }
+
+    .justify-content-xxl-center {
+        justify-content: center !important
+    }
+
+    .justify-content-xxl-between {
+        justify-content: space-between !important
+    }
+
+    .justify-content-xxl-around {
+        justify-content: space-around !important
+    }
+
+    .justify-content-xxl-evenly {
+        justify-content: space-evenly !important
+    }
+
+    .align-items-xxl-start {
+        align-items: flex-start !important
+    }
+
+    .align-items-xxl-end {
+        align-items: flex-end !important
+    }
+
+    .align-items-xxl-center {
+        align-items: center !important
+    }
+
+    .align-items-xxl-baseline {
+        align-items: baseline !important
+    }
+
+    .align-items-xxl-stretch {
+        align-items: stretch !important
+    }
+
+    .align-content-xxl-start {
+        align-content: flex-start !important
+    }
+
+    .align-content-xxl-end {
+        align-content: flex-end !important
+    }
+
+    .align-content-xxl-center {
+        align-content: center !important
+    }
+
+    .align-content-xxl-between {
+        align-content: space-between !important
+    }
+
+    .align-content-xxl-around {
+        align-content: space-around !important
+    }
+
+    .align-content-xxl-stretch {
+        align-content: stretch !important
+    }
+
+    .align-self-xxl-auto {
+        align-self: auto !important
+    }
+
+    .align-self-xxl-start {
+        align-self: flex-start !important
+    }
+
+    .align-self-xxl-end {
+        align-self: flex-end !important
+    }
+
+    .align-self-xxl-center {
+        align-self: center !important
+    }
+
+    .align-self-xxl-baseline {
+        align-self: baseline !important
+    }
+
+    .align-self-xxl-stretch {
+        align-self: stretch !important
+    }
+
+    .order-xxl-first {
+        order: -1 !important
+    }
+
+    .order-xxl-0 {
+        order: 0 !important
+    }
+
+    .order-xxl-1 {
+        order: 1 !important
+    }
+
+    .order-xxl-2 {
+        order: 2 !important
+    }
+
+    .order-xxl-3 {
+        order: 3 !important
+    }
+
+    .order-xxl-4 {
+        order: 4 !important
+    }
+
+    .order-xxl-5 {
+        order: 5 !important
+    }
+
+    .order-xxl-last {
+        order: 6 !important
+    }
+
+    .m-xxl-0 {
+        margin: 0 !important
+    }
+
+    .m-xxl-1 {
+        margin: .25rem !important
+    }
+
+    .m-xxl-2 {
+        margin: .5rem !important
+    }
+
+    .m-xxl-3 {
+        margin: 1rem !important
+    }
+
+    .m-xxl-4 {
+        margin: 1.5rem !important
+    }
+
+    .m-xxl-5 {
+        margin: 3rem !important
+    }
+
+    .m-xxl-auto {
+        margin: auto !important
+    }
+
+    .mx-xxl-0 {
+        margin-right: 0 !important;
+        margin-left: 0 !important
+    }
+
+    .mx-xxl-1 {
+        margin-right: .25rem !important;
+        margin-left: .25rem !important
+    }
+
+    .mx-xxl-2 {
+        margin-right: .5rem !important;
+        margin-left: .5rem !important
+    }
+
+    .mx-xxl-3 {
+        margin-right: 1rem !important;
+        margin-left: 1rem !important
+    }
+
+    .mx-xxl-4 {
+        margin-right: 1.5rem !important;
+        margin-left: 1.5rem !important
+    }
+
+    .mx-xxl-5 {
+        margin-right: 3rem !important;
+        margin-left: 3rem !important
+    }
+
+    .mx-xxl-auto {
+        margin-right: auto !important;
+        margin-left: auto !important
+    }
+
+    .my-xxl-0 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important
+    }
+
+    .my-xxl-1 {
+        margin-top: .25rem !important;
+        margin-bottom: .25rem !important
+    }
+
+    .my-xxl-2 {
+        margin-top: .5rem !important;
+        margin-bottom: .5rem !important
+    }
+
+    .my-xxl-3 {
+        margin-top: 1rem !important;
+        margin-bottom: 1rem !important
+    }
+
+    .my-xxl-4 {
+        margin-top: 1.5rem !important;
+        margin-bottom: 1.5rem !important
+    }
+
+    .my-xxl-5 {
+        margin-top: 3rem !important;
+        margin-bottom: 3rem !important
+    }
+
+    .my-xxl-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important
+    }
+
+    .mt-xxl-0 {
+        margin-top: 0 !important
+    }
+
+    .mt-xxl-1 {
+        margin-top: .25rem !important
+    }
+
+    .mt-xxl-2 {
+        margin-top: .5rem !important
+    }
+
+    .mt-xxl-3 {
+        margin-top: 1rem !important
+    }
+
+    .mt-xxl-4 {
+        margin-top: 1.5rem !important
+    }
+
+    .mt-xxl-5 {
+        margin-top: 3rem !important
+    }
+
+    .mt-xxl-auto {
+        margin-top: auto !important
+    }
+
+    .me-xxl-0 {
+        margin-right: 0 !important
+    }
+
+    .me-xxl-1 {
+        margin-right: .25rem !important
+    }
+
+    .me-xxl-2 {
+        margin-right: .5rem !important
+    }
+
+    .me-xxl-3 {
+        margin-right: 1rem !important
+    }
+
+    .me-xxl-4 {
+        margin-right: 1.5rem !important
+    }
+
+    .me-xxl-5 {
+        margin-right: 3rem !important
+    }
+
+    .me-xxl-auto {
+        margin-right: auto !important
+    }
+
+    .mb-xxl-0 {
+        margin-bottom: 0 !important
+    }
+
+    .mb-xxl-1 {
+        margin-bottom: .25rem !important
+    }
+
+    .mb-xxl-2 {
+        margin-bottom: .5rem !important
+    }
+
+    .mb-xxl-3 {
+        margin-bottom: 1rem !important
+    }
+
+    .mb-xxl-4 {
+        margin-bottom: 1.5rem !important
+    }
+
+    .mb-xxl-5 {
+        margin-bottom: 3rem !important
+    }
+
+    .mb-xxl-auto {
+        margin-bottom: auto !important
+    }
+
+    .ms-xxl-0 {
+        margin-left: 0 !important
+    }
+
+    .ms-xxl-1 {
+        margin-left: .25rem !important
+    }
+
+    .ms-xxl-2 {
+        margin-left: .5rem !important
+    }
+
+    .ms-xxl-3 {
+        margin-left: 1rem !important
+    }
+
+    .ms-xxl-4 {
+        margin-left: 1.5rem !important
+    }
+
+    .ms-xxl-5 {
+        margin-left: 3rem !important
+    }
+
+    .ms-xxl-auto {
+        margin-left: auto !important
+    }
+
+    .p-xxl-0 {
+        padding: 0 !important
+    }
+
+    .p-xxl-1 {
+        padding: .25rem !important
+    }
+
+    .p-xxl-2 {
+        padding: .5rem !important
+    }
+
+    .p-xxl-3 {
+        padding: 1rem !important
+    }
+
+    .p-xxl-4 {
+        padding: 1.5rem !important
+    }
+
+    .p-xxl-5 {
+        padding: 3rem !important
+    }
+
+    .px-xxl-0 {
+        padding-right: 0 !important;
+        padding-left: 0 !important
+    }
+
+    .px-xxl-1 {
+        padding-right: .25rem !important;
+        padding-left: .25rem !important
+    }
+
+    .px-xxl-2 {
+        padding-right: .5rem !important;
+        padding-left: .5rem !important
+    }
+
+    .px-xxl-3 {
+        padding-right: 1rem !important;
+        padding-left: 1rem !important
+    }
+
+    .px-xxl-4 {
+        padding-right: 1.5rem !important;
+        padding-left: 1.5rem !important
+    }
+
+    .px-xxl-5 {
+        padding-right: 3rem !important;
+        padding-left: 3rem !important
+    }
+
+    .py-xxl-0 {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important
+    }
+
+    .py-xxl-1 {
+        padding-top: .25rem !important;
+        padding-bottom: .25rem !important
+    }
+
+    .py-xxl-2 {
+        padding-top: .5rem !important;
+        padding-bottom: .5rem !important
+    }
+
+    .py-xxl-3 {
+        padding-top: 1rem !important;
+        padding-bottom: 1rem !important
+    }
+
+    .py-xxl-4 {
+        padding-top: 1.5rem !important;
+        padding-bottom: 1.5rem !important
+    }
+
+    .py-xxl-5 {
+        padding-top: 3rem !important;
+        padding-bottom: 3rem !important
+    }
+
+    .pt-xxl-0 {
+        padding-top: 0 !important
+    }
+
+    .pt-xxl-1 {
+        padding-top: .25rem !important
+    }
+
+    .pt-xxl-2 {
+        padding-top: .5rem !important
+    }
+
+    .pt-xxl-3 {
+        padding-top: 1rem !important
+    }
+
+    .pt-xxl-4 {
+        padding-top: 1.5rem !important
+    }
+
+    .pt-xxl-5 {
+        padding-top: 3rem !important
+    }
+
+    .pe-xxl-0 {
+        padding-right: 0 !important
+    }
+
+    .pe-xxl-1 {
+        padding-right: .25rem !important
+    }
+
+    .pe-xxl-2 {
+        padding-right: .5rem !important
+    }
+
+    .pe-xxl-3 {
+        padding-right: 1rem !important
+    }
+
+    .pe-xxl-4 {
+        padding-right: 1.5rem !important
+    }
+
+    .pe-xxl-5 {
+        padding-right: 3rem !important
+    }
+
+    .pb-xxl-0 {
+        padding-bottom: 0 !important
+    }
+
+    .pb-xxl-1 {
+        padding-bottom: .25rem !important
+    }
+
+    .pb-xxl-2 {
+        padding-bottom: .5rem !important
+    }
+
+    .pb-xxl-3 {
+        padding-bottom: 1rem !important
+    }
+
+    .pb-xxl-4 {
+        padding-bottom: 1.5rem !important
+    }
+
+    .pb-xxl-5 {
+        padding-bottom: 3rem !important
+    }
+
+    .ps-xxl-0 {
+        padding-left: 0 !important
+    }
+
+    .ps-xxl-1 {
+        padding-left: .25rem !important
+    }
+
+    .ps-xxl-2 {
+        padding-left: .5rem !important
+    }
+
+    .ps-xxl-3 {
+        padding-left: 1rem !important
+    }
+
+    .ps-xxl-4 {
+        padding-left: 1.5rem !important
+    }
+
+    .ps-xxl-5 {
+        padding-left: 3rem !important
+    }
+
+    .gap-xxl-0 {
+        gap: 0 !important
+    }
+
+    .gap-xxl-1 {
+        gap: .25rem !important
+    }
+
+    .gap-xxl-2 {
+        gap: .5rem !important
+    }
+
+    .gap-xxl-3 {
+        gap: 1rem !important
+    }
+
+    .gap-xxl-4 {
+        gap: 1.5rem !important
+    }
+
+    .gap-xxl-5 {
+        gap: 3rem !important
+    }
+
+    .row-gap-xxl-0 {
+        row-gap: 0 !important
+    }
+
+    .row-gap-xxl-1 {
+        row-gap: .25rem !important
+    }
+
+    .row-gap-xxl-2 {
+        row-gap: .5rem !important
+    }
+
+    .row-gap-xxl-3 {
+        row-gap: 1rem !important
+    }
+
+    .row-gap-xxl-4 {
+        row-gap: 1.5rem !important
+    }
+
+    .row-gap-xxl-5 {
+        row-gap: 3rem !important
+    }
+
+    .column-gap-xxl-0 {
+        -moz-column-gap: 0 !important;
+        column-gap: 0 !important
+    }
+
+    .column-gap-xxl-1 {
+        -moz-column-gap: 0.25rem !important;
+        column-gap: .25rem !important
+    }
+
+    .column-gap-xxl-2 {
+        -moz-column-gap: 0.5rem !important;
+        column-gap: .5rem !important
+    }
+
+    .column-gap-xxl-3 {
+        -moz-column-gap: 1rem !important;
+        column-gap: 1rem !important
+    }
+
+    .column-gap-xxl-4 {
+        -moz-column-gap: 1.5rem !important;
+        column-gap: 1.5rem !important
+    }
+
+    .column-gap-xxl-5 {
+        -moz-column-gap: 3rem !important;
+        column-gap: 3rem !important
+    }
+
+    .text-xxl-start {
+        text-align: left !important
+    }
+
+    .text-xxl-end {
+        text-align: right !important
+    }
+
+    .text-xxl-center {
+        text-align: center !important
+    }
+}
+
+@media (min-width:1200px) {
+    .fs-1 {
+        font-size: 2.5rem !important
+    }
+
+    .fs-2 {
+        font-size: 2rem !important
+    }
+
+    .fs-3 {
+        font-size: 1.75rem !important
+    }
+
+    .fs-4 {
+        font-size: 1.5rem !important
+    }
+}
+
+@media print {
+    .d-print-inline {
+        display: inline !important
+    }
+
+    .d-print-inline-block {
+        display: inline-block !important
+    }
+
+    .d-print-block {
+        display: block !important
+    }
+
+    .d-print-grid {
+        display: grid !important
+    }
+
+    .d-print-inline-grid {
+        display: inline-grid !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: flex !important
+    }
+
+    .d-print-inline-flex {
+        display: inline-flex !important
+    }
+
+    .d-print-none {
+        display: none !important
+    }
+}
+
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/public/css/drift-basic.min.css b/public/css/drift-basic.min.css
new file mode 100644
index 0000000..57f1d9a
--- /dev/null
+++ b/public/css/drift-basic.min.css
@@ -0,0 +1 @@
+@keyframes a{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes b{0%{opacity:1;transform:scale(1)}15%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.5)}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.drift-zoom-pane{background:rgba(0,0,0,.5);transform:translateZ(0);-webkit-transform:translateZ(0)}.drift-zoom-pane.drift-opening{animation:a .18s ease-out;-webkit-animation:a .18s ease-out}.drift-zoom-pane.drift-closing{animation:b .21s ease-in;-webkit-animation:b .21s ease-in}.drift-zoom-pane.drift-inline{border-radius:75px;box-shadow:0 6px 18px rgba(0,0,0,.3);height:150px;position:absolute;width:150px}.drift-loading .drift-zoom-pane-loader{animation:c 1.8s linear infinite;-webkit-animation:c 1.8s linear infinite;display:block;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:66px}.drift-zoom-pane-loader:after,.drift-zoom-pane-loader:before{background:hsla(0,0%,100%,.9);border-radius:20px;content:"";display:block;height:20px;margin-top:-10px;position:absolute;top:50%;width:20px}.drift-zoom-pane-loader:before{animation:d 1.8s linear infinite;-webkit-animation:d 1.8s linear infinite;left:0}.drift-zoom-pane-loader:after{animation:e 1.8s linear infinite;-webkit-animation:e 1.8s linear infinite;animation-delay:-.9s;-webkit-animation-delay:-.9s;right:0}.drift-bounding-box{background-color:rgba(0,0,0,.4)}
\ No newline at end of file
diff --git a/public/css/odometer.min.css b/public/css/odometer.min.css
new file mode 100644
index 0000000..2ae3d83
--- /dev/null
+++ b/public/css/odometer.min.css
@@ -0,0 +1,83 @@
+.odometer.odometer-auto-theme,
+.odometer.odometer-auto-theme .odometer-digit,
+.odometer.odometer-theme-default,
+.odometer.odometer-theme-default .odometer-digit {
+    display: inline-block;
+    vertical-align: middle;
+    position: relative;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
+.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
+    display: inline-block;
+    vertical-align: middle;
+    visibility: hidden;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
+.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
+    text-align: left;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
+.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
+    display: block;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
+.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
+    display: block;
+    -webkit-backface-visibility: hidden;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-value,
+.odometer.odometer-theme-default .odometer-digit .odometer-value {
+    display: block;
+    -webkit-transform: translateZ(0);
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
+.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
+    position: absolute;
+}
+.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
+    -webkit-transition: -webkit-transform 2s;
+    -moz-transition: -moz-transform 2s;
+    -ms-transition: -ms-transform 2s;
+    -o-transition: -o-transform 2s;
+    transition: transform 2s;
+}
+.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
+.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
+    -webkit-transform: translateY(-100%);
+    -moz-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    -o-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
+.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
+    -webkit-transition: -webkit-transform 2s;
+    -moz-transition: -moz-transform 2s;
+    -ms-transition: -ms-transform 2s;
+    -o-transition: -o-transform 2s;
+    transition: transform 2s;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    transform: translateY(0);
+}
+.odometer.odometer-auto-theme,
+.odometer.odometer-theme-default {
+    font-family: "Helvetica Neue", sans-serif;
+    line-height: 1.1em;
+}
+.odometer.odometer-auto-theme .odometer-value,
+.odometer.odometer-theme-default .odometer-value {
+    text-align: center;
+} /*# sourceMappingURL=odometer-theme-default.min.css.map */
diff --git a/public/css/photoswipe.css b/public/css/photoswipe.css
new file mode 100644
index 0000000..686dfc3
--- /dev/null
+++ b/public/css/photoswipe.css
@@ -0,0 +1,420 @@
+/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
+
+.pswp {
+  --pswp-bg: #000;
+  --pswp-placeholder-bg: #222;
+  
+
+  --pswp-root-z-index: 100000;
+  
+  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
+  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
+  
+  /* defined via js:
+  --pswp-transition-duration: 333ms; */
+  
+  --pswp-icon-color: #fff;
+  --pswp-icon-color-secondary: #4f4f4f;
+  --pswp-icon-stroke-color: #4f4f4f;
+  --pswp-icon-stroke-width: 2px;
+
+  --pswp-error-text-color: var(--pswp-icon-color);
+}
+
+
+/*
+	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
+*/
+
+.pswp {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: var(--pswp-root-z-index);
+	display: none;
+	touch-action: none;
+	outline: 0;
+	opacity: 0.003;
+	contain: layout style size;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* Prevents focus outline on the root element,
+  (it may be focused initially) */
+.pswp:focus {
+  outline: 0;
+}
+
+.pswp * {
+  box-sizing: border-box;
+}
+
+.pswp img {
+  max-width: none;
+}
+
+.pswp--open {
+	display: block;
+}
+
+.pswp,
+.pswp__bg {
+	transform: translateZ(0);
+	will-change: opacity;
+}
+
+.pswp__bg {
+  opacity: 0.005;
+	background: var(--pswp-bg);
+}
+
+.pswp,
+.pswp__scroll-wrap {
+	overflow: hidden;
+}
+
+.pswp__scroll-wrap,
+.pswp__bg,
+.pswp__container,
+.pswp__item,
+.pswp__content,
+.pswp__img,
+.pswp__zoom-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.pswp__img,
+.pswp__zoom-wrap {
+	width: auto;
+	height: auto;
+}
+
+.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
+	cursor: -webkit-zoom-in;
+	cursor: -moz-zoom-in;
+	cursor: zoom-in;
+}
+
+.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
+	cursor: move;
+	cursor: -webkit-grab;
+	cursor: -moz-grab;
+	cursor: grab;
+}
+
+.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+  cursor: grabbing;
+}
+
+/* :active to override grabbing cursor */
+.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
+.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
+.pswp__img {
+	cursor: -webkit-zoom-out;
+	cursor: -moz-zoom-out;
+	cursor: zoom-out;
+}
+
+
+/* Prevent selection and tap highlights */
+.pswp__container,
+.pswp__img,
+.pswp__button,
+.pswp__counter {
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.pswp__item {
+	/* z-index for fade transition */
+	z-index: 1;
+	overflow: hidden;
+}
+
+.pswp__hidden {
+	display: none !important;
+}
+
+/* Allow to click through pswp__content element, but not its children */
+.pswp__content {
+  pointer-events: none;
+}
+.pswp__content > * {
+  pointer-events: auto;
+}
+
+
+/*
+
+  PhotoSwipe UI
+
+*/
+
+/*
+	Error message appears when image is not loaded
+	(JS option errorMsg controls markup)
+*/
+.pswp__error-msg-container {
+  display: grid;
+}
+.pswp__error-msg {
+	margin: auto;
+	font-size: 1em;
+	line-height: 1;
+	color: var(--pswp-error-text-color);
+}
+
+/*
+class pswp__hide-on-close is applied to elements that
+should hide (for example fade out) when PhotoSwipe is closed
+and show (for example fade in) when PhotoSwipe is opened
+ */
+.pswp .pswp__hide-on-close {
+	opacity: 0.005;
+	will-change: opacity;
+	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
+	z-index: 10; /* always overlap slide content */
+	pointer-events: none; /* hidden elements should not be clickable */
+}
+
+/* class pswp--ui-visible is added when opening or closing transition starts */
+.pswp--ui-visible .pswp__hide-on-close {
+	opacity: 1;
+	pointer-events: auto;
+}
+
+/* <button> styles, including css reset */
+.pswp__button {
+	position: relative;
+	display: block;
+	width: 50px;
+	height: 60px;
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	cursor: pointer;
+	background: none;
+	border: 0;
+	box-shadow: none;
+	opacity: 0.85;
+	-webkit-appearance: none;
+	-webkit-touch-callout: none;
+}
+
+.pswp__button:hover,
+.pswp__button:active,
+.pswp__button:focus {
+  transition: none;
+  padding: 0;
+  background: none;
+  border: 0;
+  box-shadow: none;
+  opacity: 1;
+}
+
+.pswp__button:disabled {
+  opacity: 0.3;
+  cursor: auto;
+}
+
+.pswp__icn {
+  fill: var(--pswp-icon-color);
+  color: var(--pswp-icon-color-secondary);
+}
+
+.pswp__icn {
+  position: absolute;
+  top: 14px;
+  left: 9px;
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.pswp__icn-shadow {
+  stroke: var(--pswp-icon-stroke-color);
+  stroke-width: var(--pswp-icon-stroke-width);
+  fill: none;
+}
+
+.pswp__icn:focus {
+	outline: 0;
+}
+
+/*
+	div element that matches size of large image,
+	large image loads on top of it,
+	used when msrc is not provided
+*/
+div.pswp__img--placeholder,
+.pswp__img--with-bg {
+	background: var(--pswp-placeholder-bg);
+}
+
+.pswp__top-bar {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 60px;
+	display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+	z-index: 10;
+
+	/* allow events to pass through top bar itself */
+	pointer-events: none !important;
+}
+.pswp__top-bar > * {
+  pointer-events: auto;
+  /* this makes transition significantly more smooth,
+     even though inner elements are not animated */
+  will-change: opacity;
+}
+
+
+/*
+
+  Close button
+
+*/
+.pswp__button--close {
+  margin-right: 6px;
+}
+
+
+/*
+
+  Arrow buttons
+
+*/
+.pswp__button--arrow {
+  position: absolute;
+  top: 0;
+  width: 75px;
+  height: 100px;
+  top: 50%;
+  margin-top: -50px;
+}
+
+.pswp__button--arrow:disabled {
+  display: none;
+  cursor: default;
+}
+
+.pswp__button--arrow .pswp__icn {
+  top: 50%;
+  margin-top: -30px;
+  width: 60px;
+  height: 60px;
+  background: none;
+  border-radius: 0;
+}
+
+.pswp--one-slide .pswp__button--arrow {
+  display: none;
+}
+
+/* hide arrows on touch screens */
+.pswp--touch .pswp__button--arrow {
+  visibility: hidden;
+}
+
+/* show arrows only after mouse was used */
+.pswp--has_mouse .pswp__button--arrow {
+  visibility: visible;
+}
+
+.pswp__button--arrow--prev {
+  right: auto;
+  left: 0px;
+}
+
+.pswp__button--arrow--next {
+  right: 0px;
+}
+.pswp__button--arrow--next .pswp__icn {
+  left: auto;
+  right: 14px;
+  /* flip horizontally */
+  transform: scale(-1, 1);
+}
+
+/*
+
+  Zoom button
+
+*/
+.pswp__button--zoom {
+  display: none;
+}
+
+.pswp--zoom-allowed .pswp__button--zoom {
+  display: block;
+}
+
+/* "+" => "-" */
+.pswp--zoomed-in .pswp__zoom-icn-bar-v {
+  display: none;
+}
+
+
+/*
+
+  Loading indicator
+
+*/
+.pswp__preloader {
+  position: relative;
+  overflow: hidden;
+  width: 50px;
+  height: 60px;
+  margin-right: auto;
+}
+
+.pswp__preloader .pswp__icn {
+  opacity: 0;
+  transition: opacity 0.2s linear;
+  animation: pswp-clockwise 600ms linear infinite;
+}
+
+.pswp__preloader--active .pswp__icn {
+  opacity: 0.85;
+}
+
+@keyframes pswp-clockwise {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+
+/*
+
+  "1 of 10" counter
+
+*/
+.pswp__counter {
+  height: 30px;
+  margin-top: 15px;
+  margin-inline-start: 20px;
+  font-size: 14px;
+  line-height: 30px;
+  color: var(--pswp-icon-color);
+  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
+  opacity: 0.85;
+}
+
+.pswp--one-slide .pswp__counter {
+  display: none;
+}
diff --git a/public/css/styles.css.map b/public/css/styles.css.map
new file mode 100644
index 0000000..bccac96
--- /dev/null
+++ b/public/css/styles.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/app.scss","../scss/component/_nice-select.scss","../scss/abstracts/_variable.scss","../scss/_reset.scss","../scss/abstracts/_mixin.scss","../scss/component/_index.scss","../scss/component/_header.scss","../scss/component/_footer.scss","../scss/component/_tabs.scss","../scss/component/_button.scss","../scss/component/_range-slider.scss","../scss/component/_form.scss","../scss/component/_slider.scss","../scss/component/_pop-up.scss","../scss/component/_blog.scss","../scss/component/_testimonial.scss","../scss/component/_accordion.scss","../scss/component/_shop.scss","../scss/component/_hover.scss","../scss/component/_animation.scss","../scss/component/_icon-box.scss","../scss/component/_zoom.scss","../scss/_widgets.scss","../scss/_sections.scss","../scss/_responsive.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AC4IQ;AC1JR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AF9CJ;AAtBA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AGjBA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAiFI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA,aDlIQ;;ACmIR;EACI;;AAEJ;EACI;EACA;;;AAIR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;EAKI,aD3MQ;EC4MR;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAMI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EC9OI;EACA;EACA;EACA;EACA;;;AD+OJ;AAAA;AAGA;EACI;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAEA;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;EACA;EACA;;;AAGJ;AAEA;AAAA;AAAA;EAGI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;AAAA;EAGI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;;;AAGJ;AAEA;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;AAAA;AAEA;AACA;AAAA;EAEI;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;EACA;EACA;;;AAGJ;EACI;AACA;EACA;AACA;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAII;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;;AAGJ;EACI;AACA;;;AAGJ;AACI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AAAA;AAAA;AAAA;EAII;;;AAGJ;AACA;EACI;;;AAGJ;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EChdI;EACA;EACA;EACA;EACA;;;AD8dJ;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYI,aDxiBQ;ECyiBR;EACA;EACA;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIJ;EACI;;;AAEJ;EACI,aDzpBS;;;AC4pBb;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;ECnoBI;EACA;EACA;EACA;EACA;EDmoBA;;;AAGA;EACI;;;AAIJ;EACI;;;AAIJ;EACI;;;AAIR;ECzpBI;EACA;EACA;EACA;EACA;EDupBA;EACA;EACA;;AACA;EC9pBA;EACA;EACA;EACA;EACA;ED6pBI;EACA;;;AAIR;AAAA;AAEA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAIJ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;AAAA;AAEA;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAGR;AAAA;AAGA;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;AAAA;AAEA;EACI;EACA;;;AAGJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;AAAA;AAGA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAIJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAEA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;AAAA;AAEA;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;AAAA;AAEA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EC1zDJ;EACA;EACA;EACA;EACA;EACA,aDszDkB;ECrzDlB,iBDqzD0B;EACtB;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;ECr0DJ;EACA;EACA;EACA;EACA;EACA,aDi0DkB;ECh0DlB,iBDg0D0B;;AACtB;EACI;EACA;;;AAKZ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA,aDx4DG;ECy4DH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AHj5DR;AKzBA;ALAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AMjBI;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;;AAEJ;EACI;;AAGA;EACI;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGA;EACI;EACA;EACA;;AAKR;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;;AACA;EACI;EFtGR;EACA;EACA;EACA;EACA;EACA,aEkGsB;EFjGtB,iBEiG8B;EACtB;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFhEZ;EACA;EACA;EACA;EACA;;AEiEQ;EACI;;AACA;EACI;EACA;EACA;;;AAQhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAGR;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEI;AAAA;EAEI;EACA;;AAIZ;EACI;;AACA;EACI;;AAGR;EAEI;EACA;;AACA;EACI;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGQ;EACI;;AAKhB;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAKJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIA;EACI;;AACA;EACI;;AAMpB;EACI;EACA;EACA;;AAMI;AAAA;EACI;EACA;;AAKA;AAAA;AAAA;AAAA;EACI;;AACA;AAAA;AAAA;AAAA;EACI;;AAQZ;EACI;;AAKA;EACI;;AACA;EACI;;AAOpB;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFvTZ;EACA;EACA;EACA;EACA;;AEyTQ;EACI;;AACA;EACI;EACA;EACA;;;AASZ;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAMZ;EACI;EACA;;AACA;EACI;EACA;EACA,aJtZL;EIuZK;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EFzXR;EACA;EACA;EACA;EACA;;AEwXY;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;;AAEJ;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;;;AAMhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGQ;EACI;;AAMZ;EACI;;AAEI;EAEI;;AAKZ;EACI;;AAEI;EAEI;;AAMpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGQ;EACI;;AAKR;EAEI;;;ADpnBhB;ALFA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AOjBI;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAGA;EACI;;AAGA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EHwBhB;EACA;EACA;EACA;EACA;;AGxBgB;EACI;;AAOhB;EACI;EACA;EACA;EACA;;AACA;EACI;;AAMR;EACI;;AAGA;EACI;;AAKZ;EACI;;AACA;EACI;;AAGA;EACI;EACA;;AAGR;EACI;EACA;;AAEJ;EACI;;AAGA;EACI;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAMZ;EACI;;AAIJ;EACI;;AAKZ;EACI;;AAGQ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAKA;EACI;;AAGA;EACI;;AAKhB;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;;AACA;AAAA;AAAA;EAGI;;AAKQ;EACI;;AAMZ;EACI;EACA;;AACA;EACI;EACA;;AAKR;EACI;;AAIJ;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAGR;EACI;EACA;;AAGR;EACI;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAIZ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAIZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AF1ShB;ALJA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AQjBA;EACI;;AACA;EACI;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EJyCR;EACA;EACA;EACA;EACA;;AI1CY;AAAA;EJsCZ;EACA;EACA;EACA;EACA;;AIrCQ;EAEI;EACA;EACA;;AAEI;AAAA;AAAA;EAEI;;AAMpB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIQ;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EJfZ;EACA;EACA;EACA;EACA;EIiBY;;;AAMhB;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EJnEZ;EACA;EACA;EACA;EACA;;AIiEY;EACI;EACA;EACA;EJxEhB;EACA;EACA;EACA;EACA;;AIuEY;EAEI;;AAIZ;EACI;EACA;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAIZ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIZ;EACI;EACA;EACA;;AACA;EACI;;;AH9OZ;ALNA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;ASjBA;ELDI;EACA;EACA;EACA;EACA;EACA,aKHc;ELId,iBKJsB;EACtB;EACA;EACA;EACA;ELgDA;EACA;EACA;EACA;EACA;EKlDA;EL8CA;EACA;EACA;EACA;EACA;EKhDA;EACA;EACA;EACA;EACA;;AACA;EACI;ELsCJ;EACA;EACA;EACA;EACA;EKxCI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AACA;AAAA;EAEI;;AAIJ;EACI;;AAIZ;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AACA;EACI;;AAIJ;EACI;;AAIZ;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;;AAIZ;EACI;;AACA;EACI;;AAEJ;EACI;ELvCR;EACA;EACA;EACA;EACA;;AKsCI;EACI;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;;AACA;EACI;;AAEJ;EACI;EL7DR;EACA;EACA;EACA;EACA;;AK4DI;EACI;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;ELtFR;EACA;EACA;EACA;EACA;;AKqFI;EACI;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EL/GR;EACA;EACA;EACA;EACA;;AK8GI;EACI;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;;AACA;EACI;;AACA;EACI;;AAGA;EACI;;AAIZ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AACA;EACI;;AAIZ;EACI;;AACA;EACI;;AAEJ;EACI;ELjKR;EACA;EACA;EACA;EACA;;AKgKI;EACI;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAIZ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EAQA;EACA;EACA;EACA;;AAVA;EACI;;AAEJ;EACI;EACA;;;AASZ;ELtPI;EACA;EACA;EACA;EACA;EKoPA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EL/NR;EACA;EACA;EACA;EACA;;AK+NA;ELnOA;EACA;EACA;EACA;EACA;EKiOI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EACI;;AAGR;EACI;EACA;EACA;;;AJtSZ;ALRA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AUjBA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;EAGI;;;AAGJ;AAAA;EAEI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIA;EACI;EACA;;;AAIR;EACI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEI;;;AAIR;AACA;AAAA;EAEI;;;AAGJ;AAAA;EAEI;;;AAGJ;EACI;EACA;;;ALzSJ;ALVA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AWjBA;EACI;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAeI,aTpBI;ESqBJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;;AAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACI;;AAIZ;AAAA;AAAA;AAAA;EAII;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAII;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;;AACA;EACI;;AAIZ;EACI;EACA;;;AAMhB;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EPpEJ;EACA;EACA;EACA;EACA;;AOkEI;EACI;;AAEJ;EACI;;AAKA;EACI;EACA;EACA;;AACA;EACI;;AAIZ;EACI;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAOJ;EACI;EACA;;;AAOJ;EACI;;;AAMR;EACI;EACA;EACA;;;AAKJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;EACA;;AACA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EPlNJ;EACA;EACA;EACA;EACA;;AOgNI;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAGR;EACI,aT9SG;ES+SH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EPlQJ;EACA;EACA;EACA;EACA;;;AOmQJ;EACI;EACA;;AACA;EACI;EACA;EACA;;;AAMA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIZ;EACI;EACA;;AACA;EACI;EACA;EACA;;;AAKZ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EPnTJ;EACA;EACA;EACA;EACA;;AOkTA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAIJ;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;AACA;EACI;;;AAMA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAGA;EACI;;AACA;EACI;EACA;;AAKhB;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EPnZR;EACA;EACA;EACA;EACA;;AOiZQ;EACI;;;ANjchB;ALZA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AYjBA;EACI;EACA;ERHA;EACA;EACA;EACA;EACA;EACA,aQDc;EREd,iBQFsB;ERkDtB;EACA;EACA;EACA;EACA;;AQpDA;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEI;EAEI;EACA;EACA;EACA;;AACA;EACI;;AAIZ;EAEI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;ERCJ;EACA;EACA;EACA;EACA;;AQHI;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAKA;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;ERxBJ;EACA;EACA;EACA;EACA;;AQsBI;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;;AACA;EACI;;;AAIR;EACI;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAMR;EACI;EACA;EACA;EACA;;AACA;EACI;;AAIJ;EACI;EACA;EACA;;AACA;EACI;;;APzHhB;ALdA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AajBA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ETwCA;EACA;EACA;EACA;EACA;;AS1CA;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;;AACA;AAAA;EACI;ETyBR;EACA;EACA;EACA;EACA;;ASzBQ;AAAA;EACI;;AAIZ;AAAA;EACI;ETeJ;EACA;EACA;EACA;EACA;ESjBI;EACA;EACA;EACA;;AACA;AAAA;EACI;EACA;;AAGR;AAAA;EACI;EACA;EACA;;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;;AAIJ;EACI;EACA;;;AAKZ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ETpDA;EACA;EACA;EACA;EACA;;ASkDA;AAAA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AR1IR;ALhBA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AchBI;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EVyCR;EACA;EACA;EACA;EACA;EU3CQ;EAOA;EAKA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EVnDJ;EACA;EACA;EACA;EACA;EACA,aU+CkB;EV9ClB,iBU8C0B;EACtB;EACA;EACA;;AAMA;EACI;;AACA;EACI;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EVvBZ;EACA;EACA;EACA;EACA;;AUuBY;EACI;;AAIZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAKhB;EACI;;AAEA;EAiBI;;AAhBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAIJ;EACI;EACA;;AAEJ;EACI;;AAKA;EACI;EACA;EACA;;AAIJ;EACI;;;AAMhB;EACI;;AACA;EACI;EACA;;AAEI;EACI;EACA;EACA;;AAGR;EACI;;AAIJ;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOpB;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;;AAMA;EACI;;;AAMR;EACI;;AACA;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EV1MZ;EACA;EACA;EACA;EACA;EUwMY;EACA;;AAGR;EVhNJ;EACA;EACA;EACA;EACA;EU8MQ;EACA;;AAGA;AAAA;EAEI;;AAGA;EACI;;;AAOpB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;;AAOZ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAKZ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAGA;EACI;;;AAOZ;EACI;EACA;EACA;;AAGA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EV/TA;EACA;EACA;EACA;EACA;EU6TA;;AACA;EACI;EACA;;AAEJ;EACI;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;AACA;EACI;EACA,aZ7YK;EY8YL;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;;ATvYR;ALlBA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AejBA;EACI;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;;AACA;EACI;;AACA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EXwBZ;EACA;EACA;EACA;EACA;;AWzBQ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EXAR;EACA;EACA;EACA;EACA;;AWFQ;EACI;;AACA;EACI;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;EACA;;AAGA;EAEI;;AAKhB;EACI;;AACA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAIZ;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;;AVxGZ;ALpBA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AgBjBI;EACI;EACA;EACA;EACA;EACA;;AAGQ;EACI;;AAEJ;EACI;EACA;;AAGR;EACI;;AAIZ;EZgCA;EACA;EACA;EACA;EACA;;AYjCA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;;AACA;AAAA;EAEI;EACA;;AAKQ;EACI;;AAGR;EACI;;AAKR;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AAEJ;EACI;;AAEJ;EAGI;EACA;;AACA;EACI;;AAEJ;EACI;;AAGR;EACI;;AACA;EACI;;AAGR;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;;AAIY;EACI;;AAKhB;EACI;;AAGR;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAKhB;EACI;EACA;;AAEI;EAEI;;AAGR;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AXtKZ;ALtBA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AiBhBI;EACI;EACA;EACA;EACA;EbgDJ;EACA;EACA;EACA;EACA;EalDI;EACA;;AAEA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EbvBR;EACA;EACA;EACA;EACA;EACA,aamBsB;EblBtB,iBakB8B;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAGA;EACI;EbSR;EACA;EACA;EACA;EACA;EaXQ;EAOA;EAKA;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;Eb/EJ;EACA;EACA;EACA;EACA;EACA,aa2EkB;Eb1ElB,iBa0E0B;EACtB;EACA;Eb5BJ;EACA;EACA;EACA;EACA;;Aa0BI;EACI;EACA;EACA;;AAIJ;EACI;;AAGA;EACI;;AAIZ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAIJ;EACI;;AAIZ;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AACA;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbvKJ;EACA;EACA;EACA;EACA;EACA,aamKkB;EblKlB,iBakK0B;EblH1B;EACA;EACA;EACA;EACA;EagHI;;AACA;EACI;;AAEJ;EACI;;AACA;EbnHR;EACA;EACA;EACA;EACA;;AamHI;EAEI;EACA;;AAGA;EACI;EACA;EACA;EACA;;AAGA;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;;;AAKJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbvNJ;EACA;EACA;EACA;EACA;;AaqNI;EACI;;;AAKZ;EACI;;;AAIA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EbrPZ;EACA;EACA;EACA;EACA;;AauPY;EACI;;;AAMpB;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;;AAKR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EbhTZ;EACA;EACA;EACA;EACA;;AaiTY;EACI;;AAEJ;EACI;;;AAMpB;EACI;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAII;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbtYR;EACA;EACA;EACA;EACA;EaoYQ;;AACA;EACI;EACA;EACA;EACA;EACA;Eb9YZ;EACA;EACA;EACA;EACA;;Aa+YQ;EACI;;AAEJ;EACI;EACA;EACA;;;AAQhB;EACI;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;;AAIZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEI;EACA;;;AAIZ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EbzeJ;EACA;EACA;EACA;EACA;;AaueI;EACI;;AAGR;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;;AAEJ;AAAA;AAAA;EAGI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;Eb3hBhB;EACA;EACA;EACA;EACA;;Aa4hBgB;EACI;;AAEJ;EACI;;AAMpB;EACI;EACA;;AAGJ;EACI;;AAGA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;;AAGR;EACI;;;AAKJ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;;AAGR;EACI;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEI;AAAA;AAAA;EAGI;;AAGR;EACI;;AAEI;AAAA;AAAA;EAGI;;;AAQxB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;;AACA;EACI;;AAGJ;EACI;;AAEJ;EACI;EbhqBJ;EACA;EACA;EACA;EACA;Ea8pBI;;AACA;EACI;;AAGR;EACI;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AACA;EACI;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGR;EACI;;;AAKZ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AZ5wBJ;AAEA;AL1BA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AkBhBI;AAAA;EAEI;EACA;;AACA;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;;AAMA;AAAA;EACI;EACA;EACA;;AAEJ;AAAA;EACI;;;AAOZ;EACI;;AACA;EdWJ;EACA;EACA;EACA;EACA;;AcTQ;EACI;;;AAMhB;EACI;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EATJ;IAUQ;IACA;IACA;;;AAGJ;EACI;EACA;EACA;;AAMJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAUJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI;;;AAMhB;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAIJ;EACI;EACA;;AACA;EACI;;;AAMhB;EACI;Ed/FA;EACA;EACA;EACA;EACA;Ec6FA;EAOA;EAKA;EACA;EACA;;AACA;EACI;;;AAKJ;AAAA;AAAA;EAGI;;AACA;AAAA;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;AAAA;AAAA;EAGI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAQJ;AAAA;AAAA;EACI;EACA;EACA;;;AAMhB;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;Ab5OR;AL5BA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;ACjBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA,aCjBG;EDkBH;EACA;EACA;EACA;EACA;EACA;EG6BJ;EACA;EACA;EACA;EACA;EH/BI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AACA;EACI;EACA,aC3GT;ED4GS;EACA;EACA;EACA;;AAKhB;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;EACA;EACA;;AAGA;EACI;;AAIJ;EACI;EACA;;;AASZ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EGvLJ;EACA;EACA;EACA;EACA;EACA,aHmLsB;EGlLtB,iBHkL8B;EACtB;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EG9MZ;EACA;EACA;EACA;EACA;EACA,aH0M8B;EGzM9B,iBHyMsC;EACtB;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EAGI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIZ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAKR;EACI;EACA;;;AItQZ;AAkBA;AAEA;AchCA;EACI;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAGA;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;;AAEJ;AAAA;EACI;;;AAMhB;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;;EAEJ;IACI;;;AAGR;EACI;IACI;;EAEJ;IACI;;;AAIR;EACI;IAEI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;;AAIR;EACI;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;;AAIR;EACI;EAEA;;;AAGJ;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;;;AAIR;EACI;EAEA;;;AAGJ;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;;;AAIR;EACI;IACI;;;AdjQR;ALlCA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AoBjBA;EhBqDI;EACA;EACA;EACA;EACA;;AgBtDI;EACI;EACA;EACA;EhBPR;EACA;EACA;EACA;EACA;EACA,agBGsB;EhBFtB,iBgBE8B;EACtB;EACA;;AACA;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA,alBhCC;EkBiCD;EACA;EACA;EACA;EACA;EhBiBR;EACA;EACA;EACA;EACA;EgBnBQ;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EhBAZ;EACA;EACA;EACA;EACA;EgBFY;EACA;;AAGA;EACI;;AAIZ;EACI;;AACA;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EhBrFR;EACA;EACA;EACA;EACA;EACA,agBiFsB;EhBhFtB,iBgBgF8B;EACtB;EACA;EACA;EACA;EhBpCR;EACA;EACA;EACA;EACA;EgBkCQ;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EhBhCZ;EACA;EACA;EACA;EACA;EgB8BY;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;AAAA;EhB3DJ;EACA;EACA;EACA;EACA;;AgB4DA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EhBzJR;EACA;EACA;EACA;EACA;EACA,agBqJsB;EhBpJtB,iBgBoJ8B;EACtB;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EhBhHJ;EACA;EACA;EACA;EACA;;AgB+GI;EACI;EACA;EACA;;AAEI;EACI;;AAQR;EACI;;;AfrJhB;ALpCA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AqBjBA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;;;AAIA;EjByBA;EACA;EACA;EACA;EACA;;AiB1BA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAIJ;EACI;;AAEJ;EACI;;;ArBhDZ;AA5BA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AsBhBI;EACI;EACA;EACA;;AACA;EACI;ElBPR;EACA;EACA;EACA;EACA;EACA,akBGsB;ElBFtB,iBkBE8B;EACtB;EACA;EACA;EACA;ElB0CR;EACA;EACA;EACA;EACA;;AkB5CQ;EAEI;EACA;EACA;;;AAMhB;EACI;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;;AACA;EACI;EACA;ElBtCJ;EACA;EACA;EACA;EACA;EACA,akBkCkB;ElBjClB,iBkBiC0B;EACtB;EACA;EACA;ElBYJ;EACA;EACA;EACA;EACA;EkBdI;;AACA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAKR;EACI;;AACA;EACI;;AAIZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;;AAOZ;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;;AAKZ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAKA;EACI;;AAIZ;EACI;;;AAKJ;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAKI;ElBrHJ;EACA;EACA;EACA;EACA;;AkBsHY;EACI;;;AAOpB;EACI;;AACA;EACI;ElBrIJ;EACA;EACA;EACA;EACA;;AkBqIA;EACI;EAEA;;AAEJ;EACI;;;AAIR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACD;;AAEH;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;AAGA;EACI;;AAGR;EACI;EACA;;AAIZ;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAOA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGA;EACI;;AAKR;EACI;EACA;;;AAOZ;EACI;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AAMI;EACI;;AAIZ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;;AAQR;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AACA;EACI;;AAIZ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;ElB1eR;EACA;EACA;EACA;EACA;EACA,akBsesB;ElBretB,iBkBqe8B;EACtB;EAKA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAIJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;;AAEI;EACI;EACA;;AAGR;EACI;;;AAKZ;EACI;;;AAGJ;EACI;;AACA;EACI;;AAGA;EACI;;AAGA;EACI;;AAEJ;EACI;ElBhfZ;EACA;EACA;EACA;EACA;;AkB+eQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ElB1fZ;EACA;EACA;EACA;EACA;EkBwfY;;AAGA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;ElBtkBZ;EACA;EACA;EACA;EACA;EACA,akBkkB0B;ElBjkB1B,iBkBikBkC;EACtB;EACA;;AACA;EACI;EACA;EACA;;AAMZ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElBhjBR;EACA;EACA;EACA;EACA;EkB8iBQ;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAKR;EACI;EACA;EACA;;AACA;EACI;EACA;;AAMZ;EACI;;AAEJ;EACI;EACA;EACA;;AAIZ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;;AAKZ;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAIZ;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMhB;EACI;EACA;EACA;EACA;ElB/xBA;EACA;EACA;EACA;EACA;;AkB6xBA;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAKZ;EACI;;AACA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AAIR;EACI;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EAEA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;ElB55BR;EACA;EACA;EACA;EACA;;AkB05BQ;EACI;EACA;EACA;;AAIZ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGJ;AAAA;EAEI;;AAEJ;EACI;;;AAIR;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;;;AAIR;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAGA;EACI;EACA;EACA;ElBxiCR;EACA;EACA;EACA;EACA;EACA,akBoiCsB;ElBniCtB,iBkBmiC8B;;AAG9B;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;;AAOR;AAAA;EACI;EACA;;AACA;AAAA;EACI;;AAGA;AAAA;EACI;EACA;;AAGR;AAAA;EACI;EACA;EACA;EACA;;;AAMR;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;ElBlmCR;EACA;EACA;EACA;EACA;EACA,akB8lCsB;ElB7lCtB,iBkB6lC8B;;;AAO1B;EACI;EACA;EACA;;AAIJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;;AACA;EACI;;AACA;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;ElBtlCZ;EACA;EACA;EACA;EACA;EkBolCY;;AAGR;EACI;;AAGJ;EAGI;;AAEI;EACI;EACA;;AAGR;EACI;EACA;;AACA;EACI;;AAIJ;EACI;;AAGR;EACI;;AAEJ;EACI;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGA;EACI;ElBrsCR;EACA;EACA;EACA;EACA;EACA,akBisCsB;ElBhsCtB,iBkBgsC8B;;AAG9B;EACI;EACA;;AAEJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAEJ;EACI;;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;ElBnsCA;EACA;EACA;EACA;EACA;;AkBisCA;ElBrsCA;EACA;EACA;EACA;EACA;;AkBosCA;EACI;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;;AAMA;EACI;;AAGR;EACI;EACA;EACA;;AAEJ;EACI;;;AAIR;EACI;EACA;;AACA;EACI;;AACA;EACI;EACA;ElBhwCR;EACA;EACA;EACA;EACA;EkB8vCQ;;AACA;EACI;EACA;EACA;EACA;EACA;ElBxwCZ;EACA;EACA;EACA;EACA;EkBswCY;EACA;;AAKJ;EACI;;AACA;EACI;;;AAOpB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;ElB92CR;EACA;EACA;EACA;EACA;EACA,akB02CsB;ElBz2CtB,iBkBy2C8B;EACtB;EACA;EACA;EACA;;AAGR;EACI;;AAGA;EACI;;;AAKZ;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;ElB/6CJ;EACA;EACA;EACA;EACA;EACA,akB26CkB;ElB16ClB,iBkB06C0B;;AACtB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;;AAIZ;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;;AAIZ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;;AtBp/CR;AA/BA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AuBhBI;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAYR;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAGJ;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAQJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAGR;EACI;;AACA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAIZ;EACI;EACA;;AACA;EACI;EACA;;AAIZ;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AACA;EACI;EACA;;AAGR;EACI;;AAGR;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;;AAMhB;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;EACA,arBrRL;EqBsRK;EACA;EACA;;AAGR;EACI;;AACA;EACI;;;AAOZ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;EnB5UR;EACA;EACA;EACA;EACA;EACA;EACA;EmBwUQ;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;;AACA;EACI;;AACA;EACI;;AAIJ;EACI;;AAGR;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAGR;EACI;EACA;;;AAOI;EACI;;AAKR;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;;AAIJ;EACI;EACA;;;AAKZ;EACI;;AACA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;;AAGA;EACI;EACA;EACA;EACA;EnBniBR;EACA;EACA;EACA;EACA;EACA,amB+hBsB;EnB9hBtB,iBmB8hB8B;EACtB;EACA;;AAGR;EACI;;AAEJ;EACI;;;AAKJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAIJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;;;AAQR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EnBnpBZ;EACA;EACA;EACA;EACA;EACA,amB+oB0B;EnB9oB1B,iBmB8oBkC;EACtB;;AACA;EACI;EACA;;AAIZ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EnBpqBZ;EACA;EACA;EACA;EACA;EACA,amBgqB0B;EnB/pB1B,iBmB+pBkC;EnB/mBlC;EACA;EACA;EACA;EACA;;AmB6mBY;EACI;;AACA;EACI;;AAOhB;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;;AAGA;EACI;;AAEJ;EACI;;AAGA;EACI;;AAGR;EACI;;AAGJ;EACI;;;AAOJ;EACI;EACA;;AAGR;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;EAQA;EACA;;AARA;EACI;;AACA;EACI;EACA;;AAKR;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAOJ;EACI;EACA;;AAGA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAIZ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;;AAMR;EACI;EACA;;AACA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AACA;EACI;;AAOJ;EACI;;AAGR;EACI;EACA;EACA;;AACA;EACI;;;AAQR;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EnB37BZ;EACA;EACA;EACA;EACA;EACA,amBu7B0B;EnBt7B1B,iBmBs7BkC;;AAE1B;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EAIA;;AAHA;EACI;;AAKZ;EACI;EACA;;AACA;EACI;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;;AAQhB;EACI;EACA;;AAGA;EACI;EACA;;;AAKZ;EACI;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EnBl9BZ;EACA;EACA;EACA;EACA;;;AmBs9BA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEI;EACI;;AAIZ;EACI;;AAEJ;EACI;;AACA;EACI;;AAKA;EACI;;AAIZ;AAAA;EAEI;EACA;;;AAKJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAGR;EACI;;;AAMA;EACI;EACA;;;AAOJ;EACI;EACA;;;AAMR;EACI;;;AAMA;EACI;EACA;;AAEJ;EACI;;AACA;EACI;;;AAQR;EACI;;AACA;EACI;EACA;;;AvBrlChB;AAlCA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AwBjBA;EAGQ;AAAA;IACI;;EAEJ;AAAA;IACI;;EAEJ;AAAA;IACI;;EAGR;IACI;;EAGA;IACI;;EAEI;IACI;;EASA;IACI;IACA;;EAEJ;IACI;;EAOhB;IACI;;EAEJ;IACI;IACA;;EACA;IACI;IACA;IACA;;;AAKhB;EAMQ;AAAA;AAAA;AAAA;AAAA;IACI;;EAEJ;AAAA;AAAA;AAAA;AAAA;IACI;;EAEJ;AAAA;AAAA;AAAA;AAAA;IACI;;EAGR;IACI;;EAII;IAII;;EAHA;IACI;;EAIR;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAMJ;IACI;;EAEJ;IACI;;EAIJ;IACI;IACA;IACA;;EAKR;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAKA;IACI;;EAKR;IACI;;EAIJ;IACI;;EAEJ;IACI;IACA;IACA;;EACA;IACI;IACA;IACA;;EAOJ;IACI;;EAEJ;IACI;IACA;IACA;;EAQI;IACI;;EAMpB;IACI;;EAGA;IACI;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAKA;IACI;;EAMJ;IACI;;EAMJ;IACI;;EAKR;IACI;;EAGR;IACI;IACA;IACA;;EAEJ;IACI;IACA;;EAGA;IACI;;;AAIZ;EAMQ;AAAA;AAAA;AAAA;AAAA;IACI;;EAEJ;AAAA;AAAA;AAAA;AAAA;IACI;;EAEJ;AAAA;AAAA;AAAA;AAAA;IACI;;EAGR;IACI;;EAEJ;IACI;;EAII;IACI;IACA;;EAEJ;IACI;;EAGA;IACI;IACA;;EAGR;IACI;IACA;;EAGR;IACI;;EACA;IACI;IACA;;EAGJ;IACI;;EAEJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAGR;IACI;;EAIJ;IACI;;EAMJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGR;IACI;;EAII;IACI;;EAGR;IAII;;EAHA;IACI;;EAIR;IACI;;EAEJ;IACI;;EAKR;IACI;;EAIJ;IACI;;EAGR;IACI;IACA;IACA;;EACA;IACI;;EAIJ;IACI;;EAIJ;IACI;;EAEJ;IACI;;EAIJ;IACI;;EACA;IACI;;EAGR;IACI;;EAEJ;IACI;;EACA;IACI;;EAIZ;IACI;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAKA;IACI;;EAKR;IACI;;EAEJ;IACI;;EAEJ;IACI;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAKR;IACI;IACA;;EAIJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGA;IACI;IACA;;EAMJ;IACI;IACA;;EACA;IACI;;EAGR;IACI;;EAGA;IACI;;EAKR;IACI;;EAGR;IACI;IACA;;EAKA;IACI;IACA;IACA;;EAIJ;IACI;IACA;IACA;;EAEJ;IACI;;EACA;IACI;IACA;;EAKR;IACI;;EAMJ;IACI;;EAGA;IACI;;EAMZ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EACA;IACI;IACA;;EAGR;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAKA;IACI;;EAEJ;IACI;;EAKR;IACI;;EAGR;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;EAMJ;IACI;;EAIZ;IAQI;IACA;;EAPI;IACI;IACA;IACA;;EAQJ;IACI;IACA;;EAGA;IACI;IACA;IACA;;EACA;IACI;;EAMpB;IACI;;EACA;IACI;;EAIJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAGA;IACI;;EAEJ;IACI;;EAMJ;IACI;;EAIZ;IACI;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;;EACA;IACI;;EAGR;IACI;;EAGR;IACI;;EACA;IACI;;EAMA;IACI;;EAIJ;IACI;;EAIJ;IACI;;EAOA;IACI;IACA;IACA;;EAKR;IACI;;EAKR;IACI;;EAEJ;IACI;IACA;;EACA;IACI;IACA;IACA;IACA;;EAMJ;IACI;IACA;;EAGR;IACI;;EAIJ;IACI;;EAKA;IACI;;EAKR;IACI;;EACA;IACI;IACA;IACA;;EAMJ;IACI;IACA;;;AAKhB;EAMQ;AAAA;AAAA;AAAA;AAAA;IACI;;EAEJ;AAAA;AAAA;AAAA;AAAA;IACI;;EAIJ;IACI;;EAKA;IACI;;EAIJ;IACI;IACA;;EAIZ;IACI;;EAKQ;IACI;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAMpB;IACI;;EACA;IACI;;EAEJ;IACI;IACA;IACA;;EACA;IACI;;EAKR;IACI;;EAKA;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAMJ;IACI;IACA;;EAGA;IACI;;EAMZ;IACI;IACA;;EAGA;IACI;;EAMJ;IACI;IACA;;EAKR;IACI;;EACA;IACI;;EAIZ;IACI;;EAGA;IACI;IACA;;EAMI;IACI;;EAOR;IACI;;EAKR;IACI;;EAKA;IACI;IACA;;EAKR;IACI;IACA;;EAIJ;IACI;;EACA;IACI;;EAGR;IACI;IACA;;EAIJ;IACI;;EAGR;IACI;;;AAIR;EAEQ;IACI;;EAEJ;IACI;;EAIA;IACI;;EAEJ;IACI;;EAIJ;IACI;;EAMJ;IACI;;EAMJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;IACA;;EAGA;IACI;;EAMZ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAIJ;IACI;IACA;;;AAIZ;EACI;IACI;IACA;IACA;;EAGA;IACI;;EAEJ;IACI;;EAIJ;IACI;;EAMA;IACI;;EAKR;IACI;;EAEJ;IACI;;EAGR;AAAA;AAAA;IAGI;;EAEJ;IACI;IACA;;;AAGR;EACI;IACI;;;AAIR;EACI;IACI;;EAMY;IACI;;EAOhB;IACI;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGR;IACI;IACA;;EAGR;IACI;;EAGA;IACI;IACA;IACA;;EAEJ;IACI;;EAKA;IACI;;EAIZ;IACI;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;;EAGR;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAKQ;IACI;;EAIZ;IACI;;EAGR;IACI;;;AAGR;EACI;AAAA;IAEI;IACA;;EAGA;IACI;;EAGR;IACI;;EAEJ;IACI;;EAIA;IACI;IACA;;;AAIZ;EACI;IACI;;EAEJ;IACI;IACA;;EAII;IACI;;EAIZ;IACI;;;AAGR;EACI;IACI;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IA6CI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGA;IACI;;EACA;IACI;;EAKJ;IACI;;EAIJ;IACI;;EAIJ;IACI;;EAEJ;IACI;;EAKR;AAAA;IAEI;;EAEJ;IACI;;EAEJ;IACI;;EAGA;IACI;;EAIJ;IACI;;EAGR;IACI;;EAGR;IACI;IACA;;EAEJ;IACI;;EAGA;IACI;;EAKA;IACI;;EAMJ;IACI;;EAKR;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAIZ;IACI;;EACA;IACI;IACA;IACA;IACA;IACA;;EAIJ;IACI;;EAGA;IACI;IACA;;EAEJ;IACI;;EAIJ;IACI;;EAGR;IACI;;EAKA;IACI;;EAEJ;IACI;;EAKR;IACI;;EAIJ;IACI;;EACA;IACI;;EAGR;IACI;IACA;IACA;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;EAGA;IACI;;EAOR;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAIZ;IACI;;EAEJ;IACI;;EACA;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EACA;IACI;IACA;;EAMJ;IACI;;EAMJ;IACI;;EAEJ;IACI;IACA;;EAGR;IACI;;EAEI;IACI;IACA;;EAEJ;IACI;IACA;;EAIZ;IACI;;EAEJ;IACI;IACA;;EAIJ;IACI;IACA;IACA;;EAEJ;IACI;;EAKA;IACI;;EAKR;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGR;IACI;;EACA;IACI;;EAGR;IACI;IACA;;EAEJ;IACI;IACA;;EACA;IACI;;EAKA;IACI;;EAIZ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGA;IACI;IACA;;EAEJ;IACI;;EAGR;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EACA;IACI;;;AAKhB;EAEQ;IACI;IACA;;;AAKZ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IA6CI;IACA;;EAGJ;IACI;;EAEJ;IACI;;EAGJ;IACI;;EAEJ;IACI;;EAII;IACI;;EACA;IACI;;EAGR;IACI;;EAEJ;AAAA;IAEI;;EAEJ;IACI;;EAIJ;IACI;;EAEJ;IACI;IACA;;EAKA;IACI;;EAGR;IACI;;EAKR;IACI;;EAEJ;IACI;;EAGA;IACI;;EAGR;IACI;;EAEJ;IACI;;EAGA;IACI;;EAGR;IACI;;EACA;IACI;;EAGR;IACI;IACA;;EACA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGR;IACI;IACA;;EAKQ;IACI;;EAEJ;IACI;;EAIZ;IACI;;EAIJ;IACI;;EAEJ;IACI;;EAKA;IACI;IACA;IACA;IACA;;EAKR;IACI;;EAII;IACI;IACA;;EAMZ;IACI;;EAIJ;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAIZ;IACI;IACA;;EACA;IACI;IACA;;EACA;IACI;;EACA;IACI;;EAGR;IACI;IACA;IACA;IACA;;EAIZ;IACI;IACA;IACA;;EAGA;IACI;;EAGR;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAGA;IACI;;EAGR;IACI;IACA;;EAGA;AAAA;AAAA;IAGI;;EACA;AAAA;AAAA;IACI;;EAGR;IACI;;EAEJ;IACI;IACA;IACA;;EAIJ;IACI;;EAEJ;IACI;;EACA;IACI;IACA;;EAGR;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAGR;IACI;;EAII;IACI;IACA;;EAEJ;IACI;;EAGA;IACI;IACA;;EAEJ;IACI;;EAOZ;AAAA;IACI;;EAEI;AAAA;IACI;;EAMZ;IACI;IACA;;EACA;IACI;;EAMJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;;EAGR;IACI;IACA;;EACA;IACI;;EAGR;IACI;;EAEJ;IACI;;EACA;IACI;;EAEJ;IACI;IACA;IACA;;EAIZ;AAAA;IAEI;;EAGA;IACI;IACA;;EACA;IACI;;EAEJ;AAAA;AAAA;IAGI;;EAEJ;IACI;IACA;IACA;;EAGR;IACI;;EACA;IACI;;EAGA;IACI;;EAGR;IACI;;EAEJ;IACI;;EAMJ;IACI;IACA;;EAEJ;IACI;;EACA;IACI;;EAKR;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAKR;IACI;;EAEJ;IACI;;EACA;IACI;;EAKR;IACI;;EAEJ;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAKR;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAIZ;IACI;;EAGA;IACI;;EAEJ;IACI;;EAGR;IACI;;EACA;IACI;IACA;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAIJ;IACI;;EACA;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;;EAGR;IACI;;EAKA;IACI;;EAGA;IACI;IACA;IACA;;EAKhB;IACI;;EACA;IACI;;EAIJ;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAKR;IACI;IACA;;EAGR;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EACA;AAAA;IAEI;;EAEJ;IACI;IACA;;EAKA;IACI;;EACA;IACI;;EAKR;IACI;;EAEJ;IACI;;EAIZ;IACI;;EAGA;IACI;;EAEJ;IACI;;EAGR;IACI;;EAEJ;IACI;;EAEJ;IACI;;EACA;IACI;;EAIJ;IACI;;EACA;IACI;;EAIJ;IACI;;EAIZ;IACI;;EAII;IACI;;EAEJ;IACI;;EAMJ;IACI;IACA;;EAIZ;IACI;IACA;;EACA;IACI;;;AAIZ;EACI;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;AAAA;IAEI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EACA;IACI;;EAMI;IACI;IACA;;EAOR;IACI;;EAGR;IACI;;EAIA;IACI;;EAIZ;IACI;IACA;IACA;;EAII;IACI;IACA;;EAEJ;IACI;;EAMJ;IACI;IACA;;EAIZ;IACI;;EAEJ;IACI;;EAGA;IACI;IACA;;EACA;IACI;;EAEJ;IACI;;EAIZ;IACI;;EAGA;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;EACA;IACI;IACA;;EAEJ;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;;EAMJ;IACI;;EACA;IACI;;EAKR;IACI;;EACA;IACI;IACA;;EAGR;IACI;IACA;;EAMJ;IACI;;EAMJ;IACI;IACA;IACA;;EAEJ;IACI;;EAIZ;IACI;IACA;IACA;;EAEJ;IACI;;EACA;IACI;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAMI;IACI;IACA;;EAEJ;IACI;IACA;;EAMhB;IACI;IACA;IACA;IACA;;EAEJ;IACI;IACA;;EACA;IACI;;;AAKZ;EACI;IACI;IACA;;EAII;IACI;;EAEJ;IACI","file":"styles.css"}
\ No newline at end of file
diff --git a/public/css/swiper-bundle.min.css b/public/css/swiper-bundle.min.css
new file mode 100644
index 0000000..1043305
--- /dev/null
+++ b/public/css/swiper-bundle.min.css
@@ -0,0 +1,14 @@
+/**
+ * Swiper 11.1.15
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2024 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: November 18, 2024
+ */
+
+ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
+ 
\ No newline at end of file
diff --git a/public/font/fonts.css b/public/font/fonts.css
new file mode 100644
index 0000000..c23b71a
--- /dev/null
+++ b/public/font/fonts.css
@@ -0,0 +1,288 @@
+/* latin-ext */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: italic;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: italic;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'DM Sans';
+  font-style: normal;
+  font-weight: 100 1000;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwadkRFe9.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwa5kRFe9.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwaZkRFe9.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwalkRFe9.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwaVkRFe9.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwaRkRFe9.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSyv5HMAFg6IuGlBNMjxLsCwapkRA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsK8ah8QA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsD8ah8QA.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsL8ah8QA.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsE8ah8QA.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsI8ah8QA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Inter Tight';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/intertight/v7/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/public/font/icons/icomoon/Read Me.txt b/public/font/icons/icomoon/Read Me.txt
new file mode 100644
index 0000000..723a49e
--- /dev/null
+++ b/public/font/icons/icomoon/Read Me.txt	
@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/docs/#local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
diff --git a/public/font/icons/icomoon/demo-files/demo.css b/public/font/icons/icomoon/demo-files/demo.css
new file mode 100644
index 0000000..39b8991
--- /dev/null
+++ b/public/font/icons/icomoon/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+
diff --git a/public/font/icons/icomoon/demo-files/demo.js b/public/font/icons/icomoon/demo-files/demo.js
new file mode 100644
index 0000000..6f45f1c
--- /dev/null
+++ b/public/font/icons/icomoon/demo-files/demo.js
@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());
diff --git a/public/font/icons/icomoon/demo.html b/public/font/icons/icomoon/demo.html
new file mode 100644
index 0000000..d0c2d9c
--- /dev/null
+++ b/public/font/icons/icomoon/demo.html
@@ -0,0 +1,1620 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;113)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-faders"></span>
+                <span class="mls"> icon-faders</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e970" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe970;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-Star-2"></span>
+                <span class="mls"> icon-Star-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-work-life-balance"></span>
+                <span class="mls"> icon-work-life-balance</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e969" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe969;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-collaborative-culture"></span>
+                <span class="mls"> icon-collaborative-culture</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-competitive-compensation"></span>
+                <span class="mls"> icon-competitive-compensation</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-comprehensive-benefits"></span>
+                <span class="mls"> icon-comprehensive-benefits</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-global-opportunities"></span>
+                <span class="mls"> icon-global-opportunities</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-professional-development"></span>
+                <span class="mls"> icon-professional-development</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e96e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe96e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-sync-alt-solid"></span>
+                <span class="mls"> icon-sync-alt-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e965" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe965;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-Analytics-Board-Bars"></span>
+                <span class="mls"> icon-Analytics-Board-Bars</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e966" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe966;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-Exceeding-Expectations"></span>
+                <span class="mls"> icon-Exceeding-Expectations</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e967" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe967;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-Performance-Increase-1"></span>
+                <span class="mls"> icon-Performance-Increase-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e968" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe968;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check-cycle-line-2"></span>
+                <span class="mls"> icon-check-cycle-line-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e963" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe963;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-right-02-sharp"></span>
+                <span class="mls"> icon-arrow-right-02-sharp</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e962" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe962;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-left-02-sharp"></span>
+                <span class="mls"> icon-arrow-left-02-sharp</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e964" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe964;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-left-01"></span>
+                <span class="mls"> icon-arrow-left-01</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e960" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe960;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-right-01"></span>
+                <span class="mls"> icon-arrow-right-01</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e961" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe961;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check-cycle-line"></span>
+                <span class="mls"> icon-check-cycle-line</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-share-network"></span>
+                <span class="mls"> icon-share-network</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-caret-left"></span>
+                <span class="mls"> icon-caret-left</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-caret-right"></span>
+                <span class="mls"> icon-caret-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quote"></span>
+                <span class="mls"> icon-quote</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-customer-support"></span>
+                <span class="mls"> icon-customer-support</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-link-simple"></span>
+                <span class="mls"> icon-link-simple</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e959" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe959;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-down-01"></span>
+                <span class="mls"> icon-arrow-down-01</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e958" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-blogger"></span>
+                <span class="mls"> icon-blogger</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-book-bookmark-02"></span>
+                <span class="mls"> icon-book-bookmark-02</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bulb"></span>
+                <span class="mls"> icon-bulb</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-clapping-01"></span>
+                <span class="mls"> icon-clapping-01</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-customer-service"></span>
+                <span class="mls"> icon-customer-service</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-file-verified"></span>
+                <span class="mls"> icon-file-verified</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-medal-first-place"></span>
+                <span class="mls"> icon-medal-first-place</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-message-question"></span>
+                <span class="mls"> icon-message-question</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mic-01"></span>
+                <span class="mls"> icon-mic-01</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e908" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star"></span>
+                <span class="mls"> icon-star</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e909" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-time-02"></span>
+                <span class="mls"> icon-time-02</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user-group"></span>
+                <span class="mls"> icon-user-group</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user-question-02"></span>
+                <span class="mls"> icon-user-question-02</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-paper-plane"></span>
+                <span class="mls"> icon-paper-plane</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-parking-solid"></span>
+                <span class="mls"> icon-parking-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-play-filled"></span>
+                <span class="mls"> icon-play-filled</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-play-solid"></span>
+                <span class="mls"> icon-play-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e910" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus-solid"></span>
+                <span class="mls"> icon-plus-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e911" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quote-right-solid"></span>
+                <span class="mls"> icon-quote-right-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e912" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-reddit"></span>
+                <span class="mls"> icon-reddit</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e913" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-search-solid"></span>
+                <span class="mls"> icon-search-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e914" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shipping-fast-solid"></span>
+                <span class="mls"> icon-shipping-fast-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e915" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shopping-cart-solid"></span>
+                <span class="mls"> icon-shopping-cart-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e916" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star1"></span>
+                <span class="mls"> icon-star1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e917" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star-half-alt-solid"></span>
+                <span class="mls"> icon-star-half-alt-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e918" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star-solid"></span>
+                <span class="mls"> icon-star-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e919" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tiktok-filled"></span>
+                <span class="mls"> icon-tiktok-filled</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-times-solid"></span>
+                <span class="mls"> icon-times-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tty-solid"></span>
+                <span class="mls"> icon-tty-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-twitter"></span>
+                <span class="mls"> icon-twitter</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-twitter-x"></span>
+                <span class="mls"> icon-twitter-x</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user-solid"></span>
+                <span class="mls"> icon-user-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-video-solid"></span>
+                <span class="mls"> icon-video-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e920" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-youtube"></span>
+                <span class="mls"> icon-youtube</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e921" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrow-top-right"></span>
+                <span class="mls"> icon-arrow-top-right</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e922" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-angle-down-solid"></span>
+                <span class="mls"> icon-angle-down-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e923" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-angle-left-solid"></span>
+                <span class="mls"> icon-angle-left-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e924" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-angle-right-solid"></span>
+                <span class="mls"> icon-angle-right-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e925" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-angle-up-solid"></span>
+                <span class="mls"> icon-angle-up-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e926" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-apple"></span>
+                <span class="mls"> icon-apple</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e927" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe927;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bed-solid"></span>
+                <span class="mls"> icon-bed-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e928" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe928;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-behance"></span>
+                <span class="mls"> icon-behance</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e929" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bell"></span>
+                <span class="mls"> icon-bell</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bezier-curve-solid"></span>
+                <span class="mls"> icon-bezier-curve-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-caret-left-solid"></span>
+                <span class="mls"> icon-caret-left-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-caret-right-solid"></span>
+                <span class="mls"> icon-caret-right-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chart-area-solid"></span>
+                <span class="mls"> icon-chart-area-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chart-line-solid"></span>
+                <span class="mls"> icon-chart-line-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe92f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-check-solid"></span>
+                <span class="mls"> icon-check-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e930" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe930;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-clock-solid"></span>
+                <span class="mls"> icon-clock-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e931" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe931;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-code-solid"></span>
+                <span class="mls"> icon-code-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e932" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe932;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cog-solid"></span>
+                <span class="mls"> icon-cog-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e933" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe933;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cogs-solid"></span>
+                <span class="mls"> icon-cogs-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e934" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe934;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-comment-quote"></span>
+                <span class="mls"> icon-comment-quote</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e935" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe935;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-comment-solid"></span>
+                <span class="mls"> icon-comment-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e936" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe936;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-comments-solid"></span>
+                <span class="mls"> icon-comments-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e937" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe937;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-couch-solid"></span>
+                <span class="mls"> icon-couch-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e938" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe938;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-credit-card-solid"></span>
+                <span class="mls"> icon-credit-card-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e939" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-crop-alt-solid"></span>
+                <span class="mls"> icon-crop-alt-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-crown-solid"></span>
+                <span class="mls"> icon-crown-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-desktop-solid"></span>
+                <span class="mls"> icon-desktop-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-download-solid"></span>
+                <span class="mls"> icon-download-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-dribbble"></span>
+                <span class="mls"> icon-dribbble</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-envelope-solid"></span>
+                <span class="mls"> icon-envelope-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-eye"></span>
+                <span class="mls"> icon-eye</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e940" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe940;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-facebook-f"></span>
+                <span class="mls"> icon-facebook-f</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e941" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe941;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-github"></span>
+                <span class="mls"> icon-github</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e942" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-global"></span>
+                <span class="mls"> icon-global</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e943" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe943;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-grip-lines-solid"></span>
+                <span class="mls"> icon-grip-lines-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e944" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe944;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-grip-lines-vertical-solid"></span>
+                <span class="mls"> icon-grip-lines-vertical-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e945" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe945;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-heart"></span>
+                <span class="mls"> icon-heart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e946" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-heart-solid"></span>
+                <span class="mls"> icon-heart-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e947" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-info-circle-solid"></span>
+                <span class="mls"> icon-info-circle-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e948" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-instagram"></span>
+                <span class="mls"> icon-instagram</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e949" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe949;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-leaf-solid"></span>
+                <span class="mls"> icon-leaf-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-linkedin-in"></span>
+                <span class="mls"> icon-linkedin-in</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lock-solid"></span>
+                <span class="mls"> icon-lock-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-long-arrow-alt-down-solid"></span>
+                <span class="mls"> icon-long-arrow-alt-down-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-long-arrow-alt-left-solid"></span>
+                <span class="mls"> icon-long-arrow-alt-left-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-long-arrow-alt-right-solid"></span>
+                <span class="mls"> icon-long-arrow-alt-right-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe94f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-long-arrow-alt-up-solid"></span>
+                <span class="mls"> icon-long-arrow-alt-up-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e950" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe950;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-map-marker-solid"></span>
+                <span class="mls"> icon-map-marker-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e951" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe951;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-medium"></span>
+                <span class="mls"> icon-medium</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e952" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe952;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-minus-solid"></span>
+                <span class="mls"> icon-minus-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e953" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe953;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mobile-alt-solid"></span>
+                <span class="mls"> icon-mobile-alt-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e954" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe954;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-moon"></span>
+                <span class="mls"> icon-moon</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e955" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe955;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-paint-roller-solid"></span>
+                <span class="mls"> icon-paint-roller-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e956" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe956;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-paperclip-solid"></span>
+                <span class="mls"> icon-paperclip-solid</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e957" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>
diff --git a/public/font/icons/icomoon/fonts/icomoon.eot b/public/font/icons/icomoon/fonts/icomoon.eot
new file mode 100644
index 0000000..fde90ba
Binary files /dev/null and b/public/font/icons/icomoon/fonts/icomoon.eot differ
diff --git a/public/font/icons/icomoon/fonts/icomoon.svg b/public/font/icons/icomoon/fonts/icomoon.svg
new file mode 100644
index 0000000..3917390
--- /dev/null
+++ b/public/font/icons/icomoon/fonts/icomoon.svg
@@ -0,0 +1,123 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="blogger" d="M509.559 885.333h4.881c93.47 0 166.886 0.001 224.205-7.705 58.735-7.897 105.34-24.411 141.956-61.027s53.129-83.22 61.026-141.957c7.706-57.319 7.706-130.735 7.706-224.204v-4.881c0-93.47 0-166.886-7.706-224.205-7.898-58.735-24.41-105.34-61.026-141.956s-83.221-53.129-141.956-61.026c-57.318-7.706-130.735-7.706-224.205-7.706h-4.881c-93.469 0-166.885 0-224.204 7.706-58.737 7.898-105.34 24.41-141.957 61.026s-53.13 83.221-61.027 141.956c-7.706 57.318-7.706 130.735-7.705 224.205v4.881c0 93.469-0.001 166.885 7.705 224.204 7.897 58.737 24.411 105.34 61.027 141.957s83.22 53.13 141.957 61.027c57.319 7.706 130.735 7.706 224.204 7.705zM293.884 814.199c-51.641-6.943-82.487-20.109-105.23-42.852s-35.91-53.589-42.852-105.23c-7.067-52.561-7.135-121.674-7.135-218.116 0-96.444 0.068-165.555 7.135-218.116 6.943-51.639 20.109-82.487 42.852-105.229 22.743-22.746 53.589-35.913 105.23-42.854 52.561-7.066 121.674-7.134 218.116-7.134 96.444 0 165.555 0.068 218.116 7.134 51.639 6.942 82.487 20.109 105.229 42.854 22.746 22.741 35.913 53.589 42.854 105.229 7.066 52.561 7.134 121.673 7.134 218.116s-0.068 165.556-7.134 218.116c-6.942 51.641-20.109 82.487-42.854 105.23-22.741 22.743-53.589 35.91-105.229 42.852-52.561 7.067-121.673 7.135-218.116 7.135s-165.556-0.068-218.116-7.135zM394.667 533.333c0 17.673 14.327 32 32 32h42.667c17.673 0 32-14.327 32-32s-14.327-32-32-32h-42.667c-17.673 0-32 14.327-32 32zM394.667 320c0 17.673 14.327 32 32 32h170.667c17.673 0 32-14.327 32-32s-14.327-32-32-32h-170.667c-17.673 0-32 14.327-32 32zM427.315 735.67c7.113-0.14 13.777-0.27 19.78-0.27 6.007 0 12.672 0.13 19.785 0.27 23.356 0.457 51.575 1.009 77.376-2.646 35.183-4.984 73.276-18.442 99.584-54.776 14.741-20.363 20.809-43.614 23.637-69.799 2.718-25.199 2.718-56.603 2.718-95.024v-12.655c23.006-3.226 45.854-10.291 65.988-22.784 30.601-18.991 53.009-49.459 59.712-91.925 9.468-60.002 3.196-116.591-25.847-159.206-30.042-44.079-80.013-66.854-143.437-66.854h-160.576c-48.094 0-87.421 0-118.476 4.19-32.48 4.382-60.652 13.871-83.132 36.429-22.464 22.545-31.898 50.769-36.257 83.311-4.172 31.142-4.171 70.588-4.17 118.869v110.626c0 38.42-0.001 69.824 2.72 95.024 2.827 26.185 8.894 49.436 23.636 69.799 26.305 36.335 64.4 49.792 99.583 54.776 25.8 3.655 54.019 3.103 77.376 2.646zM358.916 669.657c-26.179-3.709-44.608-12.21-56.72-28.94-5.534-7.643-9.604-18.37-11.846-39.137-2.306-21.36-2.35-49.294-2.35-89.955v-106.539c0-51.127 0.067-86.263 3.604-112.657 3.414-25.485 9.528-37.973 18.159-46.635 8.615-8.644 21.013-14.763 46.355-18.18 26.273-3.546 61.259-3.614 112.213-3.614h158.281c47.458 0 75.089 16.213 90.551 38.895 16.457 24.145 23.578 62.093 15.514 113.186-3.729 23.633-15.057 38.101-30.242 47.526-16.265 10.095-38.75 15.339-64.239 15.339-17.673 0-32 14.327-32 32v40.678c0 40.661-0.043 68.595-2.351 89.955-2.24 20.767-6.31 31.494-11.844 39.137-12.113 16.73-30.541 25.231-56.721 28.94-20.233 2.866-40.853 2.476-62.985 2.057-8.175-0.154-16.555-0.313-25.199-0.313-8.64 0-17.020 0.159-25.195 0.313-22.133 0.419-42.752 0.809-62.985-2.057z" />
+<glyph unicode="&#xe901;" glyph-name="book-bookmark-02" d="M488.26 906.667h47.479c78.413 0.001 140.518 0.001 189.124-6.534 50.022-6.725 90.513-20.896 122.445-52.826 31.927-31.93 46.097-72.419 52.826-122.442 6.532-48.606 6.532-110.714 6.532-189.125v-298.027c0-17.673-14.327-32-32-32s-32 14.327-32 32v295.62c0 81.358-0.068 139.157-5.965 183.004-5.769 42.927-16.593 67.658-34.65 85.715s-42.79 28.88-85.713 34.651c-43.849 5.895-101.649 5.963-183.006 5.963h-42.667c-81.358 0-139.157-0.068-183.004-5.963-42.927-5.771-67.658-16.594-85.715-34.651s-28.88-42.789-34.651-85.715c-5.895-43.847-5.963-101.646-5.963-183.004v-405.333c0-17.673-14.327-32-32-32s-32 14.327-32 32v407.741c-0.001 78.411-0.001 140.518 6.534 189.124 6.725 50.023 20.896 90.512 52.826 122.442s72.419 46.1 122.442 52.826c48.606 6.535 110.713 6.535 189.125 6.534zM554.667 864c17.673 0 32-14.327 32-32v-157.441c0-0.66 0-1.319 0-1.978 0.004-14.055 0.009-27.936-1.609-38.955-1.732-11.822-6.524-29.411-24.030-39.963v0c-1.092-0.657-2.206-1.275-3.337-1.853h-0.004c-17.967-9.151-35.345-4.217-46.323 0.303-10.359 4.267-22.417 11.361-34.756 18.624-0.559 0.329-1.118 0.658-1.677 0.987-10.85 6.382-17.062 9.995-21.922 12.254-2.185 1.015-3.443 1.438-4.109 1.62-0.316 0.086-0.491 0.116-0.559 0.126l-0.132 0.012h-0.418l-0.128-0.012c-0.073-0.010-0.247-0.040-0.559-0.126-0.67-0.181-1.929-0.604-4.113-1.62-4.86-2.26-11.068-5.872-21.919-12.254-0.56-0.329-1.119-0.658-1.678-0.987-12.342-7.263-24.396-14.357-34.758-18.624-10.975-4.519-28.354-9.453-46.323-0.303-1.135 0.577-2.248 1.196-3.339 1.853-17.504 10.551-22.297 28.141-24.031 39.963-1.616 11.020-1.613 24.9-1.609 38.956 0 0.659 0 1.318 0 1.978v157.441c0 17.673 14.327 32 32 32s32-14.327 32-32v-157.441c0-6.402 0.001-11.8 0.076-16.518 4.351 2.459 9.301 5.368 15.214 8.847 0.355 0.209 0.71 0.418 1.065 0.626 9.405 5.533 18.311 10.773 26.321 14.498 8.935 4.154 18.905 7.5 30.621 7.712zM357.983 650.476c0.001 0.001 0.040 0.012 0.114 0.028-0.078-0.021-0.115-0.029-0.114-0.028zM554.667 864c-17.673 0-32-14.327-32-32zM522.667 832v-157.441zM449.37 689.724c-0.913 0.017-1.826 0.017-2.735 0zM506.313 667.514c0.354-0.208 0.708-0.417 1.067-0.626 5.909-3.478 10.859-6.388 15.211-8.847 0.077 4.718 0.077 10.116 0.077 16.518zM537.903 650.504c0.077-0.016 0.115-0.026 0.115-0.028s-0.034 0.006-0.115 0.028zM506.313 667.514c-9.404 5.534-18.313 10.773-26.321 14.498zM479.991 682.011c-8.934 4.154-18.906 7.5-30.622 7.712zM117.333 128c0 76.582 62.083 138.667 138.667 138.667h618.667c17.673 0 32-14.327 32-32s-14.327-32-32-32h-618.667c-41.237 0-74.667-33.429-74.667-74.667s33.429-74.667 74.667-74.667h618.667c17.673 0 32-14.327 32-32s-14.327-32-32-32h-618.667c-76.583 0-138.667 62.084-138.667 138.667zM736 128c0 76.582 62.084 138.667 138.667 138.667 17.673 0 32-14.327 32-32s-14.327-32-32-32c-41.237 0-74.667-33.429-74.667-74.667s33.429-74.667 74.667-74.667c17.673 0 32-14.327 32-32s-14.327-32-32-32c-76.582 0-138.667 62.084-138.667 138.667z" />
+<glyph unicode="&#xe902;" glyph-name="bulb" d="M512 842.667c-171.148 0-309.333-137.25-309.333-305.871 0-57.649 16.098-111.494 44.096-157.489 9.189-15.095 4.401-34.786-10.695-43.972-15.096-9.19-34.783-4.403-43.973 10.692-33.912 55.71-53.428 121.024-53.428 190.769 0 204.581 167.456 369.871 373.333 369.871 205.879 0 373.333-165.29 373.333-369.871 0-69.745-19.516-135.059-53.427-190.769-9.19-15.095-28.877-19.883-43.972-10.692-15.095 9.186-19.887 28.877-10.697 43.972 27.998 45.995 44.096 99.84 44.096 157.489 0 168.621-138.185 305.871-309.333 305.871zM512 522.667c18.825 0 39.859 9.314 62.161 32.734 12.186 12.799 32.439 13.295 45.239 1.107s13.295-32.442 1.105-45.242c-29.961-31.467-66.65-52.599-108.506-52.599s-78.545 21.133-108.508 52.599c-12.187 12.8-11.692 33.054 1.107 45.242s33.054 11.692 45.239-1.107c22.302-23.42 43.337-32.734 62.161-32.734zM347.916 309.333c0.246 0 0.492 0 0.737 0h327.43c5.555 0 11.034 0 15.654-0.273 4.873-0.286 11.422-0.977 18.244-3.631 21.235-8.26 35.546-28.258 36.629-50.944 0.35-7.287-1.058-13.705-2.325-18.423-1.199-4.471-2.931-9.681-4.689-14.976l-0.23-0.695c-0.375-1.126-0.742-2.24-1.105-3.337-6.148-18.547-10.944-33.020-18.675-45.235-16.090-25.434-41.335-43.712-70.528-51.004-14.025-3.503-29.257-3.494-48.717-3.482-1.156 0-2.33 0-3.516 0h-169.651c-1.189 0-2.36 0-3.516 0-19.462-0.013-34.694-0.021-48.719 3.482-29.191 7.292-54.436 25.57-70.527 51.004-7.729 12.215-12.526 26.688-18.674 45.235-0.364 1.097-0.732 2.21-1.105 3.337-0.077 0.23-0.154 0.465-0.232 0.695-1.759 5.295-3.489 10.505-4.689 14.976-1.266 4.719-2.674 11.136-2.326 18.423 1.084 22.686 15.392 42.684 36.628 50.944 6.823 2.654 13.373 3.345 18.248 3.631 4.617 0.273 10.096 0.273 15.653 0.273zM343.794 245.329c0.452-1.378 0.974-2.953 1.577-4.766 7.792-23.462 10.14-29.807 13.127-34.53 7.317-11.567 18.767-19.831 31.953-23.125 5.37-1.344 12.067-1.574 36.723-1.574h169.651c24.653 0 31.351 0.23 36.723 1.574 13.184 3.294 24.636 11.558 31.953 23.125 2.987 4.723 5.333 11.068 13.124 34.53 0.606 1.813 1.126 3.388 1.579 4.766-1.412 0.004-3.017 0.004-4.86 0.004h-326.692c-1.844 0-3.449 0-4.859-0.004zM603.102 128.017l5.517 27.588 62.758-12.553-5.517-27.588c-0.316-1.574-0.623-3.127-0.93-4.659-5.094-25.579-9.067-45.521-18.423-62.025-14.37-25.34-37.658-44.429-65.327-53.551-18.014-5.939-38.349-5.926-64.431-5.905-1.562 0.004-3.145 0.004-4.749 0.004s-3.187 0-4.753-0.004c-26.082-0.021-46.417-0.034-64.431 5.905-27.668 9.122-50.954 28.211-65.326 53.551-9.357 16.503-13.329 36.446-18.424 62.025-0.305 1.532-0.614 3.085-0.929 4.659l-5.518 27.588 62.757 12.553 5.518-27.588c6.497-32.499 8.665-41.31 12.266-47.663 6.532-11.52 17.118-20.198 29.696-24.346 6.933-2.283 16-2.679 49.143-2.679 33.139 0 42.206 0.397 49.139 2.679 12.578 4.147 23.164 12.826 29.696 24.346 3.601 6.353 5.769 15.164 12.267 47.663zM512 522.667c17.673 0 32-14.327 32-32v-192c0-17.673-14.327-32-32-32s-32 14.327-32 32v192c0 17.673 14.327 32 32 32z" />
+<glyph unicode="&#xe903;" glyph-name="clapping-01" d="M745.246 623.897c-7.518 7.249-20.186 7.249-27.708 0l-203.43-196.065c-9.25-8.913-22.933-11.435-34.752-6.4-11.814 5.035-19.477 16.649-19.456 29.495l0.124 75.204c0.021 12.637-11.844 24.845-28.241 23.064-12.209-1.326-20.762-10.136-22.364-19.92l-23.948-189.504c-5.722-45.278-33.85-91.721-64.597-121.353-12.724-12.267-32.983-11.891-45.247 0.832-12.265 12.727-11.891 32.986 0.834 45.248 22.973 22.144 42.051 55.885 45.515 83.294l24.005 189.955 0.101 0.729c6.008 40.105 39.033 70.027 78.791 74.344 51.587 5.602 99.092-33.316 99.152-86.545l149.103 143.701c0 0 0 0 0 0 32.311 31.141 84.224 31.142 116.535 0 5.978-5.76 10.871-12.186 14.682-19.036 30.583 14.018 68.109 8.785 93.513-15.701 29.419-28.355 32.589-72.83 9.515-104.659 5.15-3.132 10.027-6.861 14.524-11.196 29.419-28.356 32.593-72.832 9.515-104.661 5.154-3.127 10.031-6.861 14.528-11.196 32.973-31.778 32.973-83.81 0-115.593l-148.254-142.891c-1.792-1.728-3.558-3.43-5.299-5.107-47.125-45.449-77.197-74.449-111.39-89.161-22.447-9.66-55.322-12.843-75.721-14.144-11.61-0.738-21.453-5.030-28.015-11.358l-27.998-26.982c-12.723-12.262-32.981-11.891-45.248 0.832-12.262 12.727-11.891 32.986 0.832 45.248l27.998 26.987c19.008 18.317 43.887 27.584 68.356 29.146 21.321 1.361 43.575 4.361 54.494 9.058 22.059 9.493 43.285 29.235 97.574 81.562l148.254 142.891c6.861 6.609 6.861 16.823 0 23.433-7.518 7.249-20.186 7.249-27.708 0l-108.181-104.269c-12.727-12.267-32.986-11.891-45.248 0.832-12.267 12.727-11.891 32.981 0.832 45.248l108.186 104.269c0.017 0.017 0.034 0.034 0.047 0.047l48.034 46.298c6.857 6.609 6.857 16.819 0 23.433-7.522 7.249-20.186 7.249-27.708 0l-132.224-127.441c-12.727-12.267-32.986-11.891-45.248 0.832-12.267 12.723-11.891 32.981 0.832 45.248l180.305 173.783c6.861 6.61 6.861 16.822 0 23.433-7.518 7.249-20.186 7.249-27.708 0l-36.019-34.728c-0.009-0.008 0.009 0.008 0 0l-0.034-0.030-120.205-115.86c-12.727-12.262-32.986-11.891-45.248 0.836-12.267 12.723-11.891 32.981 0.832 45.248l120.196 115.845c6.844 6.61 6.848 16.821-0.009 23.427zM522.377 836.5c0-0.002 0 0.001 0 0l-212.644-209.264c-9.2-9.054-22.939-11.694-34.84-6.694s-19.632 16.66-19.606 29.568l0.163 80.34c0.016 15.511-13.862 28.639-31.046 26.735-12.977-1.438-22.834-11.163-24.702-22.981l-25.071-202.32c-5.885-47.526-34.916-96.606-66.857-128.026-12.599-12.395-32.86-12.228-45.253 0.371s-12.227 32.862 0.372 45.252c24.204 23.808 44.508 60.258 48.224 90.265l25.124 202.754 0.096 0.713c6.075 41.388 39.668 72.999 81.018 77.582 53.949 5.979 102.183-35.569 102.095-90.447l-0.008-3.761 158.049 155.535c33.267 32.725 86.993 32.73 120.26 0.005 6.443-6.334 11.644-13.432 15.612-21.001 31.731 15.285 71.049 9.935 97.468-16.052 16.713-16.442 25.173-38.166 25.169-59.895 0-17.673-14.332-31.998-32.004-31.997s-31.996 14.33-31.996 32.003c0 5.111-1.95 10.227-6.050 14.263-8.363 8.224-22.131 8.226-30.494 0.003 0-0.001 0 0.001 0 0l-143.68-141.348c-12.599-12.394-32.862-12.227-45.257 0.372-12.39 12.599-12.224 32.86 0.371 45.253l105.988 104.257c8.055 7.938 8.060 20.582-0.009 28.516-8.358 8.224-22.131 8.221-30.494 0z" />
+<glyph unicode="&#xe904;" glyph-name="customer-service" d="M226.849 905.106c24.179-4.997 43.434-21.242 55.398-42.705l38.11-68.371c14.038-25.182 25.851-46.374 33.565-64.797 8.184-19.542 13.044-38.813 10.822-60.119s-10.954-39.159-22.993-56.593c-11.35-16.434-27.281-34.733-46.213-56.477l-95.055-109.185c75.385-123.563 186.7-234.927 310.39-310.387l109.184 95.053c21.743 18.931 40.043 34.863 56.478 46.212 17.434 12.041 35.285 20.774 56.593 22.993 21.303 2.223 40.576-2.637 60.117-10.82 18.423-7.714 39.616-19.529 64.798-33.566l68.369-38.11c21.461-11.964 37.709-31.219 42.705-55.398 5.047-24.431-2.398-48.986-18.85-69.171-59.686-73.229-155.315-119.859-255.633-99.622-61.662 12.442-122.505 33.165-196.092 75.366-147.857 84.796-280.425 217.438-365.122 365.12-42.202 73.587-62.926 134.43-75.365 196.094-20.237 100.319 26.391 195.947 99.622 255.633 20.183 16.45 44.739 23.898 69.17 18.848zM570.483 103.514c49.766-24.521 93.052-37.905 136.806-46.733 72.367-14.596 145.421 18.492 193.37 77.321 6.298 7.723 6.336 13.116 5.781 15.782-0.602 2.918-3.046 7.91-11.187 12.45l-66.837 37.257c-27.123 15.117-45.175 25.126-59.891 31.287-13.969 5.85-21.982 6.908-28.762 6.199-6.775-0.704-14.4-3.396-26.859-11.998-13.129-9.067-28.727-22.588-52.147-42.974l-90.274-78.592zM167.525 506.47l78.592 90.275c20.387 23.418 33.908 39.020 42.973 52.146 8.605 12.46 11.294 20.084 12 26.862s-0.351 14.792-6.2 28.759c-6.162 14.714-16.173 32.77-31.29 59.89l-37.256 66.838c-4.539 8.143-9.53 10.586-12.449 11.19-2.667 0.551-8.059 0.512-15.783-5.783-58.828-47.947-91.918-121.004-77.32-193.368 8.827-43.758 22.211-87.043 46.732-136.809zM553.143 629.328c-1.391 0.004-2.906 0.004-4.57 0.004h-36.574c-17.673 0-32 14.327-32 32s14.327 32 32 32h36.574c0.444 0 0.892 0 1.34 0 7.42 0.003 15.765 0.007 22.869-0.921 8.367-1.094 19.665-3.964 29.312-13.342 9.771-9.501 12.894-20.845 14.080-29.402 0.977-7.090 0.973-15.378 0.969-22.537 0-0.456 0-0.908 0-1.354 0-0.614 0-1.227 0-1.838 0.004-15.166 0.009-29.657-1.638-41.56-1.856-13.398-6.315-28.139-18.765-40.243-15.42-14.989-35.375-18.134-52.74-19.008v-39.573c0-1.276 0-2.453 0.004-3.55 1.391-0.004 2.901-0.004 4.57-0.004h36.57c17.673 0 32-14.327 32-32s-14.327-32-32-32h-36.57c-0.444 0-0.892 0-1.344 0-7.415-0.004-15.765-0.009-22.869 0.922-8.367 1.092-19.665 3.964-29.308 13.342-9.775 9.498-12.898 20.843-14.080 29.402-0.981 7.091-0.977 15.377-0.973 22.537 0 0.457 0 0.909 0 1.353v49.779c0 0.304 0 0.622 0 0.951-0.004 4.047-0.013 9.816 0.683 14.93 0.883 6.499 3.379 16.372 11.878 24.824 8.482 8.438 18.381 10.86 24.525 11.773 5.073 0.754 10.871 0.877 15.181 0.969 0.337 0.007 0.661 0.014 0.973 0.021 9.86 0.219 15.164 0.783 18.317 1.514 0.021 0.005 0.038 0.010 0.060 0.015 0.154 0.681 0.324 1.6 0.491 2.816 0.964 6.982 1.037 16.94 1.037 34.631 0 1.274 0 2.453 0 3.551zM676.574 693.332c17.673 0 32-14.327 32-32v-74.667h27.426v74.667c0 17.673 14.327 32 32 32 17.677 0 32-14.327 32-32v-213.332c0-17.673-14.323-32-32-32-17.673 0-32 14.327-32 32v74.667h-30.17c-0.388 0-0.781 0-1.182 0-5.815-0.004-12.898-0.009-19.017 0.789-7.373 0.964-17.971 3.575-27.081 12.432-9.237 8.98-12.092 19.645-13.141 27.233-0.849 6.134-0.841 13.196-0.836 18.805 0 0.402 0 0.797 0 1.184v78.222c0 17.673 14.327 32 32 32zM708.809 571.888c0-0.005 0 0.004 0 0zM830.225 766.224c-101.922 101.923-267.174 101.923-369.097 0-3.652-3.654-7.172-7.386-10.56-11.191-11.755-13.2-31.981-14.373-45.181-2.621s-14.373 31.98-2.621 45.179c4.209 4.728 8.578 9.359 13.106 13.888 126.919 126.917 332.687 126.917 459.608 0 126.916-126.916 126.916-332.691 0-459.607-4.531-4.527-9.161-8.896-13.888-13.103-13.201-11.755-33.429-10.581-45.18 2.62-11.755 13.197-10.581 33.425 2.62 45.175 3.806 3.392 7.539 6.912 11.191 10.564 101.922 101.922 101.922 267.173 0 369.096z" />
+<glyph unicode="&#xe905;" glyph-name="file-verified" d="M926.165 373.342c5.901-16.661-2.825-34.948-19.482-40.849-24.606-8.713-52.1-27.068-80.41-51.895-27.977-24.533-55.040-53.862-78.878-82.436-23.778-28.501-43.955-55.782-58.193-75.955-7.108-10.074-12.71-18.334-16.512-24.038-1.899-2.85-3.349-5.060-4.305-6.541l-1.071-1.651-0.247-0.388-0.055-0.081c0-0.004 0.004 0 0 0 0.004 0 0-0.009-27.012 17.152s-27.008 17.165-27.004 17.169l0.137 0.213 0.337 0.525 1.25 1.933c1.084 1.673 2.667 4.083 4.706 7.151 4.083 6.127 10.010 14.865 17.489 25.463 1.51 2.138 3.085 4.356 4.723 6.643 14.549 20.339 33.993 46.285 56.614 73.399 25.101 30.093 54.507 62.097 85.824 89.562 30.985 27.174 65.613 51.486 101.239 64.107 16.661 5.901 34.948-2.825 40.849-19.482zM554.667 191.991v32c-17.673 0-32-14.327-32-32 0-16.96 13.197-30.844 29.884-31.932 0.154-0.034 0.375-0.090 0.657-0.171 1.515-0.431 5.158-1.711 10.377-5.188 10.377-6.921 28.361-23.484 47.795-62.353 5.158-10.317 15.467-17.058 26.982-17.647s22.468 5.073 28.651 14.805zM554.667 191.991c0 32 0.030 32 0.064 32h0.196l0.273-0.004 0.606-0.013c0.427-0.017 0.896-0.038 1.412-0.068 1.028-0.068 2.231-0.179 3.593-0.363 2.735-0.363 6.093-1.007 9.98-2.116 7.821-2.236 17.51-6.289 28.292-13.478 13.372-8.913 27.913-22.293 42.556-42.193zM298.437 57.417c38.781-4.041 89-4.083 159.261-4.083h11.635c17.673 0 32-14.327 32-32s-14.327-32-32-32h-13.487c-68.004 0-121.558 0-164.044 4.429-43.381 4.518-79.053 13.952-109.569 35.452-16.29 11.477-30.817 25.135-43.109 40.589-23.249 29.231-33.504 63.599-38.384 105.079-4.741 40.294-4.741 90.961-4.74 154.701v111.825c0 62.229 0 110.511 2.57 149.484 2.606 39.501 7.949 71.648 19.689 101.271 35.76 90.235 111.059 160.687 205.579 193.867 58.832 20.652 131.019 20.647 257.543 20.638 2.705 0 5.44 0 8.196 0 2.458 0 4.885 0 7.279 0.001 69.769 0.015 113.246 0.023 149.111-12.568 57.562-20.206 103.71-63.218 125.683-118.668 7.45-18.805 10.65-38.769 12.186-62.019 1.498-22.724 1.498-50.694 1.498-85.868v-94.211c0-17.673-14.327-32-32-32s-32 14.327-32 32v93.091c0 36.544-0.017 62.406-1.361 82.776-1.323 20.084-3.84 32.607-7.821 42.653-14.788 37.311-46.383 67.468-87.381 81.859-24.205 8.497-55.727 8.954-135.194 8.954-137.041 0-197.344-0.457-244.541-17.025-77.958-27.366-138.708-84.961-167.279-157.058-8.268-20.864-12.929-45.569-15.325-81.905-2.415-36.621-2.432-82.799-2.432-146.436v-108.608c0-66.253 0.052-113.152 4.302-149.274 4.162-35.371 11.991-56.474 24.911-72.717 8.434-10.607 18.486-20.083 29.882-28.113 17.799-12.54 41.071-20.126 79.342-24.115zM128 416c-17.673 0-32 14.327-32 32 0 96.22 78.002 174.222 174.222 174.222 7.926 0 16.016-0.346 23.57-0.696 0.974-0.045 1.939-0.090 2.895-0.135 6.685-0.314 12.978-0.608 19.252-0.739 14.534-0.302 26.164 0.398 35.516 2.903 13.497 3.616 24.039 14.159 27.656 27.656 2.506 9.352 3.205 20.982 2.903 35.516-0.131 6.273-0.425 12.565-0.739 19.249-0.045 0.958-0.090 1.923-0.135 2.898-0.35 7.555-0.696 15.645-0.696 23.57 0 96.22 78 174.222 174.222 174.222 17.673 0 32-14.327 32-32s-14.327-32-32-32c-60.873 0-110.221-49.348-110.221-110.222 0-6.278 0.273-13.027 0.627-20.604 0.043-0.923 0.085-1.859 0.132-2.808 0.307-6.61 0.649-13.803 0.798-20.977 0.333-16.217-0.179-35.142-5.073-53.409-9.532-35.583-37.327-63.376-72.91-72.911-18.268-4.895-37.192-5.407-53.409-5.070-7.174 0.149-14.367 0.487-20.977 0.797-0.949 0.045-1.885 0.089-2.808 0.131-7.578 0.352-14.327 0.628-20.604 0.628-60.874 0-110.222-49.35-110.222-110.222 0-17.673-14.327-32-32-32z" />
+<glyph unicode="&#xe906;" glyph-name="medal-first-place" d="M181.333 320c0 181.517 142.182 330.667 320 330.667h21.333c177.818 0 320-149.15 320-330.667s-142.182-330.667-320-330.667h-21.333c-177.818 0-320 149.15-320 330.667zM501.333 586.667c-140.298 0-256-118.285-256-266.667s115.702-266.667 256-266.667h21.333c140.297 0 256 118.285 256 266.667s-115.703 266.667-256 266.667h-21.333zM495.927 387.584l0.158 0.226 0.815 1.169c0.751 1.062 1.89 2.641 3.337 4.54 0.35 0.461 0.717 0.939 1.097 1.429v-170.918h-32c-17.673 0-32-14.327-32-32s14.327-32 32-32h128c17.673 0 32 14.327 32 32s-14.327 32-32 32h-32v183.518c0 0.678 0 1.361 0 2.048 0.009 10.385 0.017 22.298-1.783 31.846-1.050 5.564-3.153 13.129-8.209 20.301-5.619 7.97-13.44 13.419-22.357 16.188-18.389 5.705-34.551-1.519-43.418-6.793-9.681-5.756-18.086-13.555-24.38-20.134-6.524-6.822-12.066-13.709-15.906-18.761-1.946-2.56-3.52-4.736-4.634-6.31-0.555-0.789-1.003-1.429-1.323-1.899l-0.393-0.576-0.124-0.183-0.068-0.102c-0.004-0.004-0.009-0.009 26.594-17.796l-26.594 17.796c-9.822-14.69-5.884-34.577 8.811-44.399 14.686-9.818 34.556-5.875 44.378 8.811zM495.927 387.584c-0.009-0.017 0.004 0 0 0zM523.452 416.738c-0.004-0.013-0.137-0.081-0.393-0.171 0.269 0.137 0.397 0.183 0.393 0.171zM591.3 904.012c16.213-7.037 23.65-25.884 16.614-42.095l-109.231-251.641c-7.036-16.212-25.882-23.649-42.095-16.612-16.209 7.037-23.65 25.884-16.61 42.096l109.227 251.641c7.040 16.212 25.886 23.649 42.095 16.612zM780.74 904.012c16.209-7.037 23.65-25.884 16.61-42.095l-120.38-277.333c-7.036-16.212-25.886-23.649-42.095-16.612-16.213 7.037-23.65 25.884-16.614 42.095l120.384 277.333c7.036 16.212 25.882 23.649 42.095 16.612zM432.7 904.012c-16.213-7.037-23.651-25.884-16.614-42.095l66.564-153.346c7.036-16.212 25.882-23.649 42.095-16.612 16.209 7.037 23.65 25.884 16.61 42.095l-66.56 153.346c-7.040 16.212-25.886 23.649-42.095 16.612zM243.261 904.012c-16.212-7.037-23.649-25.884-16.612-42.095l120.381-277.333c7.037-16.212 25.884-23.649 42.096-16.612s23.649 25.884 16.612 42.095l-120.381 277.333c-7.037 16.212-25.884 23.649-42.096 16.612z" />
+<glyph unicode="&#xe907;" glyph-name="message-question" d="M602.492 818.371c-59.477 3.953-121.63 3.945-180.982 0-162.106-10.776-291.842-141.856-302.526-307.186-2.2-34.048-2.2-69.35 0-103.398 3.75-58.035 29.644-113.583 62.441-162.833 0.49-0.734 0.949-1.493 1.377-2.266 28.516-51.627 7.607-110.502-13.692-150.865-3.489-6.609-6.356-12.045-8.73-16.785 3.22-0.111 6.846-0.201 11.040-0.303 45.6-1.109 74.51 11.499 97.53 28.476l0.752 0.555c7.41 5.466 14.124 10.415 19.68 14.012 4.825 3.123 13.653 8.631 24.383 9.95 11.237 1.382 22.135-2.441 27.575-4.352 6.961-2.445 15.806-6.089 26.029-10.3l0.827-0.341c16.188-6.669 35.566-10.953 53.312-12.134 59.352-3.942 121.504-3.951 180.982 0 162.103 10.778 291.84 141.858 302.524 307.187 2.202 34.048 2.202 69.35 0 103.398-10.684 165.33-140.42 296.41-302.524 307.186zM154.17 60.553c-0.001 0 0.005 0.034 0.022 0.111zM417.265 882.23c62.176 4.133 127.166 4.142 189.472 0 194.842-12.952 349.436-170.234 362.146-366.919 2.377-36.796 2.377-74.854 0-111.65-12.71-196.685-167.305-353.967-362.146-366.921-62.306-4.139-127.296-4.13-189.472 0-24.104 1.604-50.341 7.305-73.44 16.815-10.159 4.186-17.054 7.014-22.1 8.866-3.47-2.385-8.078-5.773-14.789-10.722-33.81-24.93-76.496-42.419-137.072-40.947-0.648 0.017-1.298 0.034-1.951 0.047-11.686 0.282-24.142 0.576-34.301 2.543-12.236 2.368-27.373 8.286-36.847 24.439-10.312 17.579-6.177 35.358-2.177 46.554 3.775 10.569 10.319 22.963 17.004 35.622 0.305 0.58 0.611 1.156 0.916 1.737 19.897 37.705 25.44 68.518 14.801 89.062-35.513 53.606-67.46 119.671-72.192 192.905-2.378 36.796-2.378 74.854 0 111.65 12.711 196.686 167.305 353.967 362.148 366.919zM512 586.667c-16.913 0-32-14.293-32-33.641 0-17.673-14.327-32.002-32-32.002s-32 14.328-32 32.002c0 53.157 42.223 97.641 96 97.641s96-44.484 96-97.641c0-19.215-5.491-37.267-15.031-52.477-5.76-9.178-12.442-17.865-18.415-25.481-1.118-1.421-2.206-2.803-3.268-4.151-4.941-6.276-9.348-11.87-13.427-17.621-10.099-14.238-13.858-23.71-13.858-31.552v-16.41c0-17.673-14.327-32-32-32s-32 14.327-32 32v16.41c0 28.412 13.611 51.601 25.66 68.582 5.103 7.194 10.701 14.298 15.667 20.595 0.986 1.25 1.946 2.47 2.871 3.652 5.918 7.543 10.748 13.922 14.554 19.987 3.29 5.245 5.248 11.546 5.248 18.466 0 19.348-15.087 33.641-32 33.641zM480 320c0 17.673 14.327 32 32 32h0.384c17.673 0 32-14.327 32-32s-14.327-32-32-32h-0.384c-17.673 0-32 14.327-32 32z" />
+<glyph unicode="&#xe908;" glyph-name="mic-01" d="M512 842.667c-100.148 0-181.333-81.186-181.333-181.333v-170.667c0-100.147 81.186-181.333 181.333-181.333s181.333 81.186 181.333 181.333v170.667c0 100.148-81.186 181.333-181.333 181.333zM266.667 661.333c0 135.494 109.839 245.333 245.333 245.333 135.492 0 245.333-109.839 245.333-245.333v-170.667c0-135.492-109.841-245.333-245.333-245.333-135.494 0-245.333 109.841-245.333 245.333v170.667zM565.333 661.333c0 17.673 14.327 32 32 32h128c17.673 0 32-14.327 32-32s-14.327-32-32-32h-128c-17.673 0-32 14.327-32 32zM565.333 490.667c0 17.673 14.327 32 32 32h128c17.673 0 32-14.327 32-32s-14.327-32-32-32h-128c-17.673 0-32 14.327-32 32zM170.667 522.667c17.673 0 32-14.327 32-32 0-170.842 138.493-309.333 309.333-309.333 170.842 0 309.333 138.492 309.333 309.333 0 17.673 14.327 32 32 32s32-14.327 32-32c0-195.405-150.127-355.75-341.333-371.981v-65.353h96c17.673 0 32-14.327 32-32s-14.327-32-32-32h-256c-17.673 0-32 14.327-32 32s14.327 32 32 32h96v65.353c-191.206 16.23-341.333 176.576-341.333 371.981 0 17.673 14.327 32 32 32z" />
+<glyph unicode="&#xe909;" glyph-name="star" d="M466.317 798.772c18.223 36.541 36.608 43.895 45.538 43.895 8.87 0 27.145-7.255 45.158-43.775l75.063-151.369c7.97-16.329 21.303-30.321 35.11-40.594 13.854-10.308 31.095-19.024 48.905-22.016l136.073-22.795c37.875-6.365 50.428-21.411 53.367-30.64 2.948-9.25 1.429-28.898-25.911-56.277l-105.877-106.756c-13.73-13.841-22.899-32.333-27.955-50.142-5.060-17.826-6.946-38.302-2.748-57.19l30.332-132.241c11.349-49.643-0.068-67.695-5.833-71.936-5.632-4.139-25.971-9.668-69.461 16.23-0.009 0 0.004-0.004 0 0l-127.535 76.117c-0.004 0.004 0.004 0 0 0-17.677 10.56-38.976 14.848-58.475 14.848-19.533 0-40.823-4.301-58.59-14.724l-127.796-76.275c-43.133-25.809-63.498-20.262-69.234-16.043-5.899 4.339-17.315 22.502-6.011 71.757l30.338 132.267c4.199 18.889 2.315 39.364-2.747 57.19-5.056 17.809-14.227 36.301-27.954 50.142l-105.802 106.675c-27.163 27.388-28.763 47.091-25.81 56.418 2.915 9.201 15.348 24.221 53.188 30.58l136.189 22.814c17.628 3.018 34.732 11.767 48.476 22.042 13.715 10.253 27.034 24.231 34.996 40.55l75.007 151.249c0.004 0.010-0.009-0.010 0 0zM614.4 827.225c-22.511 45.627-57.775 79.441-102.545 79.441-44.719 0-80.090-33.753-102.818-79.342l-0.030-0.060-75.2-151.645c-2.284-4.701-7.702-11.323-15.814-17.388-8.097-6.054-15.927-9.347-20.913-10.212-0.015-0.003-0.029-0.005-0.043-0.007l-135.978-22.778c-49.19-8.266-90.314-32.392-103.611-74.376-13.258-41.862 6.259-85.391 41.382-120.804l105.801-106.679c4.19-4.224 8.884-12.181 11.828-22.549 2.924-10.3 3.183-19.682 1.857-25.741-0.006-0.030-0.012-0.060-0.018-0.085l-30.242-131.84c0 0 0-0.004 0 0-12.585-54.839-8.218-109.163 30.464-137.621 38.845-28.578 91.859-16.149 140.022 12.672l127.319 75.994c0.030 0.017 0.055 0.030 0.081 0.047 5.709 3.319 15.1 5.879 26.125 5.879 11.102 0 20.305-2.594 25.66-5.794l127.573-76.143c48.222-28.719 101.299-41.374 140.143-12.826 38.707 28.454 42.863 82.88 30.319 137.762l-30.246 131.87c-0.009 0.026-0.013 0.055-0.021 0.085-1.323 6.059-1.062 15.441 1.86 25.741 2.944 10.368 7.637 18.325 11.827 22.549l105.724 106.598c0.013 0.013 0.026 0.026 0.034 0.038 35.349 35.413 54.933 78.98 41.57 120.905-13.38 41.959-54.579 66.055-103.74 74.316l-136.090 22.798c-5.231 0.879-13.175 4.209-21.291 10.247-8.128 6.044-13.53 12.651-15.808 17.343l-75.183 151.605c0.004-0.007 0 0.006 0 0z" />
+<glyph unicode="&#xe90a;" glyph-name="time-02" d="M512 842.667c-217.968 0-394.667-176.698-394.667-394.667 0-217.967 176.698-394.667 394.667-394.667 217.967 0 394.667 176.7 394.667 394.667 0 217.968-176.7 394.667-394.667 394.667zM53.333 448c0 253.315 205.352 458.667 458.667 458.667s458.667-205.352 458.667-458.667c0-253.316-205.35-458.667-458.667-458.667-253.315 0-458.667 205.35-458.667 458.667zM512 693.333c17.673 0 32-14.327 32-32v-122.796c37.286-13.178 64-48.737 64-90.537 0-14.822-3.358-28.855-9.357-41.391l63.983-63.983c12.497-12.497 12.497-32.755 0-45.252s-32.755-12.497-45.252 0l-63.983 63.983c-12.535-5.999-26.569-9.357-41.391-9.357-53.018 0-96 42.982-96 96 0 41.801 26.714 77.359 64 90.537v122.796c0 17.673 14.327 32 32 32zM512 480c-17.673 0-32-14.327-32-32s14.327-32 32-32c17.673 0 32 14.327 32 32s-14.327 32-32 32z" />
+<glyph unicode="&#xe90b;" glyph-name="user-group" d="M736 704c0 17.673 14.327 32 32 32 76.582 0 138.667-62.083 138.667-138.667 0-76.582-62.084-138.667-138.667-138.667-17.673 0-32 14.327-32 32s14.327 32 32 32c41.237 0 74.667 33.429 74.667 74.667s-33.429 74.667-74.667 74.667c-17.673 0-32 14.327-32 32zM778.799 408.218c1.591 17.6 17.148 30.579 34.752 28.983 40.043-3.622 78.98-19.025 113.293-45.453 1.98-1.523 4.587-3.418 7.65-5.645 14.537-10.577 39.347-28.629 56.077-49.801 10.684-13.53 20.681-31.232 22.481-52.523 1.882-22.293-5.594-43.955-21.615-63.697-24.529-30.221-58.185-60.083-105.079-60.083-17.673 0-32 14.327-32 32s14.327 32 32 32c17.050 0 34.249 10.372 55.386 36.416 7.347 9.050 7.808 14.741 7.535 17.975-0.358 4.241-2.615 10.244-8.93 18.24-10.633 13.461-25.54 24.418-40.030 35.068-4.25 3.123-8.461 6.217-12.518 9.344-25.19 19.396-52.698 29.948-80.017 32.418-17.6 1.596-30.579 17.152-28.983 34.756zM96.002 597.333c0 76.584 62.083 138.667 138.667 138.667 17.673 0 32-14.327 32-32s-14.327-32-32-32c-41.237 0-74.667-33.429-74.667-74.667s33.43-74.667 74.667-74.667c17.673 0 32-14.327 32-32s-14.327-32-32-32c-76.583 0-138.667 62.084-138.667 138.667zM210.452 437.201c17.601 1.596 33.161-11.383 34.753-28.983 1.592-17.604-11.385-33.161-28.986-34.756-27.32-2.47-54.825-13.022-80.015-32.418-4.058-3.127-8.271-6.221-12.52-9.344-14.49-10.65-29.397-21.606-40.031-35.068-6.314-7.996-8.57-13.999-8.928-18.24-0.273-3.234 0.187-8.926 7.533-17.975 21.137-26.044 38.339-36.416 55.385-36.416 17.673 0 32-14.327 32-32s-14.327-32-32-32c-46.895 0-80.55 29.862-105.077 60.083-16.024 19.742-23.498 41.404-21.613 63.697 1.799 21.291 11.794 38.993 22.481 52.523 16.726 21.171 41.541 39.223 56.077 49.801 3.062 2.227 5.668 4.122 7.647 5.645v0c34.316 26.428 73.252 41.83 113.296 45.453zM662.259 288.038c-91.921 56.836-208.606 56.836-300.525 0-5.518-3.413-11.435-6.899-17.54-10.5-21.84-12.877-46.085-27.174-63.075-44.442-10.453-10.628-13.87-18.381-14.38-23.228-0.321-3.051-0.167-10.321 12.39-22.746 31.255-30.921 61.469-48.457 97-48.457h271.734c35.529 0 65.745 17.536 96.998 48.457 12.557 12.425 12.71 19.695 12.39 22.746-0.512 4.847-3.925 12.599-14.379 23.228-16.99 17.267-41.237 31.565-63.078 44.442-6.101 3.601-12.019 7.087-17.536 10.5zM328.076 342.473c112.543 69.594 255.297 69.594 367.839 0 3.319-2.052 7.522-4.51 12.352-7.334 21.858-12.791 56.55-33.092 80.23-57.161 14.869-15.113 29.7-35.721 32.405-61.41 2.893-27.482-8.772-52.924-31.027-74.94-36.762-36.369-82.304-66.961-142.012-66.961h-271.734c-59.71 0-105.25 30.592-142.012 66.961-22.254 22.016-33.919 47.458-31.026 74.94 2.704 25.69 17.535 46.298 32.405 61.41 23.676 24.068 58.372 44.369 80.229 57.161 4.829 2.825 9.032 5.282 12.35 7.334zM512 757.333c-64.802 0-117.333-52.532-117.333-117.333s52.531-117.333 117.333-117.333c64.802 0 117.333 52.532 117.333 117.333s-52.531 117.333-117.333 117.333zM330.667 640c0 100.148 81.186 181.333 181.333 181.333s181.333-81.186 181.333-181.333c0-100.148-81.186-181.333-181.333-181.333s-181.333 81.186-181.333 181.333z" />
+<glyph unicode="&#xe90c;" glyph-name="user-question-02" d="M658.799 279.748c-115.831 67.891-263.106 67.891-378.937 0-6.507-3.814-13.586-7.77-20.965-11.891-26.984-15.074-57.971-32.384-79.594-53.218-13.44-12.949-18.424-22.967-19.19-29.858-0.537-4.838 0.256-14.592 16.803-30.11 38.91-36.493 78.048-58.671 125.195-58.671h334.442c47.147 0 86.285 22.178 125.193 58.671 16.546 15.518 17.34 25.271 16.802 30.11-0.764 6.891-5.747 16.909-19.187 29.858-21.623 20.834-52.612 38.144-79.595 53.218-7.377 4.122-14.46 8.077-20.966 11.891zM247.499 334.963c135.816 79.603 307.846 79.603 443.663 0 4.305-2.522 9.66-5.495 15.753-8.879 26.995-14.985 68.463-38.003 96.853-65.357 17.724-17.084 35.2-40.154 38.391-68.885 3.418-30.784-10.338-59.196-36.634-83.857-44.804-42.018-98.901-75.985-168.973-75.985h-334.442c-70.073 0-124.171 33.967-168.975 75.985-26.296 24.661-40.049 53.073-36.631 83.857 3.19 28.732 20.665 51.802 38.392 68.885 28.39 27.354 69.858 50.372 96.851 65.357 6.094 3.383 11.45 6.357 15.751 8.879zM469.333 800c-76.584 0-138.667-62.083-138.667-138.667s62.083-138.667 138.667-138.667c76.582 0 138.667 62.083 138.667 138.667s-62.084 138.667-138.667 138.667zM266.667 661.333c0 111.93 90.737 202.667 202.667 202.667 111.932 0 202.667-90.737 202.667-202.667s-90.735-202.667-202.667-202.667c-111.93 0-202.667 90.737-202.667 202.667zM832 757.333c-16.913 0-32-14.293-32-33.641 0-17.673-14.327-32-32-32s-32 14.327-32 32c0 53.157 42.223 97.641 96 97.641s96-44.484 96-97.641c0-19.215-5.491-37.266-15.031-52.479-5.76-9.177-12.442-17.865-18.415-25.479-1.118-1.421-2.206-2.801-3.268-4.151-4.941-6.276-9.348-11.869-13.427-17.622-10.099-14.236-13.858-23.711-13.858-31.552v-16.41c0-17.673-14.327-32-32-32s-32 14.327-32 32v16.41c0 28.411 13.611 51.599 25.66 68.582 5.103 7.193 10.701 14.298 15.667 20.596 0.986 1.25 1.946 2.469 2.871 3.649 5.918 7.543 10.748 13.922 14.554 19.988 3.29 5.245 5.248 11.546 5.248 18.466 0 19.348-15.087 33.641-32 33.641zM799.991 490.667c0 17.673 14.323 32 32 32h0.38c17.677 0 32-14.327 32-32s-14.323-32-32-32h-0.38c-17.677 0-32 14.327-32 32z" />
+<glyph unicode="&#xe90d;" glyph-name="paper-plane" d="M115 789l14-60 62-281-62-280.998-14-60.002 57 23.002 777.001 317.999-73.003 29.999-760.998 311.001zM204 683l497.001-203h-452l-45 203zM249 416h452l-497.001-202.999 45 202.999z" />
+<glyph unicode="&#xe90e;" glyph-name="parking-solid" d="M192 800v-704h640v704h-640zM256 736h512v-576h-512v576zM384 640v-384h64v96h96c52.625 0 96 43.375 96 96v96c0 52.625-43.375 96-96 96h-160zM448 576h96c18.125 0 32-13.875 32-32v-96c0-18.125-13.875-32-32-32h-96v160z" />
+<glyph unicode="&#xe90f;" glyph-name="play-filled" d="M204.802 832l614.398-384-614.398-384v768z" />
+<glyph unicode="&#xe910;" glyph-name="play-solid" d="M288 795v-693.999l49 32 489.999 314.999-538.999 347zM352 678l357.001-230-357.001-229.999v459.999z" />
+<glyph unicode="&#xe911;" glyph-name="plus-solid" d="M480 800v-320h-320v-64h320v-320h64v320h320v64h-320v320h-64z" />
+<glyph unicode="&#xe912;" glyph-name="quote-right-solid" d="M128 704v-320h256c0-71.002-57-128-128-128v-64c105.625 0 192 86.374 192 192v320h-320zM576 704v-320h256c0-71.002-56.998-128-128-128v-64c105.626 0 192 86.374 192 192v320h-320zM192 640h192v-192h-192v192zM640 640h192v-192h-192v192z" />
+<glyph unicode="&#xe913;" glyph-name="reddit" d="M596.996 832c-67.127 0-117.001-54.625-117.001-117v-108c-88.25-4.625-168.25-28-233-65-24.75 23.875-57.75 34-90 34-34.875 0-70.375-11.375-95-39v-1l-1-1c-23.625-29.498-33.25-68.875-27-108 5.75-35.874 26.75-72.375 63-96-0.25-3.622-1-7.249-1-10.999 0-83.375 50.375-156.373 126-207.002 75.625-50.624 177.625-80.998 290-80.998s214.374 30.374 290.001 80.998c75.622 50.628 125.999 123.627 125.999 207.002 0 3.75-0.751 7.377-0.998 10.999 36.25 23.625 57.25 60.126 62.997 96 6.251 39.125-3.375 78.502-26.999 108l-0.998 1c-24.627 27.625-60.126 40-95.002 40-32.252 0-65.25-10.125-90.001-34-64.747 37-144.747 60.375-232.998 65v108c0 31.375 17.873 53 53.001 53 16.623 0 37.248-7.875 69.001-19 26.999-9.5 61.999-20 106.999-23 10.876-31.25 40.247-54 74.999-54 43.998 0 80 36 80 80s-36.002 80-80 80c-30.251 0-56.375-17.125-69.999-42-38.374 2.25-66.125 10.25-90.999 19-28.877 10.125-55.501 23-90.001 23zM511.996 544c100.877 0 190.874-27.75 253.999-69.999 63.125-42.253 98.001-96.499 98.001-154.001s-34.876-111.748-98.001-154.001c-63.125-42.249-153.122-69.999-253.999-69.999-100.875 0-190.875 27.75-254 69.999-63.125 42.253-98 96.499-98 154.001s34.875 111.748 98 154.001c63.125 42.249 153.125 69.999 254 69.999zM156.995 512c12.125 0 24.125-2.999 34-8-34.75-29.124-61.75-63.748-78-101.999-8.125 10.249-13 22.498-15 34.999-3.5 21.5 2.75 43.75 13 56.998 0.125 0.252-0.125 0.751 0 1.003 9.75 10.249 27 16.998 46 16.998zM866.995 512c18.999 0 36.25-6.75 45.999-16.998 0.128-0.128-0.124-0.875 0-1.003 10.253-13.248 16.499-35.499 13.001-56.998-2.001-12.501-6.874-24.751-14.997-34.999-16.252 38.251-43.251 72.875-78.003 101.999 9.877 5.001 21.875 8 34.001 8zM351.995 448c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM671.996 448c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM679.996 271.002c-36.749-34.125-98.5-56-168-56s-131.25 22.123-168 51.998c20.5-55.501 86.251-106.999 168-106.999s147.499 51.251 168 111.002z" />
+<glyph unicode="&#xe914;" glyph-name="search-solid" d="M608 864c-176.375 0-320-143.625-320-320 0-76.625 26.875-146.876 72-202.001l-255-254.997 46-46.003 255 255.002c55.124-45.124 125.375-72 202-72 176.375 0 320 143.625 320 320s-143.625 320-320 320zM608 800c141.751 0 256-114.25 256-256s-114.249-256-256-256-256 114.249-256 256c0 141.75 114.249 256 256 256z" />
+<glyph unicode="&#xe915;" glyph-name="shipping-fast-solid" d="M0 768v-64h608v-480h-197c-14.25 55.002-63.75 96-123 96s-108.75-40.998-123-96h-37v160h-64v-224h101c14.25-55.002 63.75-96 123-96s108.75 40.998 123 96h266.001c14.251-55.002 63.748-96 122.999-96s108.749 40.998 122.999 96h101.001v261.001l-2.001 5.001-64 191.999-6.997 22h-279.002v128h-672zM32 640v-64h288v64h-288zM672 576h232.998l55.002-164.002v-187.998h-37.001c-14.251 55.002-63.748 96-122.999 96s-108.749-40.998-122.999-96h-5.001v352zM64 512v-64h192v64h-192zM288 256c35.75 0 64-28.25 64-64s-28.25-64-64-64c-35.75 0-64 28.25-64 64s28.25 64 64 64zM800 256c35.75 0 64-28.25 64-64s-28.25-64-64-64c-35.75 0-64 28.25-64 64s28.25 64 64 64z" />
+<glyph unicode="&#xe916;" glyph-name="shopping-cart-solid" d="M160.337 746.667c-17.81 0-32.337-15.334-32.337-34.133s14.526-34.133 32.337-34.133h71.747l84.884-358.4c7.2-30.4 32.968-51.2 62.653-51.2h370.864c29.18 0 53.935 20.399 61.641 50.133l83.874 325.333h-541.642l16.169-68.267h441.6l-61.641-238.933h-370.864l-84.884 358.4c-7.2 30.4-32.968 51.2-62.653 51.2h-71.747zM710.063 268.8c-53.18 0-97.011-46.268-97.011-102.4s43.831-102.4 97.011-102.4c53.18 0 97.011 46.268 97.011 102.4s-43.831 102.4-97.011 102.4zM419.031 268.8c-53.179 0-97.010-46.268-97.010-102.4s43.831-102.4 97.010-102.4c53.178 0 97.009 46.268 97.009 102.4s-43.831 102.4-97.009 102.4zM419.031 200.533c18.191 0 32.335-14.933 32.335-34.133s-14.144-34.133-32.335-34.133c-18.189 0-32.337 14.933-32.337 34.133s14.147 34.133 32.337 34.133zM710.063 200.533c18.189 0 32.337-14.933 32.337-34.133s-14.148-34.133-32.337-34.133c-18.189 0-32.337 14.933-32.337 34.133s14.148 34.133 32.337 34.133z" />
+<glyph unicode="&#xe917;" glyph-name="star1" d="M512 892l-29.001-66-104-233-254-27-72-8 54-48.001 189-170.999-53-250.001-15-69.999 63 36.002 221 128 221.001-128 62.997-36.002-14.997 69.999-53.001 250.001 189.001 170.999 53.999 48.001-72 8-253.999 27-104 233-29.001 66zM512 735l82.001-185 8-16.999 17.997-2.001 201.003-21.001-149.999-134.997-14.003-13.001 4.002-18.001 42.001-197.001-175.002 100.002-16 9.997-16-9.997-175-100.002 42 197.001 4 18.001-14 13.001-150 134.997 219 23.002 7.999 16.999 82.001 185z" />
+<glyph unicode="&#xe918;" glyph-name="star-half-alt-solid" d="M512 884l-29.001-65-104-234-254-26-72-8 54-47.998 189-171.004-53-249.997-15-70.003h1l62 36.002 221 127.002 283.998-163.004-14.997 70.003-53.001 249.997 189.001 171.004 53.999 47.998-72 8-253.999 26-104 234-29.001 65zM512 727l82.001-185 8-16.001 17.997-2.001 202.001-20.996-150.997-136-14.003-12.002 4.002-18.001 42.001-197.999-175.002 101.001-16 8.998v478.001z" />
+<glyph unicode="&#xe919;" glyph-name="star-solid" d="M970.752 558.5l-325.504 34.375-133.248 298.875-133.25-298.875-325.5-34.375 243.125-219.125-67.875-320.124 283.5 163.499 283.499-163.499-67.874 320.124 243.127 219.125z" />
+<glyph unicode="&#xe91a;" glyph-name="tiktok-filled" d="M906.667 526.861c-77.589-0.179-153.28 23.345-216.371 67.252v-306.219c-0.021-56.713-17.852-112.073-51.11-158.669-33.254-46.596-80.35-82.21-134.993-102.084-54.639-19.874-114.214-23.053-170.764-9.118s-107.375 44.318-145.681 87.095c-38.306 42.773-62.266 95.898-68.678 152.269-6.412 56.375 5.033 113.306 32.801 163.183s70.539 90.325 122.591 115.932c52.052 25.608 110.905 35.157 168.692 27.369v-154.019c-26.444 8.090-54.839 7.846-81.13-0.695-26.292-8.538-49.136-24.934-65.27-46.848s-24.734-48.222-24.571-75.17c0.163-26.948 9.081-53.158 25.48-74.884s39.44-37.862 65.833-46.097c26.394-8.239 54.789-8.158 81.13 0.23s49.289 24.657 65.553 46.477c16.265 21.82 25.024 48.081 25.024 75.029v598.627h155.093c-0.107-12.733 0.99-25.449 3.277-37.986 5.389-27.988 16.597-54.613 32.934-78.246 16.333-23.633 37.457-43.778 62.080-59.203 35.025-22.516 76.087-34.516 118.080-34.508v-149.717z" />
+<glyph unicode="&#xe91b;" glyph-name="times-solid" d="M231 775l-46-46 281.001-281-281.001-280.998 46-46.003 281 281.003 280.998-281.003 46.003 46.003-281.003 280.998 281.003 281-46.003 46-280.998-281.001-281 281.001z" />
+<glyph unicode="&#xe91c;" glyph-name="tty-solid" d="M512 832c-124.625 0-230.125-22.875-301-44-67.875-20.125-115-83-115-154v-90c0-34.999 29-64 64-64h128c35 0 64 29.001 64 64v84c6 2.75 7.25 3.875 25 9 29.125 8.5 73.624 17 135 17s105.873-8.5 135.002-17c17.749-5.125 18.999-6.25 24.998-9v-84c0-34.999 29.001-64 64-64h128c34.999 0 64 29.001 64 64v90c0 71-47.125 133.75-114.999 154-70.874 21-176.375 44-301.001 44zM512 768c116.749 0 216.623-21.25 282.999-41 41.374-12.25 69.001-50.125 69.001-93v-90h-128v124l-16 9c0 0-20.373 11.875-55.002 22-34.624 10.125-85.5 19-152.998 19s-118.375-8.875-153-19c-34.625-10.125-55-22-55-22l-16-9v-124h-128v90c0 42.875 27.625 80.75 69 93 66.375 19.75 166.25 41 283 41zM320 416c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM512 416c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM704 416c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM320 224c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM512 224c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64zM704 224c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64z" />
+<glyph unicode="&#xe91d;" glyph-name="twitter" d="M896 686.125c-28.25-12.5-58.624-21-90.5-24.75 32.499 19.5 57.502 50.375 69.252 87.125-30.379-18-64.128-31.125-100.002-38.25-28.749 30.625-69.751 49.875-114.999 49.875-87.002 0-157.623-70.625-157.623-157.625 0-12.375 1.374-24.375 4.122-35.875-130.999 6.5-247.124 69.25-324.748 164.625-13.625-23.25-21.375-50.375-21.375-79.25 0-54.625 27.75-102.875 70.125-131.125-25.875 0.875-50.125 7.876-71.375 19.75 0-0.75 0-1.375 0-2 0-76.374 54.25-140.127 126.375-154.501-13.25-3.622-27.125-5.623-41.5-5.623-10.125 0-20.125 0.998-29.625 2.876 20-62.626 78.25-108.126 147.125-109.5-53.875-42.253-121.875-67.375-195.625-67.375-12.75 0-25.25 0.747-37.625 2.249 69.75-44.749 152.5-70.874 241.5-70.874 289.875 0 448.373 240.124 448.373 448.374 0 6.75-0.247 13.625-0.499 20.375 30.75 22.25 57.502 50 78.626 81.5z" />
+<glyph unicode="&#xe91e;" glyph-name="twitter-x" d="M101 832l302.75-432.666-286.833-335.334h112.667l224.582 263.249 184.166-263.249h294.835l-316.668 453.333 268.416 314.667h-110.916l-207.748-242.667-169.501 242.667h-295.75zM264.833 746.667h87.417l417.167-597.333h-86.665l-417.919 597.333z" />
+<glyph unicode="&#xe91f;" glyph-name="user-solid" d="M512 800c-123.375 0-224-100.625-224-224 0-77.124 39.375-145.626 99-186.001-114.125-48.998-195-162.249-195-293.999h64c0 141.751 114.25 256 256 256s256-114.249 256-256h64c0 131.75-80.875 245.001-194.999 293.999 59.622 40.375 98.999 108.877 98.999 186.001 0 123.375-100.625 224-224 224zM512 736c88.751 0 160-71.25 160-160s-71.249-160-160-160c-88.75 0-160 71.249-160 160s71.25 160 160 160z" />
+<glyph unicode="&#xe920;" glyph-name="video-solid" d="M64 704v-512h704v107.998l192-96v488.002l-192-96v108h-704zM128 640h576v-384h-576v384zM896 588v-279.998l-128 64v151.996l128 64.002z" />
+<glyph unicode="&#xe921;" glyph-name="youtube" d="M512 768c-120.5 0-227-12.5-292-22-53.75-7.875-97.125-48.375-107-102-8.375-45.625-17-112.373-17-196s8.625-150.374 17-196.002c9.875-53.623 53.25-94.246 107-101.999 65.25-9.498 172.125-21.999 292-21.999s226.752 12.501 292.002 21.999c53.747 7.753 97.122 48.375 106.999 101.999 8.375 45.751 16.998 112.627 16.998 196.002s-8.499 150.25-16.998 196c-9.877 53.625-53.252 94.125-106.999 102-65.003 9.5-171.503 22-292.002 22zM512 704c116.25 0 220.126-11.875 282.999-21 26.999-4 48.124-24.375 53.001-51 7.748-42.25 16-104.875 16-184 0-79.002-8.252-141.751-16-184-4.877-26.624-25.873-47.125-53.001-50.999-63.125-9.126-167.501-21.001-282.999-21.001-115.5 0-220 11.874-283 21.001-27 3.874-48.125 24.375-53 50.999-7.75 42.249-16 104.751-16 184 0 79.377 8.25 141.75 16 184 4.875 26.625 25.875 47 53 51 62.75 9.125 166.75 21 283 21zM416 631v-366.001l48 27.004 224 128 48 27.998-48 27.998-224 128.002-48 27zM480 520.998l127.002-72.998-127.002-72.998v145.997z" />
+<glyph unicode="&#xe922;" glyph-name="arrow-top-right" d="M896 832v-574.938h-63.646v466.739l-659.802-659.801-44.553 46.673 657.681 657.681h-466.742v63.646h577.061z" />
+<glyph unicode="&#xe923;" glyph-name="angle-down-solid" d="M135 615l-46-46 399.998-400.002 23.002-21.999 23.002 21.999 400 400.002-46.003 46-376.998-377.001-377 377.001z" />
+<glyph unicode="&#xe924;" glyph-name="angle-left-solid" d="M608.998 823l-351.998-351.998-22-23.002 22-23.002 351.998-352 46.003 46.003-329.002 328.998 329.002 329-46.003 46z" />
+<glyph unicode="&#xe925;" glyph-name="angle-right-solid" d="M415 823l-46-46 329.001-329-329.001-328.998 46-46.003 352.002 352 21.999 23.002-21.999 23.002-352.002 351.998z" />
+<glyph unicode="&#xe926;" glyph-name="angle-up-solid" d="M512 749l-23.002-22-399.998-399.998 46-46.003 377 377.002 376.998-377.002 46.003 46.003-400 399.998-23.002 22z" />
+<glyph unicode="&#xe927;" glyph-name="apple" d="M666.999 896c-52.501 0-105.498-27.25-141.001-69v-1c-25.25-31.375-52.625-80.875-43.998-138-4.126 1.625-4.378 1.125-9.003 3-22.123 9-49.498 19-81.999 19-127.375 0-224-115.375-224-267 0-98.125 33-190.123 77-258.999 22-34.5 47-62.874 73-83.998 26-21.129 53.25-36.002 84-36.002 30.748 0 53.75 10.377 71 18.001s30.626 13.999 56 13.999c22.874 0 34.5-6.251 52.002-13.999 17.498-7.753 41.374-18.001 72.998-18.001 34.249 0 63.373 16.751 87.002 37.999 23.625 21.252 43.499 48.627 59.998 74.999 16.499 26.377 29.5 52.25 39.002 73.003 4.749 10.372 8.247 18.999 10.999 26.001 2.748 6.997 4.126 8.998 5.999 16.998l5.999 26.001-24 10.999c-5.623 2.5-27.998 13.623-48 33.997-19.998 20.378-37.001 48.252-37.001 91.004 0 41.374 15.876 69.124 33.003 88.998 8.499 9.875 17.374 18 24 23 3.375 2.5 5.999 3.75 8 5s1.626 0.875 5.001 3l26.999 17-18.001 27c-52.25 80.375-135.876 91-168.998 91-15.377 0-26.253-5.375-40-8 7.748 7.25 17.749 11.75 24 20 0.124 0.125-0.128 0.875 0 1 0.375 0.375 0.747 0.625 0.998 1h0.998c34.125 38.125 53.001 89.375 50.001 142l-2.001 30h-29.999zM629.001 822c-5.5-21.125-14.502-41.25-29.001-57l-2.001-2c-12.25-16.5-31.125-28.75-49.997-36 5.248 20.875 14.374 42 26.999 58 0.247 0.375 0.747 0.625 0.998 1 13.999 16 33.374 28 53.001 36zM391 646c17.875 0 37.501-6.75 57.999-15 20.501-8.25 39.625-19 67.004-19 27.247 0 47.872 10.75 71.996 19 24.128 8.25 49.877 15 75.004 15 16.747 0 58.125-10.625 93.001-43-6.127-5.5-11.503-9.5-18.001-17-24.375-28.25-49.003-72.251-49.003-130.999 0-61.001 26.628-106.876 55.002-136 17.626-18.001 28.501-22.251 42.001-30.003-1.749-3.998-2.752-7.125-5.001-11.998-8.627-18.752-20.501-42.752-34.999-66.001-14.502-23.249-32.128-45.875-49.003-61.001s-32-21.999-43.998-21.999c-18.125 0-28.749 5.001-47.002 13.001-18.249 8-43.375 18.999-77.999 18.999-36.373 0-63.249-10.752-82.001-18.999-18.748-8.252-28.499-13.001-44.999-13.001-7.875 0-24.875 6.374-44 21.999s-40.125 39.377-59 69.001c-37.875 59.251-67 140.625-67 224 0 126.126 70.375 203 160 203z" />
+<glyph unicode="&#xe928;" glyph-name="bed-solid" d="M192 768c-52.625 0-96-43.375-96-96v-216.998c-19.5-17.626-32-42.876-32-71.002v-288h160v64h576v-64h160v288c0 28.126-12.501 53.376-32 71.002v216.998c0 52.625-43.375 96-96 96h-640zM192 704h640c17.749 0 32-14.25 32-32v-192h-64v32c0 52.625-43.375 96-96 96h-128c-24.499 0-47.002-9.625-64-25-16.998 15.375-39.501 25-64 25h-128c-52.625 0-96-43.375-96-96v-32h-64v192c0 17.75 14.25 32 32 32zM320 544h128c17.749 0 32-14.251 32-32v-32h-192v32c0 17.749 14.25 32 32 32zM576 544h128c17.749 0 32-14.251 32-32v-32h-192v32c0 17.749 14.251 32 32 32zM160 416h704c17.749 0 32-14.251 32-32v-224h-32v64h-704v-64h-32v224c0 17.749 14.25 32 32 32z" />
+<glyph unicode="&#xe929;" glyph-name="behance" d="M32 744v-592h286c26.5 0 209.002 5.376 209.002 172.002 0 104.124-71.625 139.499-108.002 149.999 26.752 12.625 80 42.624 80 122.999 0 44.75-6.374 147-189 147h-278zM683.998 689v-54h221.001v54h-221.001zM162 643h122c11.5 0 89 6.125 89-68 0-63.375-56-70.001-79-70.001h-132v138.001zM800 586c-167.125 0-202.001-145.126-202.001-207.999 0-186.624 153.003-208 202.001-208 132.126 0 169.626 85.5 184.998 133.001h-96c-3.75-12.25-31.748-52.002-84.996-52.002-89.25 0-97.003 69.751-97.003 101.001h284.002c5.747 107.998-41.502 234-191.002 234zM797.001 504.998c26.624 0 48.124-7.748 61.001-21.999 12.873-14.374 22.374-35.375 24.998-62.997h-176c0.499 7.625 2.249 16.371 5.001 25.997 2.752 9.877 7.002 19.251 13.999 28.002 7.002 8.623 16.751 16.124 28.002 21.999 11.499 5.999 25.749 8.998 42.999 8.998zM162 416h141c28 0 94-4.373 94-85.001 0-78.123-83.125-77.999-96-77.999h-139v162.999z" />
+<glyph unicode="&#xe92a;" glyph-name="bell" d="M512 864c-35.375 0-64-28.625-64-64 0-2.75 0.623-5.375 0.998-8-110.624-28.25-192.998-128.75-192.998-248v-288c0-18.125-13.875-32-32-32h-32v-64h230c-3.625-10.125-6-20.749-6-32 0-52.625 43.375-96 96-96s96 43.375 96 96c0 11.251-2.377 21.875-5.999 32h229.999v64h-32c-18.125 0-32 13.875-32 32v279c0 120.25-80.375 227.5-192.998 257 0.375 2.625 0.998 5.25 0.998 8 0 35.375-28.625 64-64 64zM498.001 736c4.625 0.375 9.25 0 13.999 0 2.001 0 4.002 0 5.999 0 104.499-3.125 186.001-94.75 186.001-201v-279c0-11.251 2.377-21.875 5.999-32h-395.999c3.625 10.125 6 20.749 6 32v288c0 101.625 78.25 184.75 178.001 192zM512 160c18.001 0 32-13.999 32-32s-13.999-32-32-32c-18.001 0-32 13.999-32 32s13.999 32 32 32z" />
+<glyph unicode="&#xe92b;" glyph-name="bezier-curve-solid" d="M384 768v-96h-198c-13.375 37-48.625 64-90 64-52.625 0-96-43.375-96-96s43.375-96 96-96c41.375 0 76.625 27 90 64h74c-13.125-12.5-24.5-26.125-35-41-37-52.376-58.75-116.999-64-183h-97v-256h256v256h-94c5.25 53.5 22.75 106.001 51 146.001 27.5 38.999 62.875 66.249 107 74.999v-93h256v93c44.126-8.75 79.501-36 106.999-74.999 28.25-40 45.751-92.501 50.999-146.001h-93.999v-256h256v256h-96.998c-5.252 66.001-26.999 130.624-64 183-10.5 14.875-21.875 28.5-35.004 41h74.001c13.376-37 48.627-64 90.001-64 52.625 0 96 43.375 96 96s-43.375 96-96 96c-41.374 0-76.625-27-90.001-64h-197.999v96h-256zM448 704h128v-128h-128v128zM96 672c18 0 32-14 32-32s-14-32-32-32c-18 0-32 14-32 32s14 32 32 32zM928 672c18.001 0 32-14 32-32s-13.999-32-32-32c-18.001 0-32 14-32 32s13.999 32 32 32zM128 320h128v-128h-128v128zM768 320h128v-128h-128v128z" />
+<glyph unicode="&#xe92c;" glyph-name="caret-left-solid" d="M640 813l-55.002-54-287.998-287.998-22-23.002 22-23.002 287.998-288 55.002-53.999v730.001zM576 658v-420.001l-210 210.001 210 210z" />
+<glyph unicode="&#xe92d;" glyph-name="caret-right-solid" d="M384 813v-730.001l55.002 53.999 288 288 21.999 23.002-21.999 23.002-288 287.998-55.002 54zM448 658l210.001-210-210.001-210.001v420.001z" />
+<glyph unicode="&#xe92e;" glyph-name="chart-area-solid" d="M896 830l-52.002-40-147.998-116-191.002 32-10.999-7-181.999-121-146 29-38 8v-551h768v766zM832 699v-171.998l-135.002-106.999-189.999 62.997-13.001-8-177.999-118.997-124 49.997v131.001l122-24.002 13-2.999 11 7.002 181.001 120.999 179.998-30 13.999-2 11.004 9 107.998 84zM832 445.001v-317.001h-640v208l116-45.999 16-6.003 14 9.003 179.999 120 176-58.999 16-6.003 14.003 11.004 107.998 85.999z" />
+<glyph unicode="&#xe92f;" glyph-name="chart-line-solid" d="M871.002 788l-112-140-105.003 53-24.998 12-16-23-109.001-164.001-101 76.001-19 14-19-14-116-87.001-113 28-16-62.001 128-32 15-3.998 12 8.998 109 82.001 109.001-82.001 26.999-19.998 18.999 27.998 112 168.001 103.002-51 22.997-11 144 180-49.997 40zM642.001 373.999l-26.999-33.997-109.001-136.004-103.001 78.003-19 13.999-19-13.999-112-84.002-111 55.002-28-58.001 128-64 17-8 16 10.999 109 82.001 109.001-82.001 24.998-17.997 18.999 23.996 100.002 125.001 104-154.999 24.998-35.998 26.999 33.997 128 160-49.997 40.004-100.002-125.001-104 154.999-24.998 35.998z" />
+<glyph unicode="&#xe930;" glyph-name="check-solid" d="M904.998 759l-552.998-553.001-233 233.003-46-46.003 256-256 23-21.999 23 21.999 576.002 576.002-46.003 46z" />
+<glyph unicode="&#xe931;" glyph-name="clock-solid" d="M512 832c-211.75 0-384-172.25-384-384s172.25-384 384-384c211.75 0 384 172.25 384 384s-172.25 384-384 384zM512 768c177.126 0 320-142.875 320-320s-142.874-320-320-320c-177.125 0-320 142.874-320 320s142.875 320 320 320zM480 704v-288h224v64h-160v224h-64z" />
+<glyph unicode="&#xe932;" glyph-name="code-solid" d="M576 800l-192-704h64l192 704h-64zM254 755l-216-288-14-18.999 14-18.999 216-288 52 37.999-202 269.001 202 269-52 38zM770.001 755l-52.002-38 202.001-269-202.001-269.001 52.002-37.999 216 288 13.999 18.999-13.999 18.999-216 288z" />
+<glyph unicode="&#xe933;" glyph-name="cog-solid" d="M422 864l-5-26-19-95c-30.5-12-58-28.875-83-49l-93 32-25 8-13-23-64-110-13-23 19-17 72-62.999c-2.625-16.375-6-32.751-6-50.001s3.375-33.626 6-50.001l-72-62.997-19-17.003 13-22.997 64-110.003 13-22.997 25 8 93 32c25-20.126 52.5-37.001 83-49.003l19-94.997 5-26.001h180.001l5.001 26.001 18.999 94.997c30.498 12.002 57.997 28.877 82.999 49.003l93.001-32 24.998-8 13.001 22.997 64 110.003 13.001 22.997-18.999 17.003-72 62.997c2.624 16.375 5.999 32.751 5.999 50.001s-3.375 33.626-5.999 50.001l72 62.999 18.999 17-13.001 23-64 110-13.001 23-24.998-8-93.001-32c-25.003 20.125-52.501 37-82.999 49l-18.999 95-5.001 26h-180.001zM474.001 800h75.998l16-83 4.002-19 17.997-6c36.378-11.375 69.376-30.625 97.003-56l13.999-13 18.001 6 80.998 28 38.003-65-64-57-15.002-12 5.001-18.999c4.126-18.249 5.999-36.877 5.999-56s-1.873-37.751-5.999-56l-4.002-18.999 14.003-12.002 64-56.998-38.003-64.998-80.998 27.998-18.001 5.999-13.999-12.996c-27.627-25.378-60.625-44.625-97.003-56.004l-17.997-5.999-4.002-18.999-16-82.999h-75.998l-16 82.999-4.002 18.999-17.997 5.999c-36.377 11.379-69.377 30.626-97.002 56.004l-14 12.996-18-5.999-81-27.998-38 64.998 64 56.998 15 12.002-5 18.999c-4.125 18.249-6 36.877-6 56s1.875 37.751 6 56l5 18.999-15 12-64 57 38 65 81-28 18-6 14 13c27.625 25.375 60.625 44.625 97.002 56l17.997 6 4.002 19 16 83zM512 608c-88 0-160-72-160-160s72-160 160-160c88 0 160 72 160 160s-72 160-160 160zM512 544c53.376 0 96-42.624 96-96s-42.624-96-96-96c-53.376 0-96 42.624-96 96s42.624 96 96 96z" />
+<glyph unicode="&#xe934;" glyph-name="cogs-solid" d="M480 832v-36c-21.124-4.125-41.626-11.375-59-23l-25 25-46-45 26-26c-10.875-16.5-18.875-35.125-23-55h-33v-64h33c4.125-19.875 12.125-38.5 23-55l-26-25.999 46-45.001 25 24.998c17.374-11.622 37.876-18.876 59-22.997v-36.002h64v36.002c19.499 4.25 37.875 11.247 53.999 21.999l24-24 45.001 45.001-24 23.998c11.499 17 19.75 36.25 24 57h37.001v64h-37.001c-4.25 20.75-12.501 40-24 57l24 24-45.001 45-24-24c-16.124 10.75-34.5 17.75-53.999 22v36h-64zM509.999 736c53.376 0 96-42.625 96-96s-42.624-96-96-96c-53.376 0-95.999 42.625-95.999 96s42.623 96 95.999 96zM256 448v-34.999c-21.5-4.126-41.5-12.126-59-24l-25 24.998-46-45.001 26-25.997c-10.875-16.627-18.875-34.999-23-55.002h-33v-64h33c4.125-20.002 12.125-38.374 23-55.002l-26-25.997 46-45.001 25 24.998c17.5-11.874 37.5-19.874 59-24v-34.999h64v36.002c19.5 4.25 37.875 11.247 54 21.999l24-24 45 45.001-24 24c11.375 16.747 19.626 35.622 24 56l37.999 0.998-1.997 64-36.002-0.998c-4.25 21.124-12.25 40.747-24 57.997l24 24-45 45.001-24-24c-16.125 10.752-34.5 17.749-54 21.999v36.002h-64zM704 448v-36.002c-21.124-4.122-41.626-11.375-58.999-22.997l-25.003 24.998-45.999-45.001 26.001-25.997c-10.876-16.503-18.876-35.127-23.002-55.002h-32.998v-64h32.998c4.126-19.874 12.126-38.498 23.002-55.002l-26.001-25.997 45.999-45.001 25.003 24.998c17.374-11.622 37.875-18.876 58.999-22.997v-36.002h64v36.002c19.375 4.25 36.877 12.373 53.001 22.997l24.998-24.998 45.001 45.001-24 24c11.499 16.747 19.627 35.499 24 56l37.999 0.998-1.997 64-36.002-0.998c-4.126 20.873-13.5 39.872-24.998 56.998l24.998 24.998-45.001 45.001-24.998-24.998c-15.876 10.377-34.001 17.749-53.001 21.999v37.001h-64zM286 352c53.375 0 96-42.624 96-96s-42.625-96-96-96c-53.375 0-96 42.624-96 96s42.625 96 96 96zM733.999 352c53.376 0 96-42.624 96-96s-42.624-96-96-96c-53.376 0-96 42.624-96 96s42.624 96 96 96z" />
+<glyph unicode="&#xe935;" glyph-name="comment-quote" d="M237.846 764.82c74.667 73.231 164.41 109.846 269.23 109.846s193.847-36.615 267.076-109.846c74.667-71.795 112-158.667 112-260.616 0-97.643-36.612-196.719-109.845-297.229-71.795-100.514-161.536-176.619-269.231-228.309v152.922c-104.82 0-194.563 36.617-269.23 109.85-73.231 73.229-109.846 160.819-109.846 262.767s36.615 188.821 109.846 260.616zM485.538 480.512v131.386h-133.538v-131.386h66.769l-45.231-86.153h66.769l45.231 86.153zM662.153 480.512v131.386h-133.538v-131.386h66.769l-43.076-86.153h66.769l43.076 86.153z" />
+<glyph unicode="&#xe936;" glyph-name="comment-solid" d="M96 768v-640h306.75l109.25-109.248 109.248 109.248h306.752v640h-832zM160 704h704v-512h-269.248l-82.752-82.752-82.752 82.752h-269.248v512zM288 608v-64h448v64h-448zM288 480v-64h448v64h-448zM288 352v-64h320v64h-320z" />
+<glyph unicode="&#xe937;" glyph-name="comments-solid" d="M64 800v-512h128v-162.999l52 42.001 151 120.998h309v512h-640zM128 736h512v-384h-267l-9-7.002-108-85.999v93.001h-128v384zM768 672v-64h128v-384h-128v-93.001l-117.001 93.001h-240l-80-64h298.001l202.999-162.999v162.999h128v512h-192z" />
+<glyph unicode="&#xe938;" glyph-name="couch-solid" d="M192 736c-52.625 0-96-43.375-96-96v-70c-37-13.375-64-48.626-64-90v-352h64v64h832v-64h64v352c0 41.374-26.999 76.625-64 90v70c0 52.625-43.375 96-96 96h-640zM192 672h640c17.749 0 32-14.25 32-32v-70c-37.001-13.375-64-48.626-64-90v-64h-576v64c0 41.374-27 76.625-64 90v70c0 17.75 14.25 32 32 32zM128 512c17.75 0 32-14.251 32-32v-128h704v128c0 17.749 14.251 32 32 32s32-14.251 32-32v-224h-832v224c0 17.749 14.25 32 32 32z" />
+<glyph unicode="&#xe939;" glyph-name="credit-card-solid" d="M160 768c-52.625 0-96-43.375-96-96v-448c0-52.625 43.375-96 96-96h704c52.625 0 96 43.375 96 96v448c0 52.625-43.375 96-96 96h-704zM160 704h704c18.125 0 32-13.875 32-32v-64h-736v-64h736v-320c0-18.125-13.875-32-32-32h-704c-18.125 0-32 13.875-32 32v448c0 18.125 13.875 32 32 32z" />
+<glyph unicode="&#xe93a;" glyph-name="crop-alt-solid" d="M256 832v-128h-128v-64h128v-448h448v-128h64v128h128v64h-576v576h-64zM384 704v-64h320v-320h64v384h-384z" />
+<glyph unicode="&#xe93b;" glyph-name="crown-solid" d="M512 864c-52.625 0-96-43.375-96-96 0-36 20.25-67.625 50.001-84l-94.001-188-147 105c19.25 17.625 31 43.125 31 71 0 52.625-43.375 96-96 96s-96-43.375-96-96c0-43.125 29.625-79 69-91l59-325v-160h640v160l58.999 325c39.377 12 69.001 47.875 69.001 91 0 52.625-43.375 96-96 96s-96-43.375-96-96c0-27.875 11.75-53.375 31.002-71l-147.004-105-93.999 188c29.751 16.375 50.001 48 50.001 84 0 52.625-43.375 96-96 96zM512 800c18.001 0 32-14 32-32s-13.999-32-32-32c-18.001 0-32 14-32 32s13.999 32 32 32zM160 704c18 0 32-14 32-32s-14-32-32-32c-18 0-32 14-32 32s14 32 32 32zM864 704c18.001 0 32-14 32-32s-13.999-32-32-32c-18.001 0-32 14-32 32s13.999 32 32 32zM512 632l98.999-197.999 48-12.002 160 114.001-45.001-248h-523.999l-45 248 160-114.001 48 12.002 99 197.999zM256 224h512v-64h-512v64z" />
+<glyph unicode="&#xe93c;" glyph-name="desktop-solid" d="M64 768v-576h416v-64h-160v-64h384v64h-160v64h416v576h-896zM128 704h768v-448h-768v448z" />
+<glyph unicode="&#xe93d;" glyph-name="download-solid" d="M480 832v-530.001l-169 169.003-46-46.003 223.998-224 23.002-21.999 23.002 21.999 224 224-46.003 46.003-168.998-169.003v530.001h-64zM224 128v-64h576v64h-576z" />
+<glyph unicode="&#xe93e;" glyph-name="dribbble" d="M512 832c-211.75 0-384-172.25-384-384s172.25-384 384-384c211.75 0 384 172.25 384 384s-172.25 384-384 384zM512 768c81.126 0 154.624-30.5 210.999-80-5.999-8.375-14.123-18.5-26.999-31-27.375-26.5-71.125-58.375-138.001-83-45.248 83.625-89.626 146.5-118.997 186 23.373 5.375 47.872 8 72.998 8zM376 738c26.25-34.375 72.998-98.125 120-183-130.125-34.501-249.5-38.874-297-38.998 21.25 98.873 87.75 180.248 177 221.998zM767.002 641c38.997-51.625 63.249-115.5 64.998-185-28.501 6.374-70.498 12.625-125.001 13.001-28.373 0.124-60.501-1.877-94.997-5.999-8.004 18.249-16.627 35.874-25.003 53.001 71.753 27.498 120.627 63.748 153.003 94.998 10.999 10.75 19.622 20.625 26.999 30zM525.001 496.998c7.373-14.874 14.874-30.123 21.999-45.999-136.75-37.875-234.999-153.873-277-211.998-48.375 56-78 128.998-78 208.998 0 1.374 0 2.624 0 4.002 43.25-0.503 180.75 2.496 333.001 44.996zM706.999 405.999c57.126 0 96.627-8 120-13.999-14.874-85.248-63.002-158.374-130.999-205.999-12.749 76.497-33.749 149.248-58.999 216 25.25 2.5 49.126 3.998 69.999 3.998zM571.998 391.002c28.753-73.003 52.877-153.126 65.003-238.003-38.251-16.124-80.751-24.998-125.001-24.998-73.374 0-141.125 24.623-195 66.001 32.875 45.001 129.498 164.749 254.998 197.001z" />
+<glyph unicode="&#xe93f;" glyph-name="envelope-solid" d="M96 704v-576h832v576h-832zM234 640h555.999l-277.999-184.998-278 184.998zM160 612l333.999-222.999 18.001-10.999 18.001 10.999 333.999 222.999v-420h-704v420z" />
+<glyph unicode="&#xe940;" glyph-name="eye" d="M512 704c-266.75 0-472-234.999-472-234.999l-19-21.001 19-21.001c0 0 187.125-213.376 435.998-232.998 11.878-1.502 23.753-2.001 36.002-2.001s24.124 0.499 36.002 2.001c248.875 19.622 435.998 232.998 435.998 232.998l18.999 21.001-18.999 21.001c0 0-205.248 234.999-472 234.999zM512 640c70.498 0 135.501-19.25 192-45 20.373-33.75 32-72.623 32-115 0-115.627-86.75-210.624-199.002-223.002-0.623-0.124-1.374 0.128-1.997 0-7.625-0.375-15.253-0.998-23.002-0.998-8.499 0-16.751 0.499-24.998 0.998-112.252 12.378-199.002 107.375-199.002 223.002 0 41.749 11.25 80.625 31 114h-1c57 26.25 122.751 46 194 46zM512 576c-53.001 0-96-42.999-96-96s42.999-96 96-96c53.001 0 96 42.999 96 96s-42.999 96-96 96zM232 546c-5-21.499-8-43.127-8-66 0-56.124 16-108.625 44-152.998-80.625 46.622-136.625 102.246-155 120.998 15.375 15.748 58.25 57.502 119 98zM792 546c60.749-40.498 103.625-82.252 119.002-98-18.377-18.752-74.377-74.377-154.999-120.998 27.998 44.373 43.998 96.875 43.998 152.998 0 22.874-2.999 44.749-8 66z" />
+<glyph unicode="&#xe941;" glyph-name="facebook-f" d="M616.124 896c-126.144 0-200.124-66.63-200.124-218.438v-133.562h-160v-160h160v-384h160v384h128l32 160h-160v106.5c0 57.184 18.65 85.5 72.311 85.5h87.689v153.437c-15.168 2.048-59.362 6.563-119.876 6.563z" />
+<glyph unicode="&#xe942;" glyph-name="github" d="M512 832c-212.125 0-384-171.875-384-384 0-169.626 110-313.626 262.625-364.373 19.25-3.503 26.25 8.247 26.25 18.5 0 9.122-0.375 33.25-0.5 65.25-106.875-23.125-129.375 51.499-129.375 51.499-17.5 44.373-42.625 56.247-42.625 56.247-34.875 23.753 2.625 23.253 2.625 23.253 38.5-2.752 58.75-39.501 58.75-39.501 34.25-58.752 89.875-41.749 111.75-32 3.5 24.875 13.501 41.749 24.373 51.375-85.248 9.626-174.873 42.624-174.873 189.751 0 41.997 15 76.248 39.5 103.123-3.875 9.625-17.125 48.75 3.75 101.625 0 0 32.25 10.25 105.625-39.375 30.623 8.5 63.502 12.75 96.125 12.875 32.623-0.125 65.502-4.375 96.124-12.875 73.378 49.625 105.502 39.375 105.502 39.375 21.001-52.875 7.876-92 3.874-101.625 24.627-26.875 39.377-61.126 39.377-103.123 0-147.503-89.754-179.878-175.253-189.504 13.751-11.746 26.001-35.247 26.001-70.997 0-51.375-0.375-92.749-0.375-105.374 0-10.253 6.878-22.251 26.377-18.5 152.499 50.871 262.374 194.748 262.374 364.373 0 212.125-171.874 384-384 384z" />
+<glyph unicode="&#xe943;" glyph-name="global" d="M513.519 846.219c53.922 0 105.25-10.369 153.984-31.108 49.775-20.739 92.288-49.255 127.548-85.548 35.255-36.293 63.253-78.808 83.989-127.544 21.777-47.699 32.145-99.029 31.108-153.988 1.037-54.955-9.331-106.803-31.108-155.541-20.736-47.697-48.734-89.694-83.989-125.986-35.26-36.292-77.773-64.811-127.548-85.551-48.734-20.736-100.062-31.108-153.984-31.108-54.959 0-106.806 10.372-155.542 31.108-47.7 20.74-89.696 49.259-125.989 85.551s-64.809 78.289-85.548 125.986c-20.739 48.738-31.627 100.587-32.663 155.541 1.037 54.959 11.925 106.289 32.663 153.988 20.739 48.736 49.255 91.251 85.548 127.544s78.289 64.809 125.989 85.548c48.736 20.739 100.583 31.108 155.542 31.108zM161.994 424.7c2.074-12.442 3.63-24.887 4.666-37.329 2.074-12.442 5.185-24.887 9.332-37.329 4.148-11.409 7.777-22.814 10.888-34.219 4.148-10.372 9.851-20.74 17.109-31.108h119.767c-2.074 11.405-4.666 22.81-7.777 34.219-3.111 11.405-5.703 22.81-7.777 34.219-1.037 11.405-2.592 22.814-4.666 34.219-2.074 12.442-2.592 24.887-1.556 37.329h-139.988zM301.981 471.364c-1.037 12.442-0.518 24.367 1.556 35.772 2.074 12.446 3.629 24.371 4.666 35.776 1.037 11.407 3.111 22.813 6.222 34.219 4.148 11.407 7.259 22.813 9.332 34.219h-119.767c-7.258-10.369-12.962-21.257-17.109-32.663-3.111-10.37-6.74-21.776-10.888-34.22-4.148-11.407-7.258-23.333-9.332-35.774-1.037-12.442-2.592-24.887-4.666-37.329h139.988zM373.531 611.351c-3.111-10.369-6.74-21.776-10.888-34.219-3.111-11.407-5.703-22.813-7.777-34.219-1.037-11.405-2.592-23.331-4.666-35.776-2.074-11.405-2.592-23.33-1.555-35.772h328.194c0 12.442-1.037 24.367-3.11 35.772-1.037 12.446-2.594 24.371-4.668 35.776-2.074 11.407-5.184 22.813-9.331 34.219-3.11 12.443-5.705 23.85-7.778 34.219h-278.42zM348.644 424.7c-1.037-12.442-0.519-24.887 1.555-37.329 2.074-11.405 4.148-22.814 6.222-34.219 2.074-11.409 4.666-23.33 7.777-35.776 3.111-11.405 6.222-22.293 9.332-32.661h278.42c2.074 10.368 4.668 21.257 7.778 32.661 4.147 12.446 7.258 24.367 9.331 35.776 2.074 11.405 3.631 22.814 4.668 34.219 2.074 12.442 3.11 24.887 3.11 37.329h-328.194zM723.499 424.7c0-12.442-1.037-24.887-3.11-37.329-1.037-11.405-2.59-22.814-4.668-34.219-1.037-11.409-3.11-22.814-6.221-34.219-3.11-11.409-6.221-22.814-9.331-34.219h122.876c7.262 10.368 12.446 20.736 15.556 31.108 4.147 11.405 8.294 22.81 12.442 34.219 4.151 12.442 6.741 24.887 7.778 37.329 2.074 12.442 4.147 24.887 6.221 37.329h-141.542zM725.056 471.364h138.432c0 12.442-1.557 24.887-4.668 37.329-2.074 12.442-4.663 24.367-7.778 35.774-3.11 12.443-7.258 23.85-12.442 34.22-4.147 11.406-8.815 22.294-13.999 32.663h-124.433c4.147-11.407 7.258-22.813 9.331-34.219s4.147-22.813 6.221-34.219c3.115-11.405 4.668-23.331 4.668-35.776 1.037-11.405 2.594-23.33 4.668-35.772zM793.493 659.569h1.557c-12.446 14.517-25.408 27.997-38.886 40.441-12.446 13.481-26.961 25.405-43.554 35.775-15.552 11.407-31.625 21.257-48.218 29.553-16.589 8.295-34.735 15.036-54.438 20.22 8.294-10.369 15.556-20.739 21.777-31.108 6.221-9.332 12.442-19.702 18.662-31.108 7.262-10.369 12.962-21.257 17.109-32.664 5.188-10.369 10.889-20.739 17.109-31.108h108.881zM538.406 798.001h1.553c-3.11 0-5.7 0-7.778 0-1.037 0-3.11 0-6.221 0-2.074 1.037-4.147 1.556-6.221 1.556-1.037 0-3.631 0-7.778 0-1.037 0-3.11 0-6.221 0-2.074 0-4.147-0.518-6.221-1.556-2.074 0-4.668 0-7.778 0-2.074 0-4.147 0-6.221 0-10.368-10.369-19.703-21.257-27.998-32.663s-16.593-22.813-24.887-34.22c-8.295-11.406-15.553-23.331-21.775-35.774-5.185-11.407-11.407-23.331-18.665-35.775h241.088c-7.258 12.443-13.999 24.368-20.22 35.775-6.221 12.443-13.478 24.368-21.777 35.774-8.294 11.407-16.589 22.813-24.883 34.22-7.262 11.406-16.593 22.294-27.998 32.663zM412.416 784.002h1.556c-18.665-5.185-36.293-11.925-52.884-20.221s-32.664-17.628-48.218-27.997c-15.554-10.369-30.071-22.294-43.552-35.775-12.444-12.443-24.887-25.923-37.33-40.441h110.435c3.111 10.369 7.777 20.739 13.999 31.108 6.222 11.407 11.925 22.295 17.11 32.664s11.406 20.739 18.665 31.108c7.258 10.37 13.999 20.221 20.22 29.553zM231.988 236.497h1.556c10.369-14.519 22.294-28.518 35.775-41.997 14.517-12.446 29.034-23.851 43.552-34.219 14.517-10.372 30.59-19.703 48.218-27.998 17.628-8.299 35.256-15.556 52.884-21.777-7.258 10.368-14.517 20.74-21.776 31.108s-13.481 20.74-18.665 31.108c-5.185 10.368-10.888 20.74-17.11 31.108-6.222 11.405-10.888 22.293-13.999 32.666h-110.435zM485.521 98.065h1.553c1.041 0 2.594 0 4.668 0 3.11 0 5.705 0 7.778 0 2.074-1.041 4.147-1.557 6.221-1.557 3.11 0 5.184 0 6.221 0 4.147 0 6.741 0 7.778 0 2.074 0 4.147 0.516 6.221 1.557 3.11 0 5.184 0 6.221 0 2.078 0 4.668 0 7.778 0 8.294 10.368 17.109 21.257 26.445 32.661 9.331 11.405 17.626 22.814 24.883 34.219 7.262 11.409 14.519 22.814 21.777 34.219 7.258 12.446 13.483 24.887 18.667 37.333h-237.98c5.185-12.446 11.407-24.887 18.665-37.333 7.259-11.405 14.519-22.81 21.777-34.219 7.258-11.405 15.036-22.814 23.33-34.219 9.331-11.405 18.667-22.293 27.998-32.661zM609.954 110.507h1.557c17.626 5.184 35.255 11.925 52.881 20.22 17.63 8.294 33.702 17.63 48.218 27.998 15.556 11.405 30.071 23.33 43.554 35.776 14.515 13.478 26.961 27.477 37.329 41.997h-108.881c-6.221-10.372-11.921-21.261-17.109-32.666-4.147-10.368-9.847-21.257-17.109-32.666-6.221-10.368-12.442-20.736-18.662-31.108-6.221-9.331-13.483-19.183-21.777-29.551z" />
+<glyph unicode="&#xe944;" glyph-name="grip-lines-solid" d="M96 608v-64h832v64h-832zM96 352v-64h832v64h-832z" />
+<glyph unicode="&#xe945;" glyph-name="grip-lines-vertical-solid" d="M352 864v-832h64v832h-64zM608 864v-832h64v832h-64z" />
+<glyph unicode="&#xe946;" glyph-name="heart" d="M304 800c-132.375 0-240-108.875-240-240 0-45.751 20.75-85.376 40-114.001s39-46.997 39-46.997l369-370.001 23.002 23.002 345.997 346.999c0 0 79.002 69.623 79.002 160.998 0 131.125-107.627 240-240 240-109.875 0-180.625-66.125-208-94-27.375 27.875-98.125 94-208 94zM304 736c95.625 0 184-93 184-93l24-27 24 27c0 0 88.375 93 184 93 97.374 0 176-79.875 176-176 0-49.374-59.998-116.002-59.998-116.002l-324.002-323.998-324 323.998c0 0-15.5 14.878-31 38.003s-29 53.249-29 77.999c0 96.125 78.625 176 176 176z" />
+<glyph unicode="&#xe947;" glyph-name="heart-solid" d="M720 800c-92.544 0-170.462-57.728-208-91.328-37.538 33.6-115.456 91.328-208 91.328-132.352 0-240-107.648-240-240 0-82.88 75.68-158.302 78.72-161.314l369.28-369.276 369.088 369.084c3.23 3.2 78.912 78.626 78.912 161.506 0 132.352-107.648 240-240 240z" />
+<glyph unicode="&#xe948;" glyph-name="info-circle-solid" d="M512 864c-229.375 0-416-186.625-416-416s186.625-416 416-416c229.376 0 416 186.624 416 416s-186.624 416-416 416zM512 800c194.752 0 352-157.25 352-352 0-194.752-157.248-352-352-352-194.75 0-352 157.248-352 352 0 194.75 157.25 352 352 352zM480 640v-64h64v64h-64zM480 512v-256h64v256h-64z" />
+<glyph unicode="&#xe949;" glyph-name="instagram" d="M367 800c-113.625 0-207-93.25-207-207v-289.999c0-113.626 93.25-207.002 207-207.002h289.999c113.626 0 207.002 93.248 207.002 207.002v289.999c0 113.625-93.248 207-207.002 207h-289.999zM367 736h289.999c79.125 0 143.002-63.875 143.002-143v-289.999c0-79.125-63.876-143.002-143.002-143.002h-289.999c-79.125 0-143 63.876-143 143.002v289.999c0 79.125 63.875 143 143 143zM701.001 666c-16.124 0-29.001-12.875-29.001-29s12.877-29 29.001-29c16.124 0 29.001 12.875 29.001 29s-12.877 29-29.001 29zM512 640c-105.625 0-192-86.375-192-192s86.375-192 192-192c105.626 0 192 86.374 192 192s-86.374 192-192 192zM512 576c71.125 0 128-56.875 128-128s-56.875-128-128-128c-71.125 0-128 56.875-128 128s56.875 128 128 128z" />
+<glyph unicode="&#xe94a;" glyph-name="leaf-solid" d="M800.998 832l-32.998-15c-101.751-44.875-248.751-61.75-374-106-62.625-22.125-120.625-51.625-164-99s-70-112.625-70-196c0-86.251 50.75-145.374 98-178.999 20.125-14.374 39.625-24.751 56-32-19.75-36.625-34.375-69.623-44-98.001-17.5-51.123-20.25-91.123-19-120 1.25-28.873 5-48.623 5-48l64-5.999c2 23.125-4 35.251-5 56.998-1 21.751 0.875 51.627 16 96 30.25 88.627 114.124 234.5 332.002 468.001l-46.003 44c-130.624-139.999-214.998-249.123-269.999-336.999-14 5.623-32.75 14.251-52 27.998-37.125 26.377-71 65.003-71 127.002 0 70.498 20.125 117.001 53 153s80.75 61.75 138 82c103.626 36.625 231.874 55.125 342.001 96 10.249-38.875 42.999-172 42.999-379.998 0-118.003-27.627-185.626-59.998-223.002-32.375-37.376-71.377-48-106.001-48-34.5 0-71.753 17.626-104 40-32.252 22.374-54.502 45.751-77.001 60.002l-34.001-54.003c5.75-3.622 37.623-33.122 74.999-58.999 37.376-25.873 84.753-50.999 140.002-50.999 49.25 0 109.5 17.374 154.999 69.999s74.999 137.126 74.999 265.003c0 250.249-53.001 429.999-53.001 429.999l-10.001 35z" />
+<glyph unicode="&#xe94b;" glyph-name="linkedin-in" d="M276.562 832c-46.688 0-84.562-37.812-84.562-84.5s37.844-85.375 84.5-85.375c46.656 0 84.562 38.687 84.562 85.375 0 46.656-37.812 84.5-84.5 84.5zM689.126 608c-71.010 0-111.637-37.135-131.127-74.063h-2.061v64.125h-139.938v-470.063h145.813v232.687c0 61.312 4.625 120.563 80.499 120.563 74.782 0 75.874-69.909 75.874-124.437v-228.813h145.813v258.189c0 126.336-27.162 221.811-174.874 221.811zM203.625 598.063v-470.063h145.937v470.063h-145.937z" />
+<glyph unicode="&#xe94c;" glyph-name="lock-solid" d="M512 864c-123 0-224-101-224-224v-96h-96v-512h640v512h-96v96c0 123-101.001 224-224 224zM512 800c88.124 0 160-71.875 160-160v-96h-320v96c0 88.125 71.875 160 160 160zM256 480h512v-384h-512v384z" />
+<glyph unicode="&#xe94d;" glyph-name="long-arrow-alt-down-solid" d="M480 832v-642.001l-137 137.003-46-45.001 215-215.002 215.002 215.002-46.003 45.001-136.998-137.003v642.001h-64z" />
+<glyph unicode="&#xe94e;" glyph-name="long-arrow-alt-left-solid" d="M346 663l-215-215 215-215.002 45 46.003-137 136.998h642v64h-642l137 137-45 46z" />
+<glyph unicode="&#xe94f;" glyph-name="long-arrow-alt-right-solid" d="M677.999 663l-45.001-46 137.003-137h-642.001v-64h642.001l-137.003-136.998 45.001-46.003 215.002 215.002-215.002 215z" />
+<glyph unicode="&#xe950;" glyph-name="long-arrow-alt-up-solid" d="M512 829l-215-215 46-45 137 137v-642h64v642l136.998-137 46.003 45-215.002 215z" />
+<glyph unicode="&#xe951;" glyph-name="map-marker-solid" d="M512 864c-158.625 0-288-129.375-288-288 0-45.001 18.25-96.623 43-152.998s56.625-116.25 89-172.002c64.75-111.625 129.999-205.001 129.999-205.001l26.001-37.999 26.001 37.999c0 0 65.25 93.376 129.997 205.001 32.375 55.753 64.252 115.627 89.003 172.002s42.999 107.998 42.999 152.998c0 158.625-129.374 288-288 288zM512 800c124.126 0 224-99.875 224-224 0-25.625-13.751-74.125-37.001-127.002-23.249-52.873-55.373-111.497-86.997-165.999-50.253-86.75-81.502-132.625-100.002-160-18.5 27.375-49.749 73.25-100 160-31.625 54.502-63.75 113.126-87 165.999-23.25 52.877-37 101.376-37 127.002 0 124.125 99.875 224 224 224zM512 640c-35.375 0-64-28.625-64-64s28.625-64 64-64c35.375 0 64 28.625 64 64s-28.625 64-64 64z" />
+<glyph unicode="&#xe952;" glyph-name="medium" d="M312.053 704c142.889 0 258.711-116.632 258.711-260.497 0-143.863-115.831-260.484-258.711-260.484-142.879 0-258.72 116.621-258.72 260.484 0 143.865 115.832 260.497 258.72 260.497zM725.21 688.741c71.445 0 129.361-109.785 129.361-245.238h0.009c0-135.415-57.916-245.235-129.361-245.235-71.441 0-129.357 109.82-129.357 245.235 0 135.418 57.907 245.238 129.348 245.238zM925.171 663.197c25.122 0 45.495-98.358 45.495-219.695 0-121.297-20.365-219.691-45.495-219.691s-45.487 98.368-45.487 219.691c0 121.328 20.365 219.695 45.487 219.695z" />
+<glyph unicode="&#xe953;" glyph-name="minus-solid" d="M160 480v-64h704v64h-704z" />
+<glyph unicode="&#xe954;" glyph-name="mobile-alt-solid" d="M352 832c-52.625 0-96-43.375-96-96v-576c0-52.625 43.375-96 96-96h320c52.625 0 96 43.375 96 96v576c0 52.625-43.375 96-96 96h-320zM352 768h320c17.749 0 32-14.25 32-32v-576c0-17.749-14.251-32-32-32h-320c-17.75 0-32 14.251-32 32v576c0 17.75 14.25 32 32 32zM512 224c-17.626 0-32-14.374-32-32s14.374-32 32-32c17.626 0 32 14.374 32 32s-14.374 32-32 32z" />
+<glyph unicode="&#xe955;" glyph-name="moon" d="M160 800v-64h-64v-64h64v-64h64v64h64v64h-64v64h-64zM648.998 706l-52.996-2c-171.002-6.125-308.002-146.5-308.002-319.002 0-176.375 143.625-320 320-320 172.501 0 312.875 137.003 319.002 308.002l1.997 51.998-46.997-21.999c-25.003-11.874-52.753-18.001-82.001-18.001-106.377 0-192 85.628-192 192.002 0 29.25 7.125 56 18.999 81l21.999 48zM555.998 630c-3.998-17.75-11.998-34-11.998-53 0-140.998 114.999-256.002 256-256.002 19.375 0 35.874 7.876 53.999 12.002-24.375-116.002-122.5-204.002-245.999-204.002-141.751 0-256 114.253-256 256 0 123.251 88.252 220.377 203.998 245.001z" />
+<glyph unicode="&#xe956;" glyph-name="paint-roller-solid" d="M160 832v-256h576v256h-576zM224 768h448v-128h-448v128zM768 736v-64h32v-136l-320-96v-88h-64v-288h192v288h-64v40l320 96v248h-96zM480 288h64v-160h-64v160z" />
+<glyph unicode="&#xe957;" glyph-name="paperclip-solid" d="M672 832c-44.501 0-88.252-17.25-122.001-51l-299.999-300.002c-95.125-95.125-95.125-249.873 0-344.998s249.874-95.125 345 0l200 200-45.001 45.001-200-200c-70.622-70.626-184.374-70.626-254.999 0s-70.625 184.375 0 255.002l300 299.998c42.999 43 112 43 154.999 0s42.999-112 0-155l-299.998-300.002c-15.377-15.373-39.626-15.373-55.001 0-15.375 15.377-15.375 39.625 0 55.002l274.999 275-45.001 45-274.999-274.999c-39.875-39.876-39.875-105.126 0-145.003 39.875-39.872 105.126-39.872 145.002 0l299.998 300.002c67.499 67.5 67.499 177.5 0 245-33.749 33.75-78.498 51-122.999 51z" />
+<glyph unicode="&#xe958;" glyph-name="arrow-down-01" horiz-adv-x="2048" d="M186.824 911.843c49.987 49.987 131.033 49.987 181.019 0l656.157-656.157 656.157 656.157c49.993 49.987 131.026 49.987 181.014 0s49.988-131.033 0-181.019l-746.662-746.667c-49.987-49.987-131.033-49.987-181.019 0l-746.667 746.667c-49.987 49.987-49.987 131.032 0 181.019z" />
+<glyph unicode="&#xe959;" glyph-name="link-simple" d="M662.64 598.64c5.798-5.792 9.385-13.797 9.385-22.64s-3.587-16.848-9.385-22.64v0l-256-256c-5.794-5.794-13.799-9.378-22.64-9.378-17.683 0-32.018 14.335-32.018 32.018 0 8.841 3.584 16.846 9.378 22.64l256 256c5.792 5.798 13.797 9.385 22.64 9.385s16.848-3.587 22.64-9.385v0zM862.4 798.4c-40.537 40.541-96.54 65.616-158.4 65.616s-117.863-25.075-158.4-65.616l-120.24-120.2c-5.794-5.794-9.378-13.799-9.378-22.64 0-17.683 14.335-32.018 32.018-32.018 8.841 0 16.846 3.584 22.64 9.378v0l120.24 120c28.823 28.208 68.316 45.614 111.874 45.614 88.366 0 160-71.634 160-160 0-43.548-17.398-83.033-45.622-111.883l0.028 0.029-120.28-120.24c-5.797-5.793-9.384-13.797-9.384-22.64 0-17.675 14.329-32.004 32.004-32.004 8.833 0 16.829 3.578 22.62 9.364v0l120.28 120.44c40.541 40.537 65.616 96.54 65.616 158.4s-25.075 117.863-65.616 158.4v0zM553.36 263.12l-120.24-120.24c-29.073-29.707-69.579-48.126-114.386-48.126-88.366 0-160 71.634-160 160 0 44.817 18.427 85.331 48.117 114.378l0.029 0.028 120.2 120.2c5.794 5.794 9.378 13.799 9.378 22.64 0 17.683-14.335 32.018-32.018 32.018-8.841 0-16.846-3.584-22.64-9.378v0l-120.2-120.24c-40.538-40.538-65.611-96.541-65.611-158.4 0-123.718 100.293-224.011 224.011-224.011 61.859 0 117.862 25.073 158.4 65.611l120.24 120.28c5.786 5.791 9.364 13.787 9.364 22.62 0 17.675-14.329 32.004-32.004 32.004-8.843 0-16.847-3.586-22.64-9.383v0z" />
+<glyph unicode="&#xe95a;" glyph-name="customer-support" d="M821.385 541.299c-3.521 1.976-7.942 2.997-12.533 2.626-2.543-0.205-6.059-1.299-27.529-11.079-9.381-4.271-14.643-6.728-18.705-9.67-3.095-2.245-4.090-3.817-4.727-5.683-0.051-0.23-0.21-1.068-0.33-3.038-0.205-3.3-0.216-7.69-0.216-15.445v-187.356c0-7.754 0.011-12.14 0.216-15.44 0.119-1.974 0.279-2.81 0.33-3.044 0.637-1.866 1.633-3.436 4.727-5.678 4.062-2.947 9.324-5.404 18.705-9.671 21.47-9.779 24.986-10.877 27.529-11.082 4.591-0.37 9.011 0.654 12.533 2.628 1.616 0.91 3.794 2.725 18.341 20.395 5.86 7.117 11.321 13.414 16.589 19.496 7.862 9.057 15.292 17.624 22.972 27.682 11.952 15.639 20.281 29.85 24.064 43.696 4.437 16.233 4.437 33.158 0 49.391-2.315 8.473-6.923 17.861-16.828 31.925-10.132 14.38-24.32 31.644-44.749 56.458-2.924 3.552-4.836 6.022-6.508 8.179-2.008 2.59-3.669 4.727-6.303 7.743-3.709 4.252-6.081 6.124-7.578 6.965zM757.908 293.103c0 0-0.006 0.023-0.017 0.068zM757.908 517.562c0-0.002-0.006-0.024-0.017-0.064zM803.698 607.717c16.953 1.372 34.116-2.249 49.010-10.608 10.706-6.009 18.694-14.071 24.468-20.686 3.191-3.653 7.504-9.122 10.638-13.1 1.451-1.838 2.651-3.357 3.368-4.232v0l0.791-0.958c19.456-23.632 35.191-42.742 46.871-59.323 12.060-17.12 21.197-33.432 26.243-51.916 7.452-27.274 7.452-55.846 0-83.124-6.958-25.469-20.964-47.394-34.947-65.69-8.459-11.076-18.722-22.966-27.762-33.445-4.949-5.729-9.529-11.036-13.244-15.553v0c-0.825-0.996-1.644-1.997-2.463-2.998-10.286-12.544-20.44-24.934-33.963-32.529-14.894-8.357-32.057-11.975-49.010-10.604-15.263 1.234-29.838 7.902-45.318 14.99-1.189 0.54-2.389 1.087-3.59 1.638-0.865 0.393-1.792 0.808-2.782 1.252-15.195 6.787-43.85 19.587-54.761 51.888-3.971 11.748-3.937 24.309-3.908 35.999 0 0.984 0.006 1.963 0.006 2.935v187.356c0 0.973-0.006 1.954-0.006 2.941-0.028 11.687-0.063 24.247 3.908 35.995 10.911 32.302 39.566 45.104 54.761 51.893 0.99 0.441 1.917 0.857 2.782 1.25 1.2 0.547 2.401 1.094 3.59 1.638 15.479 7.087 30.054 13.755 45.318 14.989zM202.282 539.996c4.21 3.149 7.584 4.348 12.872 3.92 2.543-0.205 6.063-1.299 27.534-11.079 16.367-7.455 18.339-8.705 19.443-9.666 1.911-1.661 2.692-3.034 3.33-5.617 0.94-3.807 1.204-8.866 1.204-18.553v-187.353c0-9.688-0.264-14.746-1.204-18.551-0.638-2.583-1.419-3.959-3.33-5.621-1.104-0.961-3.077-2.207-19.443-9.665-21.472-9.779-24.991-10.871-27.534-11.076-5.172-0.421-8.393 0.717-12.209 3.43-5.153 3.664-10.34 9.483-18.66 19.587-5.861 7.122-11.323 13.42-16.593 19.496-7.857 9.062-15.287 17.63-22.972 27.682-11.952 15.644-20.28 29.855-24.062 43.702-4.434 16.23-4.434 33.155 0 49.388 2.315 8.473 6.923 17.862 16.83 31.925 10.13 14.38 24.315 31.644 44.746 56.458 8.996 10.928 14.347 17.328 20.048 21.593zM132.825 559.082v0l-0.789-0.958c-19.456-23.632-35.19-42.742-46.87-59.323-12.060-17.12-21.196-33.432-26.246-51.916-7.451-27.274-7.451-55.849 0-83.121 6.959-25.475 20.968-47.4 34.947-65.69 8.463-11.076 18.726-22.972 27.766-33.445 4.945-5.729 9.524-11.036 13.243-15.553v0c0.391-0.478 0.79-0.961 1.196-1.456 14.673-17.869 39.65-48.287 84.24-44.681 15.262 1.234 29.833 7.902 45.317 14.99 1.19 0.546 2.385 1.092 3.586 1.638 0.931 0.427 1.861 0.848 2.79 1.269 11.634 5.274 23.032 10.445 32.123 18.347 26.576 23.114 26.551 53.618 26.536 71.259-0.001 0.41-0.001 0.814-0.001 1.206v187.353c0 0.394 0 0.795 0.001 1.203 0.015 17.641 0.040 48.147-26.536 71.259-9.091 7.906-20.489 13.074-32.124 18.35-0.929 0.421-1.859 0.843-2.79 1.267-1.201 0.547-2.397 1.094-3.586 1.638-15.484 7.087-30.055 13.755-45.317 14.989-45.010 3.64-70.447-27.666-84.981-45.552-0.874-1.077-1.71-2.105-2.508-3.074zM512 800c-152.082 0-266.667-104.738-266.667-224v-32h-64v32c0 163.508 152.85 288 330.667 288s330.667-124.492 330.667-288v-32h-64v32c0 119.262-114.586 224-266.667 224zM810.667 266.667c17.675 0 32-14.325 32-32v-34.133c0-99.374-97.769-168.533-202.667-168.533h-85.333c-17.673 0-32 14.325-32 32s14.327 32 32 32h85.333c83.615 0 138.667 53.094 138.667 104.533v34.133c0 17.675 14.325 32 32 32z" />
+<glyph unicode="&#xe95b;" glyph-name="quote" horiz-adv-x="1280" d="M966.195 960c60.557 0 110.106-12.19 148.642-36.571 38.541-24.381 70.195-55.534 94.967-93.46 27.529-46.053 46.797-93.46 57.809-142.222 8.256-51.471 12.386-93.46 12.386-125.968 0-132.739-34.411-253.289-103.228-361.65s-176.171-196.403-322.061-264.128l-37.163 73.143c85.333 35.217 159.654 90.752 222.967 166.601 60.561 75.853 90.837 153.062 90.837 231.62 0 32.508-4.126 60.954-12.386 85.333-44.045-35.217-94.967-52.826-152.772-52.826-71.573 0-133.508 23.027-185.809 69.082-52.301 46.052-78.451 109.713-78.451 190.983 0 75.852 26.15 138.159 78.451 186.921s114.236 73.143 185.809 73.143zM264.258 960c60.559 0 110.107-12.191 148.645-36.571 38.536-24.381 70.194-55.534 94.967-93.46 27.529-46.053 46.797-93.46 57.809-142.222 8.256-51.471 12.386-93.46 12.386-125.968 0-132.739-34.411-253.289-103.228-361.65-68.816-108.361-176.171-196.403-322.063-264.128l-37.161 73.143c85.333 35.217 159.656 90.752 222.967 166.605 60.559 75.849 90.838 153.058 90.838 231.616 0 32.508-4.128 60.954-12.386 85.333-44.043-35.217-94.968-52.826-152.774-52.826-71.57 0-133.505 23.027-185.807 69.082-52.301 46.052-78.452 109.713-78.452 190.983 0 75.852 26.151 138.159 78.452 186.921s114.237 73.143 185.807 73.143z" />
+<glyph unicode="&#xe95c;" glyph-name="caret-left" d="M662.64 150.64c5.794-5.794 9.378-13.799 9.378-22.64 0-17.683-14.335-32.018-32.018-32.018-8.841 0-16.846 3.584-22.64 9.378l-320 320c-5.798 5.792-9.385 13.797-9.385 22.64s3.587 16.848 9.385 22.64v0l320 320c5.794 5.794 13.799 9.378 22.64 9.378 17.683 0 32.018-14.335 32.018-32.018 0-8.841-3.584-16.846-9.378-22.64v0l-297.4-297.36z" />
+<glyph unicode="&#xe95d;" glyph-name="caret-right" d="M726.64 425.36l-320-320c-5.794-5.794-13.799-9.378-22.64-9.378-17.683 0-32.018 14.335-32.018 32.018 0 8.841 3.584 16.846 9.378 22.64l297.4 297.36-297.4 297.36c-5.794 5.794-9.378 13.799-9.378 22.64 0 17.683 14.335 32.018 32.018 32.018 8.841 0 16.846-3.584 22.64-9.378v0l320-320c5.798-5.792 9.385-13.797 9.385-22.64s-3.587-16.848-9.385-22.64v0z" />
+<glyph unicode="&#xe95e;" glyph-name="share-network" d="M704 320c-0.015 0-0.033 0-0.051 0-44.864 0-85.403-18.516-114.393-48.323l-0.036-0.037-184.4 118.52c6.885 17.148 10.879 37.027 10.879 57.84s-3.994 40.692-11.257 58.915l0.378-1.075 184.4 118.52c29.083-29.771 69.63-48.232 114.49-48.232 88.366 0 160 71.634 160 160s-71.634 160-160 160c-88.366 0-160-71.634-160-160 0-20.856 3.99-40.779 11.249-59.049l-0.379 1.081-184.4-118.52c-29.094 29.847-69.692 48.36-114.615 48.36-88.366 0-160-71.634-160-160s71.634-160 160-160c44.922 0 85.521 18.513 114.582 48.326l0.033 0.034 184.4-118.52c-6.849-17.153-10.82-37.033-10.82-57.84 0-88.366 71.634-160 160-160s160 71.634 160 160c0 88.366-71.634 160-160 160-0.021 0-0.042 0-0.063 0h0.003zM704 832c53.019 0 96-42.981 96-96s-42.981-96-96-96c-53.019 0-96 42.981-96 96v0c0 53.019 42.981 96 96 96v0zM256 352c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0zM704 64c-53.019 0-96 42.981-96 96s42.981 96 96 96c53.019 0 96-42.981 96-96v0c0-53.019-42.981-96-96-96v0z" />
+<glyph unicode="&#xe95f;" glyph-name="check-cycle-line" d="M694.639 566.64c2.978-2.972 5.338-6.502 6.946-10.386 1.613-3.885 2.441-8.049 2.441-12.254s-0.828-8.369-2.441-12.254c-1.609-3.887-3.968-7.415-6.946-10.385l-224-224c-2.97-2.978-6.498-5.338-10.385-6.946-3.883-1.613-8.047-2.441-12.254-2.441s-8.371 0.828-12.254 2.441c-3.883 1.609-7.415 3.968-10.386 6.946l-96 96c-6.004 6.003-9.378 14.148-9.378 22.639s3.373 16.636 9.378 22.639c6.004 6.007 14.148 9.378 22.64 9.378s16.636-3.371 22.64-9.378l73.36-73.399 201.361 201.401c2.97 2.975 6.502 5.335 10.385 6.946s8.047 2.439 12.254 2.439c4.207 0 8.371-0.829 12.254-2.439 3.887-1.61 7.415-3.971 10.385-6.946zM928 448c0-82.278-24.397-162.705-70.11-231.117-45.709-68.412-110.682-121.732-186.692-153.216-76.015-31.488-159.659-39.727-240.354-23.676-80.697 16.051-154.821 55.671-213 113.852s-97.799 132.305-113.85 213.001c-16.052 80.695-7.814 164.339 23.673 240.352s84.806 140.984 153.216 186.695c68.411 45.711 148.839 70.109 231.117 70.109 110.293-0.116 216.038-43.983 294.029-121.972s121.856-183.734 121.971-294.028zM864 448c0 69.619-20.642 137.675-59.324 195.561-38.677 57.886-93.653 103.003-157.973 129.645-64.316 26.642-135.091 33.613-203.375 20.031-68.281-13.582-131.001-47.107-180.23-96.335s-82.753-111.948-96.335-180.23c-13.582-68.279-6.611-139.055 20.031-203.375s71.759-119.296 129.645-157.973c57.886-38.677 125.941-59.324 195.561-59.324 93.325 0.107 182.797 37.227 248.785 103.215s103.108 155.46 103.215 248.785z" />
+<glyph unicode="&#xe960;" glyph-name="arrow-left-01" horiz-adv-x="561" d="M526.404 925.647c21.421-21.423 21.421-56.157 0-77.58l-387.138-387.138c-5.124-5.122-9.276-9.279-12.81-12.929 3.534-3.65 7.686-7.807 12.81-12.929l387.138-387.138c21.421-21.424 21.421-56.157 0-77.58-21.424-21.424-56.157-21.424-77.58 0l-387.138 387.138c-0.591 0.59-1.185 1.185-1.782 1.78-10.613 10.606-22.088 22.072-30.469 33.056-9.818 12.868-20.387 31.283-20.387 55.674s10.569 42.806 20.387 55.674c8.381 10.984 19.857 22.45 30.469 33.056 0.597 0.595 1.191 1.19 1.782 1.78l387.138 387.138c21.424 21.423 56.157 21.423 77.58 0z" />
+<glyph unicode="&#xe961;" glyph-name="arrow-right-01" horiz-adv-x="561" d="M25.12-29.647c-21.423 21.424-21.423 56.157 0 77.58l387.137 387.138c5.125 5.122 9.277 9.279 12.81 12.929-3.533 3.65-7.685 7.807-12.81 12.929l-387.137 387.138c-21.423 21.423-21.423 56.157 0 77.58s56.157 21.423 77.58 0l387.138-387.138c0.59-0.59 1.185-1.185 1.782-1.78 10.613-10.606 22.087-22.072 30.469-33.056 9.818-12.868 20.387-31.283 20.387-55.674s-10.569-42.806-20.387-55.674c-8.382-10.984-19.856-22.45-30.469-33.056-0.597-0.595-1.192-1.19-1.782-1.78l-387.138-387.138c-21.423-21.424-56.157-21.424-77.58 0z" />
+<glyph unicode="&#xe962;" glyph-name="arrow-right-02-sharp" d="M138.688 448c0 17.674 14.327 32 32 32h640c17.672 0 32-14.326 32-32s-14.328-32-32-32h-640c-17.674 0-32 14.326-32 32zM617.373 683.971c12.496 12.496 32.758 12.496 45.254 0l183.163-183.163c0.346-0.346 0.691-0.691 1.040-1.038 6.19-6.187 12.885-12.875 17.774-19.283 5.726-7.507 11.891-18.248 11.891-32.477 0-14.227-6.165-24.968-11.891-32.475-4.89-6.408-11.584-13.096-17.774-19.282-0.349-0.349-0.694-0.694-1.040-1.040l-183.163-183.163c-12.496-12.496-32.758-12.496-45.254 0-12.498 12.496-12.498 32.758 0 45.254l183.163 183.163c2.989 2.99 5.411 5.414 7.474 7.544-2.062 2.128-4.485 4.552-7.474 7.542l-183.163 183.163c-12.498 12.496-12.498 32.757 0 45.254z" />
+<glyph unicode="&#xe963;" glyph-name="check-cycle-line-2" d="M512 156.16c-161.178 0-291.84 130.662-291.84 291.84s130.662 291.84 291.84 291.84c161.178 0 291.84-130.662 291.84-291.84s-130.662-291.84-291.84-291.84zM512 140.8c169.661 0 307.2 137.539 307.2 307.2s-137.539 307.2-307.2 307.2c-169.661 0-307.2-137.539-307.2-307.2s137.539-307.2 307.2-307.2zM649.549 556.851l-193.549-193.551-81.549 81.551-16.102-16.102 89.6-89.6 8.051-7.698 8.051 7.698 201.6 201.6-16.102 16.102z" />
+<glyph unicode="&#xe964;" glyph-name="arrow-left-02-sharp" d="M885.312 448c0-17.674-14.327-32-32-32h-640c-17.672 0-32 14.326-32 32s14.328 32 32 32h640c17.674 0 32-14.326 32-32zM406.627 212.029c-12.496-12.496-32.758-12.496-45.254 0l-183.163 183.163c-0.346 0.346-0.691 0.691-1.040 1.038-6.19 6.187-12.885 12.875-17.774 19.283-5.726 7.507-11.891 18.248-11.891 32.477 0 14.227 6.165 24.968 11.891 32.475 4.89 6.408 11.584 13.096 17.774 19.282 0.349 0.349 0.694 0.694 1.040 1.040l183.163 183.163c12.496 12.496 32.758 12.496 45.254 0 12.498-12.496 12.498-32.758 0-45.254l-183.163-183.163c-2.989-2.99-5.411-5.414-7.474-7.544 2.062-2.128 4.485-4.552 7.474-7.542l183.163-183.163c12.498-12.496 12.498-32.757 0-45.254z" />
+<glyph unicode="&#xe965;" glyph-name="sync-alt-solid" d="M512 832c-163.625 0-300.25-101.125-356-244l59-24c46.625 119.5 159.75 204 297 204 103.75 0 196.25-50.875 254.003-128h-126.003v-64h224v224h-64v-99c-70.125 80.375-173.75 131-288 131zM808.998 332c-46.624-119.501-159.75-204-296.998-204-104.875 0-197 51.622-255 128h127v64h-224v-224h64v99.002c70-79.379 172.625-131.002 288-131.002 163.622 0 300.25 101.126 356 244l-59.002 24z" />
+<glyph unicode="&#xe966;" glyph-name="Analytics-Board-Bars" d="M52.785 756.849c0.056 0.782 0.174 1.984 0.42 3.46 0.502 3.012 1.482 6.831 3.315 10.496 1.807 3.615 4.318 6.84 7.843 9.192 3.446 2.296 8.615 4.266 16.642 4.266h862.401v12.8c0-12.8-0.018-12.8-0.024-12.8l0.059-0.003c0.15-0.005 0.429-0.017 0.818-0.045 0.782-0.056 1.984-0.174 3.46-0.42 3.011-0.502 6.831-1.482 10.496-3.315 3.615-1.807 6.84-4.317 9.19-7.843 2.298-3.446 4.268-8.614 4.268-16.641v-615.977l-0.003-0.058c-0.005-0.15-0.018-0.429-0.045-0.818-0.056-0.783-0.174-1.985-0.42-3.46-0.502-3.012-1.482-6.833-3.315-10.497-1.807-3.615-4.317-6.84-7.843-9.19-3.446-2.298-8.614-4.268-16.641-4.268l-862.435 0.004c-0.15 0.005-0.429 0.017-0.818 0.045-0.783 0.055-1.984 0.174-3.46 0.42-3.012 0.502-6.832 1.481-10.497 3.314-3.615 1.807-6.84 4.317-9.191 7.844-2.297 3.444-4.267 8.614-4.267 16.641v615.926l0.003 0.109c0.005 0.15 0.017 0.429 0.045 0.818zM943.405 797.062v12.8h-862.401c-12.506 0-22.737-3.163-30.842-8.566-8.024-5.35-13.214-12.392-16.54-19.043-3.301-6.602-4.887-13.050-5.669-17.737-0.396-2.374-0.599-4.381-0.703-5.844-0.052-0.733-0.081-1.338-0.095-1.789-0.008-0.225-0.012-0.415-0.014-0.563l-0.002-0.193v-0.118c0-0.006 0-0.013 12.8-0.013h-12.8v-616c0-12.507 3.163-22.738 8.566-30.842 5.35-8.026 12.391-13.215 19.043-16.54 6.602-3.301 13.048-4.888 17.737-5.669 2.374-0.396 4.381-0.599 5.844-0.704 0.734-0.051 1.337-0.079 1.789-0.095 0.226-0.008 0.415-0.012 0.563-0.014l0.266-0.004h0.045c0.007 0 0.013 0 0.013 12.8v-12.8h862.401c12.506 0 22.737 3.164 30.842 8.567 8.024 5.349 13.213 12.39 16.54 19.043 3.3 6.602 4.887 13.048 5.669 17.737 0.396 2.374 0.598 4.381 0.703 5.844 0.052 0.733 0.081 1.336 0.096 1.788 0.003 0.090 0.005 0.173 0.006 0.25 0.004 0.119 0.005 0.224 0.008 0.314l0.001 0.193 0.001 0.074v0.045c0 0.006 0 0.013-12.8 0.013h12.8v616c0 12.506-3.164 22.737-8.567 30.842-5.349 8.024-12.39 13.215-19.043 16.54-6.601 3.301-13.048 4.887-17.736 5.669-2.376 0.396-4.381 0.598-5.844 0.703-0.735 0.052-1.338 0.081-1.789 0.096-0.227 0.008-0.415 0.012-0.563 0.014l-0.193 0.003h-0.118c-0.006 0-0.013 0-0.013-12.8zM204.187 358.112c7.069 0 12.8-5.731 12.8-12.8v-82.132c0-7.069-5.731-12.8-12.8-12.8-7.068 0-12.8 5.731-12.8 12.8v82.132c0 7.069 5.732 12.8 12.8 12.8zM327.313 481.331c7.069 0 12.8-5.731 12.8-12.8v-205.334c0-7.068-5.731-12.8-12.8-12.8s-12.8 5.732-12.8 12.8v205.334c0 7.069 5.731 12.8 12.8 12.8zM450.563 399.206c7.069 0 12.8-5.731 12.8-12.8v-123.2c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v123.2c0 7.069 5.731 12.8 12.8 12.8zM820.187 563.488c7.069 0 12.8-5.732 12.8-12.8v-287.468c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v287.468c0 7.068 5.732 12.8 12.8 12.8zM696.937 460.8c7.069 0 12.8-5.731 12.8-12.8v-184.8c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v184.8c0 7.069 5.732 12.8 12.8 12.8zM573.75 645.613c7.069 0 12.8-5.731 12.8-12.8v-369.6c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v369.6c0 7.069 5.731 12.8 12.8 12.8z" />
+<glyph unicode="&#xe967;" glyph-name="Exceeding-Expectations" d="M768.001 720c3.043-0.005 6.024 0.858 8.594 2.487s4.622 3.959 5.915 6.712c1.293 2.755 1.774 5.821 1.386 8.84s-1.628 5.862-3.575 8.201l-160 192c-1.501 1.812-3.384 3.27-5.514 4.271s-4.453 1.52-6.806 1.52c-2.354 0-4.677-0.519-6.807-1.52s-4.012-2.459-5.513-4.271l-160-192c-1.948-2.339-3.188-5.183-3.576-8.201s0.093-6.085 1.388-8.84c1.293-2.753 3.345-5.083 5.915-6.712s5.55-2.492 8.594-2.487h48v-151.040l-67.68 81.28c-1.501 1.811-3.384 3.27-5.514 4.271s-4.453 1.519-6.806 1.519c-2.354 0-4.677-0.518-6.807-1.519s-4.012-2.46-5.513-4.271l-160-192c-1.948-2.339-3.188-5.183-3.576-8.201s0.093-6.085 1.388-8.84c1.293-2.753 3.345-5.083 5.915-6.712 2.569-1.629 5.55-2.492 8.594-2.487h48v-167.040l-67.68 81.28c-1.501 1.811-3.384 3.27-5.514 4.271-2.129 1.001-4.453 1.519-6.806 1.519-2.354 0-4.677-0.518-6.807-1.519s-4.012-2.46-5.513-4.271l-160-192c-1.948-2.339-3.188-5.183-3.576-8.201s0.093-6.085 1.386-8.84c1.293-2.753 3.345-5.083 5.915-6.712s5.551-2.492 8.594-2.487h48v-160c0-4.243 1.686-8.314 4.686-11.314s7.070-4.686 11.314-4.686h576c4.243 0 8.312 1.686 11.314 4.686 3 3 4.686 7.071 4.686 11.314v59.2c20.526-7.404 42.18-11.194 64-11.2 50.921 0 99.757 20.228 135.764 56.236 36.006 36.006 56.236 84.842 56.236 135.764s-20.229 99.758-56.236 135.764c-36.008 36.006-84.844 56.236-135.764 56.236-21.82-0.006-43.474-3.796-64-11.2v331.2h48zM304.001 144v-160h-160v160c0 4.243-1.686 8.314-4.686 11.314-3.002 3-7.071 4.686-11.314 4.686h-29.92l125.92 151.040 125.92-151.040h-29.92c-4.243 0-8.314-1.686-11.314-4.686s-4.686-7.071-4.686-11.314zM496.001 448v-464h-160v144h48c3.043-0.005 6.024 0.858 8.594 2.487s4.622 3.959 5.915 6.712c1.293 2.755 1.774 5.821 1.386 8.84s-1.628 5.862-3.575 8.201l-60.32 72.32v221.44c0 4.243-1.686 8.314-4.686 11.314-3.002 3-7.071 4.686-11.314 4.686h-29.92l125.92 151.040 125.92-151.040h-29.92c-4.243 0-8.314-1.686-11.314-4.686s-4.686-7.071-4.686-11.314zM784.001 368c31.644 0 62.579-9.384 88.891-26.964s46.82-42.57 58.93-71.807c12.11-29.235 15.278-61.407 9.105-92.443-6.173-31.037-21.412-59.547-43.789-81.923s-50.885-37.615-81.923-43.789-63.208-3.005-92.444 9.105c-29.235 12.11-54.225 32.618-71.805 58.93s-26.964 57.245-26.964 88.891c0 42.435 16.856 83.131 46.862 113.137s70.703 46.863 113.138 46.863zM704.001 752c-4.243 0-8.314-1.686-11.314-4.686s-4.686-7.071-4.686-11.314v-361.92c-29.096-16.878-53.247-41.103-70.035-70.25s-25.624-62.194-25.624-95.83c0-33.636 8.836-66.683 25.624-95.83s40.94-53.372 70.035-70.25v-57.92h-160v448h48c3.043-0.005 6.024 0.858 8.594 2.487s4.622 3.959 5.915 6.712c1.293 2.755 1.774 5.821 1.386 8.84s-1.628 5.862-3.575 8.201l-60.32 72.32v205.44c0 4.243-1.686 8.314-4.686 11.314-3.002 3-7.071 4.686-11.314 4.686h-29.92l125.92 151.040 125.92-151.040h-29.92zM744.48 132.157c4.197 0.018 8.22 1.684 11.2 4.64l124.32 124.48-22.4 22.56-113.12-113.12-34.080 33.92-22.4-22.56 45.28-45.28c2.98-2.956 7.003-4.622 11.2-4.64z" />
+<glyph unicode="&#xe968;" glyph-name="Performance-Increase-1" d="M27.138-3.718c0 7.069 5.731 12.8 12.8 12.8h944.534c7.069 0 12.8-5.731 12.8-12.8s-5.731-12.8-12.8-12.8h-944.534c-7.069 0-12.8 5.731-12.8 12.8zM77.776 217.431c6.251 6.25 14.73 9.763 23.57 9.763h82.133c8.841 0 17.32-3.512 23.57-9.763 6.252-6.252 9.764-14.73 9.764-23.571v-184.8c0-7.068-5.731-12.8-12.8-12.8s-12.8 5.732-12.8 12.8v184.8c0 2.052-0.815 4.019-2.266 5.469s-3.418 2.264-5.468 2.264h-82.133c-2.051 0-4.018-0.814-5.468-2.264s-2.265-3.418-2.265-5.469v-184.8c0-7.068-5.731-12.8-12.8-12.8s-12.8 5.732-12.8 12.8v184.8c0 8.841 3.512 17.32 9.763 23.571zM324.151 409.974c6.25 6.252 14.729 9.764 23.57 9.764h82.134c8.84 0 17.318-3.512 23.57-9.764 6.252-6.25 9.763-14.729 9.763-23.57v-390.132c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v390.132c0 2.052-0.814 4.018-2.264 5.468s-3.418 2.266-5.468 2.266h-82.134c-2.051 0-4.018-0.815-5.468-2.266s-2.266-3.416-2.266-5.468v-390.132c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v390.132c0 8.841 3.512 17.32 9.764 23.57zM570.525 327.849c6.252 6.252 14.73 9.764 23.57 9.764h82.134c8.841 0 17.32-3.512 23.57-9.764 6.252-6.25 9.764-14.729 9.764-23.57v-308c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v308c0 2.051-0.815 4.018-2.266 5.468s-3.418 2.266-5.468 2.266h-82.134c-2.051 0-4.018-0.815-5.468-2.266s-2.264-3.418-2.264-5.468v-308c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v308c0 8.841 3.511 17.32 9.763 23.57zM816.963 615.318c6.252 6.252 14.73 9.764 23.571 9.764h82.132c8.841 0 17.32-3.512 23.571-9.764 6.25-6.25 9.763-14.729 9.763-23.57v-595.466c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v595.466c0 2.051-0.815 4.018-2.266 5.468s-3.416 2.266-5.468 2.266h-82.132c-2.052 0-4.018-0.815-5.468-2.266s-2.266-3.418-2.266-5.468v-595.466c0-7.069-5.731-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v595.466c0 8.841 3.512 17.32 9.763 23.57zM910.877 909.101c5.183-4.809 5.485-12.908 0.676-18.089l-230.792-248.696c-0.001-0.001 0.001 0 0 0-12.407-13.379-28.411-22.899-46.088-27.42-17.677-4.52-36.283-3.85-53.588 1.929zM581.085 616.824l-152.724 50.963c-0.001 0 0.001-0.001 0 0-11.204 3.734-23.178 4.545-34.784 2.355s-22.46-7.309-31.533-14.871l-211.415-176.056c-5.432-4.524-13.504-3.786-18.028 1.646s-3.788 13.503 1.645 18.026l211.407 176.050c0.001 0.001-0.001-0.001 0 0 12.422 10.351 27.287 17.363 43.177 20.361 15.891 2.999 32.285 1.889 47.628-3.226l152.73-50.964c12.64-4.223 26.234-4.713 39.144-1.411 12.911 3.301 24.598 10.254 33.66 20.026l230.797 248.702c4.809 5.182 12.908 5.484 18.089 0.675zM725.262 899.719c0 7.069 5.731 12.8 12.8 12.8h164.268c7.068 0 12.8-5.731 12.8-12.8v-164.267c0-7.069-5.732-12.8-12.8-12.8s-12.8 5.731-12.8 12.8v151.467h-151.468c-7.069 0-12.8 5.731-12.8 12.8z" />
+<glyph unicode="&#xe969;" glyph-name="work-life-balance" d="M758.287 334.696c0-7.574 6.14-13.714 13.714-13.714h199.201c28.603 0 50.511 24.278 50.511 52.606s-21.908 52.606-50.511 52.606h-760.201c-7.576 0-13.714-6.139-13.714-13.714 0-7.574 6.139-13.714 13.714-13.714h760.201c12.043 0 23.082-10.545 23.082-25.178 0-14.63-11.039-25.178-23.082-25.178h-199.201c-7.574 0-13.714-6.14-13.714-13.714zM2.286 373.588c0-28.328 21.908-52.606 50.51-52.606h724.795c7.574 0 13.714 6.14 13.714 13.714s-6.14 13.714-13.714 13.714h-724.795c-12.042 0-23.082 10.547-23.082 25.178s11.040 25.178 23.082 25.178h165.115c7.574 0 13.714 6.14 13.714 13.714 0 7.576-6.14 13.714-13.714 13.714h-165.115c-28.602 0-50.51-24.278-50.51-52.606zM386.053 117.926c-1.282 2.525-1.291 5.577 0.346 8.185v0l120.55 191.85c1.401 2.229 3.324 3.026 5.049 3.026 1.723 0 3.648-0.797 5.047-3.026v0l120.55-191.85c1.638-2.608 1.627-5.659 0.347-8.185-1.265-2.494-3.269-3.641-5.394-3.641h-241.101c-2.125 0-4.129 1.147-5.394 3.641zM363.176 140.703c-13.85-22.038 0.203-53.846 28.272-53.846h241.101c28.069 0 42.119 31.808 28.272 53.846l-120.55 191.85c0 0 0 0 0 0-13.288 21.151-43.255 21.151-56.543 0zM483.725 332.553l-120.549-191.85c0 0 0 0 0 0zM120.889 548.736l270.418-2.887c7.766 0 20.416 0 20.416 8.669zM411.723 554.518l32.082 32.85c2.75 2.816 4.897 6.146 6.351 9.77 1.45 3.622 2.191 7.492 2.189 11.383v70.541c0 8.781-3.293 17.348-9.375 23.775-6.107 6.455-14.557 10.235-23.541 10.235h-325.869c-8.983 0-17.433-3.78-23.54-10.235-6.083-6.427-9.376-14.994-9.376-23.775v-70.539c0-3.891 0.739-7.762 2.19-11.385 1.452-3.624 44.131-45.809 46.881-48.625zM109.714 548.513l-7.651 7.647c5.343-5.471 11.059-7.424 18.826-7.424zM121.681 573.277c-0.15 0-0.449 0.055-0.792 0.406l-32.084 32.85c-0.183 0.188-0.37 0.455-0.511 0.806s-0.223 0.755-0.222 1.179v70.543c0 1.982 0.752 3.741 1.872 4.924 1.095 1.159 2.413 1.657 3.616 1.657h325.869c1.203 0 2.522-0.497 3.617-1.657 1.119-1.183 1.871-2.942 1.871-4.924v-70.541c0-0.424-0.080-0.83-0.221-1.181s-0.327-0.618-0.51-0.805l-32.084-32.852c-0.344-0.351-0.644-0.406-0.794-0.406h-269.626zM396.321 412.482c0-7.574 6.14-13.714 13.714-13.714 8.984 0 17.434 3.78 23.541 10.235 6.082 6.429 9.375 14.994 9.375 23.775v159.298c0 7.576-6.139 13.714-13.714 13.714s-13.714-6.139-13.714-13.714v-159.298c0-1.982-0.752-3.741-1.871-4.924-1.095-1.159-2.414-1.657-3.617-1.657-7.574 0-13.714-6.14-13.714-13.714zM102.954 426.196c-1.203 0-2.522 0.499-3.617 1.657-1.12 1.183-1.873 2.944-1.873 4.928v159.294c0 7.576-6.14 13.714-13.714 13.714s-13.714-6.139-13.714-13.714v-159.294c0-8.784 3.294-17.349 9.377-23.779 6.107-6.455 14.558-10.235 23.542-10.235 7.574 0 13.714 6.14 13.714 13.714s-6.14 13.714-13.714 13.714zM196.965 685.643c7.574 0 13.714 6.14 13.714 13.714v34.818c0 7.163 5.308 11.65 10.28 11.65h71.111c4.972 0 10.282-4.489 10.282-11.65v-34.818c0-7.574 6.14-13.714 13.714-13.714s13.714 6.14 13.714 13.714v34.818c0 20.859-16.179 39.078-37.711 39.078h-71.111c-21.533 0-37.709-18.222-37.709-39.078v-34.818c0-7.574 6.14-13.714 13.714-13.714zM256.505 505.267c-10.737 0-20.72 9.43-20.72 22.68v31.616c0 7.574-6.14 13.714-13.714 13.714s-13.714-6.14-13.714-13.714v-31.616c0-26.948 20.851-50.108 48.148-50.108s48.146 23.161 48.146 50.108v31.616c0 7.574-6.139 13.714-13.714 13.714s-13.714-6.14-13.714-13.714v-31.616c0-13.252-9.98-22.68-20.718-22.68zM616.88 398.768c7.574 0 13.714 6.14 13.714 13.714v147.924c0 7.576-6.14 13.714-13.714 13.714h-22.111c-4.568 0-8.318 2.811-10.044 7.728-1.741 4.955-0.722 10.326 3.28 13.968l61.215 55.753c5.599 5.1 6.003 13.775 0.903 19.374s-13.773 6.005-19.374 0.905l-61.202-55.744c-0.002-0.002 0.002 0.002 0 0-13.224-12.034-15.583-29.442-10.703-43.343 4.893-13.941 17.755-26.070 35.924-26.070h8.397v-134.21c0-7.574 6.14-13.714 13.714-13.714zM907.732 398.768c7.574 0 13.714 6.14 13.714 13.714v134.21h8.395c18.167 0 31.031 12.129 35.924 26.068 4.882 13.903 2.527 31.307-10.701 43.343l-158.354 144.064c-19.697 17.92-49.090 17.922-68.789 0.004 0-0.002 0.002 0.002 0 0l-97.147-88.315c-5.605-5.094-6.018-13.767-0.923-19.372s13.769-6.018 19.374-0.923l97.147 88.315c9.234 8.4 22.645 8.406 31.881 0.004 0 0 0 0 0 0l158.354-144.064c4.003-3.643 5.019-9.013 3.279-13.967-1.726-4.917-5.477-7.728-10.044-7.728h-22.109c-7.576 0-13.714-6.139-13.714-13.714v-147.924c0-7.574 6.139-13.714 13.714-13.714zM717.036 398.768c7.574 0 13.714 6.14 13.714 13.714v72.658c0 19.582 14.837 34.141 31.559 34.141 16.726 0 31.561-14.559 31.561-34.141v-72.658c0-7.574 6.14-13.714 13.714-13.714 7.576 0 13.714 6.14 13.714 13.714v72.658c0 33.278-25.702 61.57-58.99 61.57-33.284 0-58.988-28.292-58.988-61.57v-72.658c0-7.574 6.14-13.714 13.714-13.714z" />
+<glyph unicode="&#xe96a;" glyph-name="collaborative-culture" d="M837.937 368.507c4.668-1.253 9.642-0.598 13.828 1.816l72.181 41.675c6.559 3.787 8.806 12.175 5.019 18.734s-12.175 8.806-18.736 5.019l-64.205-37.069-120.763 209.167 64.205 37.071c6.559 3.787 8.806 12.175 5.019 18.734s-12.175 8.806-18.734 5.019l-72.177-41.671c-4.184-2.417-7.241-6.4-8.49-11.067-1.251-4.668-0.596-9.642 1.819-13.828l129.968-225.11c2.417-4.186 6.398-7.239 11.065-8.49zM345.313 511.466c-17.114 29.643-6.96 67.553 22.689 84.668l98.564 56.905c14.495 8.371 30.941 12.778 47.68 12.778s33.185-4.407 47.68-12.778l66.161-38.197c10.141-5.853 21.643-8.936 33.353-8.936 11.708-0.002 23.223 3.085 33.364 8.938l7.963 4.586c6.559 3.776 14.938 1.527 18.721-5.029l128.34-222.292c3.787-6.559 1.54-14.947-5.019-18.734zM844.809 373.376c-6.561-3.787-14.947-1.54-18.734 5.019zM826.075 378.395l9.366-2.511zM835.441 375.885c-13.31-6.85-117.661 209.256-132.674 209.258-16.523 0.002-35.339-18.286-62.768-9.143l-91.789 53.286c-10.326 5.963-22.042 9.103-33.966 9.103s-23.638-3.14-33.966-9.103l-98.564-56.905c-16.527-9.541-22.19-30.674-12.648-47.203 9.541-16.527 30.676-22.192 47.203-12.65l93.482 53.957c4.965 2.867 10.598 4.376 16.329 4.376 5.733 0 11.365-1.509 16.329-4.376l50.533-29.659c6.532-3.835 72.075-41.52 68.24-48.051s-75.593 20.562-82.125 24.397l-50.392 29.577c-0.786 0.448-1.679 0.684-2.586 0.684-0.918 0-1.819-0.241-2.615-0.7l-93.484-53.957c-29.645-17.114-67.555-6.958-84.67 22.691zM851.589 377.143c3.663 6.63 1.256 14.974-5.374 18.637l-238.771 131.873c-6.629 3.663-14.972 1.256-18.635-5.374-3.661-6.63-1.254-14.972 5.374-18.635l238.771-131.875c6.63-3.661 14.974-1.256 18.635 5.374zM201.461 333.173c9.543-16.528 30.678-22.192 47.205-12.65zM262.38 296.77c-29.647-17.117-67.555-6.956-84.672 22.687v0c-17.117 29.647-6.96 67.557 22.687 84.672 0 0 0.002 0.002 0.002 0.002l42.915 24.777c29.648 17.114 67.555 6.958 84.672-22.687v0c17.117-29.648 6.956-67.557-22.687-84.672v0l-42.917-24.779c0 0 0 0 0 0zM291.58 345.302l-42.915-24.779zM291.58 345.302c0 0 0 0 0.002 0zM291.582 345.302c16.527 9.543 22.19 30.676 12.648 47.203-9.543 16.527-30.676 22.19-47.205 12.648l-42.917-24.777c-16.527-9.541-22.19-30.674-12.648-47.203zM304.379 241.229c-16.525-9.541-37.659-3.88-47.203 12.648-9.541 16.527-3.88 37.661 12.648 47.205l25.492 14.718c16.528 9.543 37.663 3.88 47.205-12.648s3.88-37.661-12.646-47.205c0 0 0 0.002 0 0l-25.496-14.718zM318.093 217.476c-29.645-17.117-67.553-6.96-84.67 22.687zM318.093 217.476c0.002 0 0 0 0 0l25.494 14.718c29.645 17.117 39.804 55.025 22.689 84.672-17.117 29.647-55.027 39.804-84.674 22.687l-25.492-14.718c-29.647-17.115-39.804-55.025-22.687-84.672zM379.271 172.997c-16.528-9.543-37.661-3.878-47.203 12.648-9.541 16.525-3.88 37.659 12.648 47.203 0 0 0 0 0 0l23.005 13.283c16.528 9.543 37.661 3.88 47.205-12.648 9.541-16.527 3.88-37.661-12.648-47.201l-23.007-13.285c0 0 0 0 0 0zM308.315 171.93c17.115-29.645 55.024-39.803 84.672-22.687l23.005 13.285c0 0-0.002 0 0 0 29.647 17.115 39.804 55.025 22.687 84.67-17.117 29.647-55.024 39.804-84.672 22.687 0 0 0 0 0 0l-23.005-13.281c-29.647-17.117-39.804-55.027-22.687-84.674zM474.094 121.721l13.052 7.536c0 0 0 0 0 0 16.527 9.543 22.19 30.674 12.648 47.203-9.541 16.527-30.674 22.19-47.203 12.65-0.002 0-0.002-0.002-0.002-0.002l-13.051-7.536c-16.528-9.541-22.192-30.676-12.648-47.203 9.543-16.528 30.678-22.192 47.203-12.648zM487.808 97.968c-29.647-17.119-67.555-6.958-84.672 22.687s-6.96 67.555 22.687 84.672c0.002 0 0.002 0 0.002 0l13.052 7.536c29.647 17.115 67.553 6.958 84.67-22.687l0.002-0.002c17.114-29.647 6.956-67.553-22.689-84.67v0l-13.051-7.536c-0.002 0-0.002 0-0.002 0zM610.875 176.699c3.787 6.559 1.54 14.947-5.019 18.734l-25.852 14.927c-6.559 3.787-14.947 1.54-18.734-5.019-3.789-6.559-1.54-14.947 5.019-18.734l25.851-14.927c6.561-3.787 14.949-1.54 18.736 5.019zM705.227 233.69c3.789 6.559 1.541 14.947-5.019 18.734l-71.956 41.545c-6.559 3.787-14.947 1.54-18.734-5.021-3.787-6.559-1.54-14.947 5.019-18.734l71.956-41.543c6.559-3.787 14.947-1.54 18.734 5.019zM788.628 297.029c3.787 6.559 1.54 14.947-5.019 18.734l-107.070 61.819c-6.559 3.787-14.947 1.54-18.734-5.021-3.789-6.559-1.541-14.947 5.019-18.734l107.068-61.817c6.561-3.787 14.949-1.54 18.736 5.019zM177.957 398.68l-64.205 37.071c-6.559 3.787-14.947 1.54-18.734-5.019s-1.54-14.947 5.020-18.734l72.176-41.673c4.186-2.414 9.164-3.070 13.833-1.819 4.667 1.253 8.647 4.306 11.063 8.49l129.968 225.11c2.417 4.186 3.072 9.159 1.821 13.828-1.249 4.668-4.303 8.649-8.488 11.067l-72.179 41.673c-6.559 3.787-14.947 1.54-18.734-5.021-3.789-6.559-1.54-14.947 5.019-18.734l64.205-37.069-120.764-209.168zM605.118 125.067c-9.185-16.627-31.345-22.581-48.475-12.688l-44.604 25.75c-6.561 3.787-14.949 1.54-18.736-5.021-3.785-6.559-1.538-14.947 5.021-18.734l44.603-25.75c0 0 0 0.002 0 0 29.742-17.17 69.217-7.565 86.201 23.183 5.967 10.803 8.371 22.645 7.581 34.145l0.592-0.34c29.742-17.17 69.217-7.565 86.201 23.183 6.093 11.032 8.472 23.146 7.526 34.873 29.608-12.045 63.611 0.258 78.389 29.811l0.031 0.064 0.044 0.090c8.121 16.238 8.194 34.876 1.717 50.935 17.58 2.979 33.746 13.48 43.359 30.128 0.137 0.238 0.267 0.479 0.389 0.724 15.139 30.277 3.653 68.515-25.66 85.44-6.559 3.787-14.947 1.54-18.734-5.019s-1.54-14.947 5.019-18.736c16.631-9.602 23.395-31.803 15.024-49.050-9.637-16.251-30.579-21.764-46.987-12.299-0.004 0.002 0.004-0.002 0 0-6.561 3.785-14.958 1.543-18.745-5.018-3.785-6.559-1.536-14.945 5.023-18.732 0.011-0.005 0.020-0.011 0.031-0.018l1.437-0.828c15.329-8.85 21.509-29.429 13.594-45.259l-0.033-0.066-0.044-0.090c-9.053-18.108-30.539-24.561-48.071-14.438l-36.584 21.122c-6.559 3.787-14.947 1.54-18.734-5.019s-1.54-14.947 5.019-18.734c16.333-9.43 22.056-30.186 12.979-46.618-9.185-16.627-31.347-22.583-48.477-12.692l-45.155 26.072c-0.002 0 0.004-0.002 0 0-6.559 3.787-14.954 1.543-18.741-5.016s-1.54-14.947 5.019-18.734c0 0 0 0 0 0 16.333-9.43 22.056-30.184 12.979-46.619zM94.616 430.031l-65.901 38.049v312.432l201.19-116.158-135.289-234.322zM95.602 399.389c2.373-0.315 4.785-0.155 7.098 0.463 2.312 0.62 4.48 1.69 6.379 3.147 1.898 1.456 3.491 3.273 4.687 5.345 0.001 0.002 0 0 0 0l144.494 250.267c2.412 4.186 3.070 9.167 1.818 13.831-1.251 4.667-4.303 8.644-8.486 11.061l-225.36 130.113c-2.528 1.46-5.396 2.228-8.316 2.228s-5.788-0.769-8.316-2.229c-2.528-1.46-4.628-3.56-6.087-6.089s-2.227-5.395-2.227-8.313c0-0.001 0 0.001 0 0v-337.372c0-5.941 3.17-11.43 8.315-14.4 0.003-0.002-0.003 0.002 0 0l79.267-45.765c0.002 0-0.001 0.002 0 0 2.072-1.196 4.363-1.975 6.734-2.288zM929.37 430.031l-135.287 234.324 201.189 116.156v-312.433l-65.902-38.047zM921.285 399.852c4.668-1.249 9.642-0.594 13.826 1.821l79.265 45.764c5.155 2.975 8.324 8.477 8.324 14.407v337.366c0 0.001 0-0.001 0 0 0 2.919-0.768 5.789-2.227 8.317s-3.558 4.629-6.085 6.089c-2.529 1.46-5.398 2.229-8.316 2.229-2.92 0-5.787-0.769-8.316-2.228l-225.357-130.109c-4.184-2.419-7.241-6.402-8.492-11.070-1.249-4.667-0.594-9.64 1.821-13.826l144.492-250.267c2.417-4.186 6.398-7.241 11.067-8.492zM392.667 586.271c0.194 7.572-5.786 13.868-13.358 14.064-17.168 0.443-33.955 5.177-48.825 13.773l-9.242 5.327c-6.563 3.781-14.949 1.527-18.73-5.036-3.783-6.563-1.529-14.947 5.034-18.73l9.221-5.314c18.832-10.882 40.090-16.878 61.835-17.439 7.57-0.196 13.868 5.784 14.064 13.356z" />
+<glyph unicode="&#xe96b;" glyph-name="competitive-compensation" d="M425.284 850.286c-19.573 0-37.544-8.793-48.898-23.257-11.352-14.464-15.631-35.076-8.616-55.551 12.619-37.263 27.379-77.872 34.203-104.501-14.473-9.638-24.095-26.103-24.095-44.679 0-17.679 8.794-33.318 22.106-43.11-3.902-8.876-10.485-19.845-20.219-32.397-4.833-6.232-11.039-13.424-16.841-20.325-2.672 2.997-18.478 21.332-22.418 28.835 6.473 7.144 10.555 16.51 10.555 26.82 0 13.188-6.36 25.339-16.552 32.45 0.923 3.509 1.79 6.621 2.986 10.712 3.791 12.974 8.547 27.789 12.074 39.287 8.035 26.375-9.733 51.569-35.332 51.569h-87.109c-25.441 0-43.394-25.194-35.357-51.569 5.451-17.461 10.648-34.057 15.058-49.814-10.139-7.212-16.631-19.407-16.631-32.635 0-10.249 4.016-19.558 10.425-26.688-6.899-12.816-28.221-35.12-40.126-50.128-24.454-29.921-50.782-67.995-50.782-114.818 0-36.443 11.733-67.599 34.65-89.779 20.953-20.279 50.444-32.635 86.56-37.687 2.202-67.246 27.174-122.063 73.516-159.108 48.552-38.817 118.727-58.198 207.559-58.198s159.035 19.381 207.587 58.196c46.341 37.045 71.312 91.862 73.516 159.108 36.123 5.067 65.578 17.499 86.533 37.793 22.903 22.179 34.65 53.243 34.65 89.675 0 46.824-26.328 84.897-50.783 114.82-14.045 17.232-35.299 40.433-40.099 50.154 6.393 7.126 10.397 16.426 10.397 26.662 0 13.188-6.544 24.92-16.474 32.293 4.27 16.655 10.105 34.203 15.007 50.156 8.088 26.112-9.69 51.569-35.33 51.569h-87.109c-25.968 0-43.394-25.666-35.359-51.569 5.489-17.671 10.619-33.803 15.007-50.075-9.982-7.369-16.578-19.143-16.578-32.373 0-10.324 4.065-19.697 10.555-26.845-6.303-10.496-15.369-20.475-22.42-28.758-5.771 6.881-11.942 14.058-16.761 20.273-9.757 12.579-16.351 23.565-20.246 32.448 13.275 9.796 22.053 25.408 22.053 43.057 0 18.619-9.671 35.101-24.201 44.734 10.304 36.368 22.802 71.281 34.18 104.448 7.014 20.475 2.736 41.085-8.618 55.549-11.35 14.464-29.217 23.257-48.788 23.257h-173.435zM598.718 823.44c11.527 0 21.601-5.183 27.708-12.964 6.109-7.783 8.669-17.738 4.374-30.277-12.639-36.603-24.249-69.748-34.363-104.421-58.121 0.168-118.619 0.347-168.982 0.049-9.827 35.355-22.914 71.080-34.335 104.372-4.295 12.54-1.657 22.495 4.453 30.275 6.107 7.783 16.181 12.964 27.708 12.964l173.436 0.002zM314.236 689.32c5.694 0 12.86-6.053 9.69-16.816-3.341-11.348-8.263-26.306-12.178-39.706-1.106-3.781-1.891-6.952-2.803-10.397h-76.502c-0.94 3.445-1.748 6.616-2.854 10.397-3.915 13.398-8.708 28.394-12.178 39.706-3.169 11.131 4.18 16.816 9.717 16.816h87.109zM797.005 689.32c5.537 0 12.805-5.948 9.69-16.816-5.504-17.768-10.595-33.832-15.035-50.103h-76.502c-4.31 16.629-10.022 34.128-14.98 50.103-2.907 9.715 3.026 16.816 9.717 16.816h87.109zM431.517 649.143h160.967c15.088 0 26.818-11.756 26.818-26.845 0-15.091-11.73-26.82-26.818-26.82h-160.967c-15.089 0-26.818 11.73-26.818 26.82s11.728 26.845 26.818 26.845zM230.374 595.584h80.483c7.66 0 13.358-5.802 13.358-13.462s-5.696-13.358-13.358-13.358h-80.483c-7.66 0-13.358 5.696-13.358 13.358 0 7.66 5.696 13.462 13.358 13.462zM713.143 595.584h80.485c7.66 0 13.358-5.802 13.358-13.462s-5.696-13.358-13.358-13.358h-80.485c-7.66 0-13.462 5.696-13.462 13.358 0 7.66 5.802 13.462 13.462 13.462zM598.323 569.262c5.321-12.809 14.384-25.417 24.856-38.919 16.786-21.643 38.376-45.438 59.765-71.76 42.781-52.648 83.758-114.84 83.758-186.006 0-65.552-21.789-114.063-63.852-147.686-42.061-33.627-105.94-52.356-190.85-52.356s-148.789 18.73-190.85 52.354c-42.061 33.624-63.826 82.134-63.826 147.686 0 71.166 40.953 133.358 83.732 186.006 21.389 26.322 43.11 50.119 59.897 71.76 10.463 13.491 19.48 26.096 24.803 38.894 1.918-0.214 3.789-0.578 5.762-0.578h160.967c2.053 0 4.105 0.426 5.839 0.605zM316.723 542.546c8.254-13.438 19.621-26.273 28.784-37.007-8.227-9.642-16.6-19.397-25.247-30.040-40.773-50.181-83.090-111.876-89.020-185.456-30.281 4.736-52.867 15.146-68.174 29.961-17.367 16.81-26.506 39.579-26.504 70.479 0 36.595 21.36 69.433 44.628 97.9 15.63 18.902 33.643 38.021 43.477 54.137 1.885-0.274 3.752-0.576 5.709-0.576h80.481c2.063-0.037 4.12 0.422 5.866 0.602zM707.302 542.546c1.929-0.287 3.838-0.602 5.84-0.602h80.485c1.951 0 3.829 0.304 5.709 0.578 10.608-17.421 30.208-38.064 43.397-54.137 23.267-28.469 44.732-61.305 44.732-97.9 0-30.888-9.174-53.669-26.531-70.479-15.314-14.83-37.868-25.253-68.173-29.989-5.921 73.591-48.243 135.294-89.022 185.481-8.662 10.661-17.026 20.434-25.245 30.093 7.298 8.594 21.352 24.441 28.807 36.954zM511.87 421.363c-7.459-0.069-13.471-6.32-13.332-13.462v-13.356h-13.358c-22.054 0-40.176-18.149-40.176-40.203v-26.818c0-22.056 18.121-40.282 40.176-40.282h13.358v-53.665h-13.358c-7.662 0-13.358 5.802-13.358 13.462-1.172 18.22-26.587 17.172-26.818 0 0-22.054 18.121-40.282 40.176-40.282h13.358v-13.356c1.114-18.282 26.439-17.443 26.82 0v13.356h13.488c22.056 0 40.177 18.227 40.177 40.282v26.845c0 22.056-18.121 40.177-40.177 40.177h-13.488v53.665h13.488c7.662 0 13.358-5.723 13.358-13.383 0.929-18.353 26.337-17.54 26.82 0 0 22.054-18.121 40.201-40.177 40.201h-13.488v13.358c0.148 7.559-5.928 13.535-13.488 13.46zM485.18 367.726h13.358v-53.665h-13.358c-7.662 0-13.358 5.8-13.358 13.462v26.818c0 7.662 5.698 13.385 13.358 13.385zM525.358 287.243h13.488c7.662 0 13.358-5.698 13.358-13.358v-26.845c0-7.66-5.696-13.462-13.358-13.462h-13.488v53.665z" />
+<glyph unicode="&#xe96c;" glyph-name="comprehensive-benefits" d="M820.959 480.94h-0.34c-21.961-0.080-42.481-8.58-57.821-23.96l-93.44-79.841c0.161 2.161 0.261 4.341 0.261 6.561 0 45.72-37.2 82.92-82.92 82.92h-238.8c-30.879 0-57.62-11.081-79.461-32.92l-99.879-99.9-22 22c-13.2 13.2-34.7 13.2-47.9 0l-63.58-63.579c-6.38-6.38-9.9-14.881-9.9-23.96 0-9.081 3.52-17.56 9.9-23.96l268.42-268.421c6.599-6.599 15.28-9.9 23.96-9.9s17.34 3.301 23.96 9.9l63.579 63.581c13.2 13.199 13.2 34.699 0 47.899l-22.020 22.020c22.901 23.201 34.88 34.9 71.259 39.62l189.641 24.561c26.94 3.5 49.179 13.46 69.979 31.4l155.9 134.418c32.32 32.32 32.32 84.941 0 117.261-15.66 15.68-36.52 24.3-58.8 24.3zM398.038 56.441l-63.579-63.581c-1.854-1.843-4.365-2.878-6.98-2.878-2.617 0-5.125 1.035-6.98 2.878l-268.441 268.421c-1.84 1.84-2.86 4.319-2.86 6.98 0 2.659 1.020 5.14 2.86 6.98l63.58 63.579c1.92 1.92 4.46 2.88 6.98 2.88s5.060-0.96 6.98-2.88l268.439-268.42c3.84-3.84 3.84-10.099 0-13.959zM863.099 356.679l-154.9-133.499c-17.32-14.921-35.021-22.881-57.401-25.781l-189.639-24.56c-44.44-5.76-60.959-21.959-85.16-46.44l-190.46 190.46 99.9 99.9c17.181 17.179 38.201 25.88 62.48 25.88h238.8c32.479 0 58.92-26.421 58.92-58.92 0-16.101-6.501-30.7-17-41.36l-0.221-0.179c-11.719-10-27.979-15.020-46.199-17.381h-163.341c-6.619 0-11.999-5.38-11.999-11.999 0-6.621 5.38-12.001 11.999-12.001h67.28c8.199-0.121 16.859-0.461 26-0.839 23.439-0.96 48.439-1.98 71.7 0.839h2.86c22.599 0 43.14 9.101 58.099 23.821l133.961 114.459c0.26 0.219 0.519 0.459 0.759 0.7 10.86 11.019 25.479 17.119 41.179 17.179h0.241c15.859 0 30.7-6.12 41.84-17.24 22.859-22.901 22.96-60.039 0.3-83.041zM816.618 927.6c-75.939 0-143.519-47.36-170.18-117.12-30.259 22.38-67.659 35.64-108.1 35.64-40.121 0-77.261-13.040-107.381-35.12-26.139 70.88-94 119-170.898 119-100.461 0-182.181-81.72-182.181-182.18s81.72-182.181 182.181-182.181c38.859 0 76.359 12.361 107.419 35.061 25.759-69.38 92.619-118.96 170.86-118.96 77.52 0 143.879 48.678 170.139 117.080 31.307-23.133 69.213-35.606 108.14-35.58 100.46 0 182.181 81.721 182.181 182.181s-81.741 182.179-182.181 182.179zM260.039 589.619c-87.221 0-158.181 70.961-158.181 158.181s70.96 158.2 158.181 158.2c69.74 0 130.959-45.56 151.219-111.64-33.98-33.12-55.12-79.339-55.12-130.44 0-13.199 1.421-26.079 4.1-38.499-28.25-23.17-63.664-35.822-100.198-35.802zM538.319 505.741c-87.219 0-158.181 70.96-158.181 158.179 0 87.221 70.961 158.18 158.181 158.18s158.181-70.959 158.181-158.18c0.020-87.219-70.941-158.179-158.181-158.179zM816.618 587.24c-36.899 0-72.36 12.8-100.659 36.16 3.035 13.299 4.564 26.898 4.56 40.539 0 50.8-20.901 96.801-54.541 129.86 20.84 65 81.799 109.8 150.64 109.8 87.221 0 158.181-70.96 158.181-158.179 0-87.221-70.96-158.181-158.181-158.181zM788.778 783.58c0-15.041 16.841-22.761 30.98-26.601 31.4-8.519 48.7-26.18 48.7-49.759 0-23.461-17.020-43.18-39.839-48.38v-10.56c0-6.619-5.38-11.999-12.001-11.999-6.619 0-11.999 5.38-11.999 11.999v10.56c-22.821 5.221-39.841 24.92-39.841 48.38 0 6.619 5.38 11.999 12.001 11.999 6.619 0 11.999-5.38 11.999-11.999 0-14.201 12.48-25.761 27.84-25.761 15.34 0 27.84 11.56 27.84 25.761 0 15.040-16.839 22.76-30.98 26.6-31.4 8.519-48.7 26.18-48.7 49.76 0 23.46 17.020 43.18 39.841 48.4v10.56c0 6.62 5.38 12 11.999 12 6.621 0 12.001-5.38 12.001-12v-10.56c22.819-5.22 39.839-24.92 39.839-48.4 0-6.62-5.38-12-11.999-12-6.621 0-12.001 5.38-12.001 12 0 14.2-12.48 25.76-27.84 25.76s-27.84-11.56-27.84-25.76zM355.558 822.64c-24.421 24.42-64.139 24.42-88.56 0l-9.801-9.8-9.799 9.8c-24.421 24.42-64.139 24.42-88.56 0-24.42-24.42-24.42-64.139 0-88.56l89.86-89.86c2.26-2.24 5.299-3.52 8.481-3.52 3.18 0 6.239 1.26 8.479 3.52l89.86 89.86c24.461 24.421 24.461 64.14 0.040 88.56zM338.578 751.060l-81.381-81.381-81.379 81.381c-15.060 15.060-15.060 39.56 0 54.62 7.519 7.52 17.419 11.3 27.299 11.3 9.882 0 19.781-3.76 27.301-11.3l18.28-18.28c2.26-2.24 5.299-3.52 8.481-3.52 3.18 0 6.239 1.26 8.479 3.52l18.28 18.28c15.060 15.060 39.559 15.060 54.619 0s15.080-39.56 0.020-54.62zM645.478 742.34c3.6-5.559 1.98-12.999-3.58-16.58l-202.54-130.64c-1.324-0.856-2.805-1.441-4.356-1.724-1.552-0.283-3.143-0.258-4.685 0.075s-3.004 0.965-4.301 1.863-2.405 2.041-3.259 3.366c-3.6 5.561-1.98 12.999 3.58 16.58l202.54 130.64c5.599 3.6 13.019 2 16.6-3.58zM492.778 702.259c24.801 0 44.961 20.16 44.961 44.961 0 24.799-20.16 44.96-44.961 44.96-24.799 0-44.959-20.161-44.959-44.96 0-24.801 20.18-44.961 44.959-44.961zM492.778 768.179c11.56 0 20.961-9.399 20.961-20.959s-9.401-20.961-20.961-20.961c-11.56 0-20.959 9.401-20.959 20.961s9.419 20.959 20.959 20.959zM583.278 650.759c-24.799 0-44.959-20.16-44.959-44.959 0-24.801 20.16-44.961 44.959-44.961 24.801 0 44.961 20.16 44.961 44.961 0 24.799-20.18 44.959-44.961 44.959zM583.278 584.839c-11.558 0-20.959 9.401-20.959 20.961s9.401 20.959 20.959 20.959c11.56 0 20.961-9.399 20.961-20.959s-9.421-20.961-20.961-20.961z" />
+<glyph unicode="&#xe96d;" glyph-name="global-opportunities" d="M459.999 926.286c-235.43 0-426.285-190.853-426.285-426.285 0-235.43 190.854-426.284 426.285-426.284 23.788 0.002 47.536 1.993 70.994 5.954 7.468 1.26 14.544-3.772 15.806-11.24 1.26-7.468-3.772-14.544-11.24-15.806-24.965-4.215-50.242-6.334-75.56-6.336-250.578 0-453.713 203.134-453.713 453.712 0 250.58 203.135 453.713 453.713 453.713 250.576 0 453.712-203.133 453.712-453.713-0.002-65.209-14.058-129.653-41.212-188.939-3.154-6.886-11.293-9.913-18.18-6.758s-9.911 11.293-6.758 18.18c25.514 55.704 38.72 116.251 38.722 177.518 0 235.432-190.855 426.285-426.284 426.285zM284.756 918.181c-6.877-3.174-9.878-11.322-6.705-18.199 14.641-31.72 17.068-55.356 14.305-74.353-2.807-19.297-11.123-35.196-20.701-51.756-0.965-1.671-1.955-3.363-2.957-5.078-8.519-14.568-17.968-30.725-21.912-48.816-4.665-21.4-1.629-44.48 14.118-71.755 27.143-47.013 26.968-86.987 12.507-110.806-13.835-22.791-44.273-36.186-90.995-22.947-26.044 7.378-44.787 9.413-59.555 6.819-15.622-2.743-25.153-10.377-32.903-17.977-1.905-1.869-3.629-3.635-5.273-5.323-5.153-5.283-9.527-9.77-16.248-14.034-8.31-5.274-20.59-10.213-41.602-12.061-7.545-0.664-13.124-7.318-12.46-14.863s7.318-13.124 14.863-12.46c24.561 2.16 41.239 8.194 53.895 16.225 9.712 6.164 16.908 13.583 22.335 19.18 1.334 1.377 2.562 2.642 3.694 3.752 5.858 5.745 10.568 9.163 18.444 10.545 8.73 1.534 22.741 0.773 47.333-6.193 54.55-15.457 99.736-1.437 121.92 35.103 21.559 35.513 17.799 86.789-12.2 138.754-12.826 22.213-14.089 38.371-11.074 52.198 2.96 13.584 10.103 25.863 18.973 41.11 0.929 1.596 1.876 3.227 2.84 4.895 9.77 16.891 20.484 36.676 24.101 61.538 3.659 25.163-0.097 54.162-16.543 89.795-3.174 6.877-11.323 9.879-18.2 6.705zM703.559 558.841c-4.996 3.617-10.092 7.484-15.146 11.317-7.852 5.957-15.603 11.838-22.72 16.589-12.301 8.212-25.562 15.164-40.909 17.265-15.64 2.141-31.905-0.949-49.949-10.041-6.634-3.341-13.328-7.711-19.697-12.034-1.938-1.315-3.84-2.62-5.725-3.917-4.551-3.125-9.015-6.192-13.687-9.176-13.281-8.485-25.399-14.362-37.069-15.172-51.090-3.54-75.262-63.662-40.713-104.137 27.209-31.876 27.024-54.343 19.297-68.144-8.547-15.261-29.857-26.975-58.306-29.283-9.476-0.768-18.889-0.768-28.886-0.768h-1.147c-10.227 0-21.087-0.033-32.066-1.121-22.482-2.227-45.654-8.889-69.146-28.215-33.896-27.882-38.345-69.184-39.839-104.647-0.232-5.497-0.389-10.82-0.543-15.996-0.368-12.361-0.709-23.896-1.968-34.997-1.757-15.51-5.138-27.878-11.546-37.277-4.268-6.257-2.653-14.789 3.604-19.057 6.257-4.266 14.789-2.653 19.057 3.606 10.096 14.806 14.182 32.375 16.137 49.64 1.395 12.304 1.792 25.633 2.174 38.468 0.146 4.923 0.291 9.77 0.488 14.46 1.499 35.622 6.182 65.143 29.859 84.619 18.397 15.135 36.054 20.283 54.424 22.102 9.446 0.936 19.021 0.987 29.365 0.987 0.494 0 0.989 0 1.487 0 9.726 0 20.149-0.002 30.76 0.859 33.214 2.693 65.234 16.814 80.022 43.218 15.603 27.867 8.753 62.897-22.367 99.354-20.873 24.453-5.427 57.083 21.747 58.966 18.911 1.311 35.941 10.478 49.938 19.419 5.083 3.248 10.143 6.722 14.835 9.946 1.799 1.234 3.542 2.432 5.213 3.568 6.283 4.262 11.717 7.755 16.638 10.235 14.168 7.139 24.841 8.598 33.887 7.36 9.34-1.278 18.509-5.634 29.4-12.902 6.689-4.465 13.058-9.313 20.164-14.722 5.104-3.884 10.587-8.059 16.845-12.59 14.281-10.341 30.879-21.169 51.204-30.281 29.46-13.206 59.527-5.892 85.14 4.745 12.687 5.268 25.044 11.685 36.306 17.532l0.638 0.331c11.701 6.076 22.021 11.401 31.398 15.036 7.062 2.739 10.565 10.684 7.828 17.746-2.739 7.060-10.684 10.565-17.744 7.828-11.028-4.277-22.725-10.35-34.083-16.247l-0.214-0.112c-11.579-6.012-23.053-11.968-34.65-16.784-23.554-9.781-44.528-13.508-63.4-5.049-17.977 8.060-32.889 17.732-46.338 27.471zM717.032 370.107c-5.18 0-9.474-4.293-9.474-9.474v-43.098h129.093v43.098c0 5.179-4.295 9.474-9.474 9.474h-110.146zM864.080 317.535h139.906c7.574 0 13.714-6.14 13.714-13.714v-347.824c0-7.574-6.14-13.714-13.714-13.714h-463.766c-7.574 0-13.714 6.14-13.714 13.714v347.824c0 7.574 6.14 13.714 13.714 13.714h139.909v43.098c0 20.328 16.574 36.902 36.902 36.902h110.146c20.328 0 36.902-16.576 36.902-36.902v-43.098zM553.935 290.107v-320.395h436.337v320.395h-436.337zM540.215 213.188c7.574 0 13.714-6.14 13.714-13.714 0-30.685 25.165-55.85 55.852-55.85h103.605v35.487c0 7.576 6.14 13.714 13.714 13.714h90c7.574 0 13.714-6.139 13.714-13.714v-35.487h103.605c30.685 0 55.85 25.165 55.85 55.85 0 7.574 6.14 13.714 13.714 13.714s13.714-6.14 13.714-13.714c0-45.835-37.444-83.279-83.279-83.279h-103.605v-2.083c0-32.325-26.39-58.715-58.715-58.715-32.324 0-58.714 26.39-58.714 58.715v2.083h-103.605c-45.835 0-83.28 37.444-83.28 83.279 0 7.574 6.14 13.714 13.714 13.714zM740.815 165.396v-51.284c0-17.176 14.109-31.287 31.285-31.287s31.287 14.111 31.287 31.287v51.284h-62.572z" />
+<glyph unicode="&#xe96e;" glyph-name="professional-development" d="M462.486 914.030c-20.818 4.626-41.198-8.124-45.698-28.375-4.626-20.819 8.124-41.198 28.376-45.698 20.818-4.626 41.198 8.124 45.698 28.375 4.626 20.819-8.124 41.198-28.376 45.698zM390.012 891.605c7.912 35.603 43.388 56.986 78.424 49.2 35.602-7.912 56.986-43.387 49.2-78.423-7.91-35.603-43.387-56.986-78.422-49.2-35.604 7.912-56.987 43.387-49.201 78.423zM352.614 795.024c17.187 3.437 34.642 3.499 50.659-0.060l0.165-0.037 52.937-12.457c20.771-5.192 40.4-15.713 54.949-32.040l33.852-36.93c8.428-8.335 18.893-12.851 30.442-12.851h31.821c18.906 1.898 37.471-10.183 42.077-30.91 0.216-0.976 0.325-1.975 0.325-2.975v-0.869c1.872-20.681-12.235-39.83-33.92-42.24-0.296-0.033-0.594-0.057-0.892-0.069l-34.134-1.552c-0.207-0.009-0.415-0.013-0.622-0.013-30.903 0-62.076 10.293-86.501 31.228l-0.137 0.115-21.147 18.613-17.911-85.078 40.88-22.994c0.302-0.17 0.596-0.349 0.883-0.541 9.139-6.093 16.28-14.709 20.442-24.071 3.946-8.881 5.659-19.571 2.297-29.707l-21.53-112.265c-0.285-1.483-0.814-2.909-1.562-4.22-9.276-16.234-28.829-24.358-46.789-16.662-17.159 7.355-26.377 26.421-21.979 44.943l14.886 81.203-35.814 12.674 4.57-53.681c0.033-0.388 0.049-0.775 0.049-1.163 0-7.581-1.754-18.401-6.943-26.203-0.005-0.007-0.011-0.015-0.016-0.022l-72.896-110.12c-0.227-0.344-0.47-0.677-0.726-0.998-8.274-10.342-21.765-18.050-36.787-15.973-5.866 0.311-12.12 2.706-15.74 4.517-0.388 0.194-0.766 0.406-1.136 0.636-19.22 12.014-23.645 36.142-12.118 54.583 0.079 0.128 0.161 0.254 0.245 0.379l67.046 99.824-10.344 99.008c-0.053 0.505-0.079 1.006-0.075 1.503-1.532 5.842-2.059 12.023-1.494 18.231 0.044 0.494 0.115 0.987 0.214 1.474l25.176 124.553-16.165-4.041c-8.934-2.233-16.302-7.629-20.539-16.101l-16.837-33.677c-1.19-2.843-2.662-5.431-4.356-7.755 6.245-7.512 7.927-18.619 1.973-27.922l-13.482-22.917 10.379-6.171c0.203-0.121 0.402-0.247 0.598-0.377 19.763-13.177 26.346-37.784 15.519-59.436-0.197-0.397-0.415-0.783-0.651-1.159l-41.569-66.202c-11.611-22.318-39.016-29.14-59.562-15.704l-114.535 68.101c-0.203 0.121-0.402 0.247-0.598 0.377-19.764 13.177-26.346 37.784-15.52 59.436 0.164 0.327 0.341 0.649 0.531 0.962l40.339 66.715c0.104 0.174 0.213 0.344 0.325 0.512 13.176 19.763 37.783 26.346 59.435 15.519 0.298-0.148 0.59-0.309 0.876-0.479l12.701-7.552 13.462 22.888c0.132 0.221 0.267 0.439 0.411 0.653 5.008 7.515 14.080 11.844 23.113 10.655 0.265 0.616 0.55 1.229 0.854 1.836 0.102 0.203 0.21 0.406 0.322 0.603l34.172 60.577c7.83 13.703 20.025 24.075 36.42 28.199l58.882 15.495c0.265 0.070 0.532 0.131 0.801 0.185zM219.045 659.11l2.357-1.766c0.155-0.117 0.311-0.229 0.468-0.336 3.855-8.099 10.54-14.828 19.317-18.331 4.204-2.024 8.47-3.301 13.067-3.628 2.578-0.185 5.029-0.053 7.349 0.261l2.672-1.604-11.941-20.299-44.581 26.507 11.291 19.196zM352.386 534.323l7.248-69.383c0.335-3.195-0.464-6.405-2.255-9.072l-69.674-103.737c-3.73-6.128-2.172-12.701 2.959-16.269 0.757-0.338 1.695-0.699 2.64-0.982 0.587-0.176 1.064-0.289 1.404-0.351 0.123-0.024 0.205-0.035 0.252-0.040 0.699-0.009 1.397-0.071 2.088-0.187 3.103-0.517 7.634 0.872 11.516 5.48l72.563 109.617c0.967 1.452 2.255 5.853 2.346 10.489l-5.568 65.41-25.34 8.967c-0.060 0.018-0.121 0.037-0.181 0.057zM358.384 768.205l-58.712-15.45c-8.373-2.094-14.764-7.216-19.328-15.19-0.007-0.011-0.013-0.020-0.018-0.031l-33.889-60.078c-2.421-5.208 0.483-11.644 5.076-13.367 0.45-0.168 0.889-0.36 1.318-0.574 1.799-0.901 2.77-1.066 3.377-1.108 0.719-0.053 1.872 0.005 4.229 0.594 2.114 0.528 4.709 2.253 6.107 5.753 0.141 0.353 0.298 0.699 0.468 1.039l17.066 34.134c8.176 16.351 22.53 26.472 38.418 30.444l37.237 9.309c4.566 1.141 9.397-0.137 12.8-3.388s4.901-8.020 3.968-12.634l-29.316-145.039c-0.755-11.231 5.405-19.727 13.608-22.186 0.214-0.064 0.424-0.133 0.635-0.208l100.848-35.685c6.352-2.247 10.13-8.775 8.916-15.402l-17.068-93.091c-0.053-0.285-0.113-0.571-0.185-0.852-1.54-6.159 1.646-11.655 6.062-13.548 3.366-1.443 7.94-0.647 11.112 3.467l21.217 110.632c0.146 0.761 0.355 1.507 0.627 2.233 0.719 1.915 0.856 5.451-1.243 10.172-1.989 4.476-5.564 8.925-10.202 12.125l-49.152 27.648c-5.221 2.937-7.931 8.92-6.696 14.779l24.823 117.915c1.006 4.773 4.469 8.651 9.095 10.189 4.628 1.538 9.724 0.503 13.385-2.719l38.718-34.072c18.933-16.197 43.463-24.503 68.283-24.569l33.28 1.512c5.769 0.827 10.002 5.947 9.247 12.738-0.048 0.433-0.075 0.87-0.082 1.307-1.896 6.038-7.256 8.976-12.513 8.318-0.565-0.069-1.134-0.104-1.701-0.104h-32.583c-19.39 0-36.776 7.823-50.037 21.083-0.139 0.139-0.278 0.283-0.411 0.43l-34.275 37.391c-10.251 11.531-24.688 19.597-41.083 23.713l-52.568 12.368c-11.781 2.606-25.183 2.684-38.861 0zM134.136 631.45l-2.745-4.54 143.515-85.84 3.226 5.136c4.279 9.104 1.609 18.275-6.201 23.64l-113.996 67.78c-9.163 4.376-18.411 1.702-23.798-6.175zM260.317 517.833l-143.119 85.605-22.91-37.89c-4.341-9.136-1.679-18.348 6.158-23.731l114.471-68.065c0.203-0.121 0.402-0.247 0.6-0.377 7.152-4.769 16.424-2.5 20.465 5.583 0.197 0.397 0.415 0.783 0.651 1.159l23.684 37.716zM795.090 528.589c3.527 3.884 8.962 5.416 13.998 3.944l138.085-40.338c4.059-1.187 7.344-4.176 8.903-8.108 1.558-3.93 1.218-8.358-0.923-12.005l-72.922-124.12c-2.651-4.513-7.638-7.122-12.857-6.729s-9.757 3.723-11.701 8.581l-10.403 26.010-724.209-292.734c-3.374-1.362-7.151-1.329-10.5 0.091-3.349 1.423-5.996 4.118-7.357 7.492l-35.685 88.437c-1.363 3.377-1.326 7.157 0.101 10.509 1.428 3.35 4.129 5.994 7.509 7.351l725.807 291.238-10.427 26.068c-1.949 4.871-0.947 10.428 2.58 14.312zM828.44 498.306l5.052-12.632c2.811-7.025-0.603-15.002-7.627-17.821l-725.769-291.222 25.408-62.967 724.247 292.747c3.379 1.368 7.164 1.331 10.518-0.099s6.001-4.136 7.355-7.523l5.127-12.816 49.836 84.829-94.148 27.504zM796.184 272.678c0 7.574 6.139 13.714 13.714 13.714h134.981c7.574 0 13.714-6.14 13.714-13.714v-305.649c0-7.574-6.14-13.714-13.714-13.714h-134.981c-7.576 0-13.714 6.14-13.714 13.714v305.649zM823.612 258.964v-278.221h107.553v278.221h-107.553zM566.559 170.278c0 7.574 6.14 13.714 13.714 13.714h134.981c7.574 0 13.714-6.14 13.714-13.714v-203.249c0-7.574-6.14-13.714-13.714-13.714h-134.981c-7.574 0-13.714 6.14-13.714 13.714v203.249zM593.988 156.564v-175.821h107.553v175.821h-107.553zM336.934 102.012c0 7.574 6.14 13.714 13.714 13.714h134.981c7.574 0 13.714-6.14 13.714-13.714v-134.983c0-7.574-6.14-13.714-13.714-13.714h-134.981c-7.574 0-13.714 6.14-13.714 13.714v134.983zM364.363 88.298v-107.555h107.553v107.555h-107.553zM105.759 33.744c0 7.576 6.14 13.714 13.714 13.714h134.982c7.574 0 13.714-6.139 13.714-13.714v-66.715c0-7.574-6.14-13.714-13.714-13.714h-134.982c-7.574 0-13.714 6.14-13.714 13.714v66.715zM133.187 20.030v-39.287h107.553v39.287h-107.553z" />
+<glyph unicode="&#xe96f;" glyph-name="Star-2" d="M512 960l138.286-373.714 373.714-138.286-373.714-138.286-138.286-373.714-138.286 373.714-373.714 138.286 373.714 138.286 138.286 373.714z" />
+<glyph unicode="&#xe970;" glyph-name="faders" d="M544 480v-384c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 384c0 17.673 14.327 32 32 32s32-14.327 32-32v0zM800 192c-17.673 0-32-14.327-32-32v0-64c0-17.673 14.327-32 32-32s32 14.327 32 32v0 64c0 17.673-14.327 32-32 32v0zM896 320h-64v480c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-480h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h192c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM224 320c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32s32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0zM320 448h-64v352c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-352h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h192c17.673 0 32 14.327 32 32s-14.327 32-32 32v0zM608 640h-64v160c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-160h-64c-17.673 0-32-14.327-32-32s14.327-32 32-32v0h192c17.673 0 32 14.327 32 32s-14.327 32-32 32v0z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/public/font/icons/icomoon/fonts/icomoon.ttf b/public/font/icons/icomoon/fonts/icomoon.ttf
new file mode 100644
index 0000000..afeca68
Binary files /dev/null and b/public/font/icons/icomoon/fonts/icomoon.ttf differ
diff --git a/public/font/icons/icomoon/fonts/icomoon.woff b/public/font/icons/icomoon/fonts/icomoon.woff
new file mode 100644
index 0000000..441fbab
Binary files /dev/null and b/public/font/icons/icomoon/fonts/icomoon.woff differ
diff --git a/public/font/icons/icomoon/selection.json b/public/font/icons/icomoon/selection.json
new file mode 100644
index 0000000..b0f95a0
--- /dev/null
+++ b/public/font/icons/icomoon/selection.json
@@ -0,0 +1 @@
+{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M544 480v384c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-384c0-17.673 14.327-32 32-32s32 14.327 32 32v0zM800 768c-17.673 0-32 14.327-32 32v0 64c0 17.673 14.327 32 32 32s32-14.327 32-32v0-64c0-17.673-14.327-32-32-32v0zM896 640h-64v-480c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 480h-64c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h192c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM224 640c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32s32-14.327 32-32v0-192c0-17.673-14.327-32-32-32v0zM320 512h-64v-352c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 352h-64c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h192c17.673 0 32-14.327 32-32s-14.327-32-32-32v0zM608 320h-64v-160c0-17.673-14.327-32-32-32s-32 14.327-32 32v0 160h-64c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h192c17.673 0 32-14.327 32-32s-14.327-32-32-32v0z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["faders"],"colorPermutations":{}},"attrs":[],"properties":{"order":128,"id":115,"name":"faders","prevSize":32,"code":59760},"setIdx":0,"setId":3,"iconIdx":0},{"icon":{"paths":["M512 0l138.286 373.714 373.714 138.286-373.714 138.286-138.286 373.714-138.286-373.714-373.714-138.286 373.714-138.286 138.286-373.714z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["Star 2"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":127,"id":114,"name":"Star-2","prevSize":32,"code":59759},"setIdx":0,"setId":3,"iconIdx":1},{"icon":{"paths":["M758.287 625.304c0 7.574 6.14 13.714 13.714 13.714h199.201c28.603 0 50.511-24.278 50.511-52.606s-21.908-52.606-50.511-52.606h-760.201c-7.576 0-13.714 6.139-13.714 13.714 0 7.574 6.139 13.714 13.714 13.714h760.201c12.043 0 23.082 10.545 23.082 25.178 0 14.63-11.039 25.178-23.082 25.178h-199.201c-7.574 0-13.714 6.14-13.714 13.714z","M2.286 586.412c0 28.328 21.908 52.606 50.51 52.606h724.795c7.574 0 13.714-6.14 13.714-13.714s-6.14-13.714-13.714-13.714h-724.795c-12.042 0-23.082-10.547-23.082-25.178 0-14.632 11.040-25.178 23.082-25.178h165.115c7.574 0 13.714-6.14 13.714-13.714 0-7.576-6.14-13.714-13.714-13.714h-165.115c-28.602 0-50.51 24.278-50.51 52.606z","M386.053 842.074c-1.282-2.525-1.291-5.577 0.346-8.185v0l120.55-191.85c1.401-2.229 3.324-3.026 5.049-3.026 1.723 0 3.648 0.797 5.047 3.026v0l120.55 191.85v0c1.638 2.608 1.627 5.659 0.347 8.185-1.265 2.494-3.269 3.641-5.394 3.641h-241.101c-2.125 0-4.129-1.147-5.394-3.641zM363.176 819.297c-13.85 22.038 0.203 53.846 28.272 53.846h241.101c28.069 0 42.119-31.808 28.272-53.846l-120.55-191.85c0 0 0 0 0 0-13.288-21.151-43.255-21.151-56.543 0zM483.725 627.447l-120.549 191.85c0 0 0 0 0 0z","M120.889 411.264l270.418 2.887c7.766 0 20.416 0 20.416-8.669zM411.723 405.482l32.082-32.85c2.75-2.816 4.897-6.146 6.351-9.77 1.45-3.622 2.191-7.492 2.189-11.383v-70.541c0-8.781-3.293-17.348-9.375-23.775-6.107-6.455-14.557-10.235-23.541-10.235h-325.869c-8.983 0-17.433 3.78-23.54 10.235-6.083 6.427-9.376 14.994-9.376 23.775v70.539c-0 3.891 0.739 7.762 2.19 11.385 1.452 3.624 44.131 45.809 46.881 48.625zM109.714 411.487l-7.651-7.647c5.343 5.471 11.059 7.424 18.826 7.424zM121.681 386.723c-0.15 0-0.449-0.055-0.792-0.406l-32.084-32.85c-0.183-0.188-0.37-0.455-0.511-0.806s-0.223-0.755-0.222-1.179v-70.543c0-1.982 0.752-3.741 1.872-4.924 1.095-1.159 2.413-1.657 3.616-1.657h325.869c1.203 0 2.522 0.497 3.617 1.657 1.119 1.183 1.871 2.942 1.871 4.924v70.541c0 0.424-0.080 0.83-0.221 1.181s-0.327 0.618-0.51 0.805l-32.084 32.852c-0.344 0.351-0.644 0.406-0.794 0.406h-269.626z","M396.321 547.518c0 7.574 6.14 13.714 13.714 13.714 8.984 0 17.434-3.78 23.541-10.235 6.082-6.429 9.375-14.994 9.375-23.775v-159.298c0-7.576-6.139-13.714-13.714-13.714-7.574 0-13.714 6.139-13.714 13.714v159.298c0 1.982-0.752 3.741-1.871 4.924-1.095 1.159-2.414 1.657-3.617 1.657-7.574 0-13.714 6.14-13.714 13.714z","M102.954 533.804c-1.203 0-2.522-0.499-3.617-1.657-1.12-1.183-1.873-2.944-1.873-4.928v-159.294c0-7.576-6.14-13.714-13.714-13.714s-13.714 6.139-13.714 13.714v159.294c0 8.784 3.294 17.349 9.377 23.779 6.107 6.455 14.558 10.235 23.542 10.235 7.574 0 13.714-6.14 13.714-13.714s-6.14-13.714-13.714-13.714z","M196.965 274.357c7.574 0 13.714-6.14 13.714-13.714v-34.818c0-7.163 5.308-11.65 10.28-11.65h71.111c4.972 0 10.282 4.489 10.282 11.65v34.818c0 7.574 6.14 13.714 13.714 13.714s13.714-6.14 13.714-13.714v-34.818c0-20.859-16.179-39.078-37.711-39.078h-71.111c-21.533 0-37.709 18.222-37.709 39.078v34.818c0 7.574 6.14 13.714 13.714 13.714z","M256.505 454.733c-10.737 0-20.72-9.43-20.72-22.68v-31.616c0-7.574-6.14-13.714-13.714-13.714s-13.714 6.14-13.714 13.714v31.616c0 26.948 20.851 50.108 48.148 50.108s48.146-23.161 48.146-50.108v-31.616c0-7.574-6.139-13.714-13.714-13.714-7.574 0-13.714 6.14-13.714 13.714v31.616c0 13.252-9.98 22.68-20.718 22.68z","M616.88 561.232c7.574 0 13.714-6.14 13.714-13.714v-147.924c0-7.576-6.14-13.714-13.714-13.714h-22.111c-4.568 0-8.318-2.811-10.044-7.728-1.741-4.955-0.722-10.326 3.28-13.968l61.215-55.753c5.599-5.1 6.003-13.775 0.903-19.374s-13.773-6.005-19.374-0.905l-61.202 55.744c-0.002 0.002 0.002-0.002 0 0-13.224 12.034-15.583 29.442-10.703 43.343 4.893 13.941 17.755 26.070 35.924 26.070h8.397v134.21c0 7.574 6.14 13.714 13.714 13.714z","M907.732 561.232c7.574 0 13.714-6.14 13.714-13.714v-134.21h8.395c18.167 0 31.031-12.129 35.924-26.068 4.882-13.903 2.527-31.307-10.701-43.343l-158.354-144.064c-19.697-17.92-49.090-17.922-68.789-0.004 0 0.002 0.002-0.002 0 0l-97.147 88.315c-5.605 5.094-6.018 13.767-0.923 19.372 5.096 5.605 13.769 6.018 19.374 0.923l97.147-88.315c9.234-8.4 22.645-8.406 31.881-0.004 0 0 0 0 0 0l158.354 144.064c4.003 3.643 5.019 9.013 3.279 13.967-1.726 4.917-5.477 7.728-10.044 7.728h-22.109c-7.576 0-13.714 6.139-13.714 13.714v147.924c0 7.574 6.139 13.714 13.714 13.714z","M717.036 561.232c7.574 0 13.714-6.14 13.714-13.714v-72.658c0-19.582 14.837-34.141 31.559-34.141 16.726 0 31.561 14.559 31.561 34.141v72.658c0 7.574 6.14 13.714 13.714 13.714 7.576 0 13.714-6.14 13.714-13.714v-72.658c0-33.278-25.702-61.57-58.99-61.57-33.284 0-58.988 28.292-58.988 61.57v72.658c0 7.574 6.14 13.714 13.714 13.714z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["work-life-balance"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":121,"id":113,"name":"work-life-balance","prevSize":32,"code":59753},"setIdx":0,"setId":3,"iconIdx":2},{"icon":{"paths":["M837.937 591.493c4.668 1.253 9.642 0.598 13.828-1.816l72.181-41.675c6.559-3.787 8.806-12.175 5.019-18.734s-12.175-8.806-18.736-5.019l-64.205 37.069-120.763-209.167 64.205-37.071c6.559-3.787 8.806-12.175 5.019-18.734s-12.175-8.806-18.734-5.019l-72.177 41.671c-4.184 2.417-7.241 6.4-8.49 11.067-1.251 4.668-0.596 9.642 1.819 13.828l129.968 225.11c2.417 4.186 6.398 7.239 11.065 8.49z","M345.313 448.534c-17.114-29.643-6.96-67.553 22.689-84.668l98.564-56.905c14.495-8.371 30.941-12.778 47.68-12.778s33.185 4.407 47.68 12.778l66.161 38.197c10.141 5.853 21.643 8.936 33.353 8.936 11.708 0.002 23.223-3.085 33.364-8.938l7.963-4.586c6.559-3.776 14.938-1.527 18.721 5.029l128.34 222.292c3.787 6.559 1.54 14.947-5.019 18.734zM844.809 586.624c-6.561 3.787-14.947 1.54-18.734-5.019zM826.075 581.605l9.366 2.511zM835.441 584.115c-13.31 6.85-117.661-209.256-132.674-209.258-16.523-0.002-35.339 18.286-62.768 9.143l-91.789-53.286c-10.326-5.963-22.042-9.103-33.966-9.103s-23.638 3.14-33.966 9.103l-98.564 56.905c-16.527 9.541-22.19 30.674-12.648 47.203 9.541 16.527 30.676 22.192 47.203 12.65l93.482-53.957c4.965-2.867 10.598-4.376 16.329-4.376 5.733 0 11.365 1.509 16.329 4.376l50.533 29.659c6.532 3.835 72.075 41.52 68.24 48.051s-75.593-20.562-82.125-24.397l-50.392-29.577c-0.786-0.448-1.679-0.684-2.586-0.684-0.918 0-1.819 0.241-2.615 0.7l-93.484 53.957c-29.645 17.114-67.555 6.958-84.67-22.691z","M851.589 582.857c3.663-6.63 1.256-14.974-5.374-18.637l-238.771-131.873c-6.629-3.663-14.972-1.256-18.635 5.374-3.661 6.63-1.254 14.972 5.374 18.635l238.771 131.875c6.63 3.661 14.974 1.256 18.635-5.374z","M201.461 626.827c9.543 16.528 30.678 22.192 47.205 12.65zM262.38 663.23c-29.647 17.117-67.555 6.956-84.672-22.687h-0c-17.117-29.647-6.96-67.557 22.687-84.672 0 0 0.002-0.002 0.002-0.002l42.915-24.777c29.648-17.114 67.555-6.958 84.672 22.687v0c17.117 29.648 6.956 67.557-22.687 84.672v0l-42.917 24.779c0 0 0 0 0 0zM291.58 614.698l-42.915 24.779zM291.58 614.698c0 0 0 0 0.002 0zM291.582 614.698c16.527-9.543 22.19-30.676 12.648-47.203-9.543-16.527-30.676-22.19-47.205-12.648l-42.917 24.777c-16.527 9.541-22.19 30.674-12.648 47.203z","M304.379 718.771c-16.525 9.541-37.659 3.88-47.203-12.648-9.541-16.527-3.88-37.661 12.648-47.205l25.492-14.718c16.528-9.543 37.663-3.88 47.205 12.648 9.541 16.527 3.88 37.661-12.646 47.205 0 0 0-0.002 0 0l-25.496 14.718zM318.093 742.524c-29.645 17.117-67.553 6.96-84.67-22.687zM318.093 742.524c0.002 0 0 0 0 0l25.494-14.718c29.645-17.117 39.804-55.025 22.689-84.672-17.117-29.647-55.027-39.804-84.674-22.687l-25.492 14.718c-29.647 17.115-39.804 55.025-22.687 84.672z","M379.271 787.003c-16.528 9.543-37.661 3.878-47.203-12.648-9.541-16.525-3.88-37.659 12.648-47.203 0 0 0 0 0 0l23.005-13.283c16.528-9.543 37.661-3.88 47.205 12.648 9.541 16.527 3.88 37.661-12.648 47.201l-23.007 13.285c0 0 0 0 0 0zM308.315 788.070c17.115 29.645 55.024 39.803 84.672 22.687l23.005-13.285c0 0-0.002 0 0 0 29.647-17.115 39.804-55.025 22.687-84.67-17.117-29.647-55.024-39.804-84.672-22.687 0 0 0 0 0 0l-23.005 13.281c-29.647 17.117-39.804 55.027-22.687 84.674z","M474.094 838.279l13.052-7.536c0 0 0 0 0 0 16.527-9.543 22.19-30.674 12.648-47.203-9.541-16.527-30.674-22.19-47.203-12.65-0.002 0-0.002 0.002-0.002 0.002l-13.051 7.536v0c-16.528 9.541-22.192 30.676-12.648 47.203 9.543 16.528 30.678 22.192 47.203 12.648zM487.808 862.032c-29.647 17.119-67.555 6.958-84.672-22.687s-6.96-67.555 22.687-84.672c0.002 0 0.002 0 0.002 0l13.052-7.536c29.647-17.115 67.553-6.958 84.67 22.687l0.002 0.002c17.114 29.647 6.956 67.553-22.689 84.67v0l-13.051 7.536c-0.002 0-0.002 0-0.002 0z","M610.875 783.301c3.787-6.559 1.54-14.947-5.019-18.734l-25.852-14.927c-6.559-3.787-14.947-1.54-18.734 5.019-3.789 6.559-1.54 14.947 5.019 18.734l25.851 14.927c6.561 3.787 14.949 1.54 18.736-5.019z","M705.227 726.31c3.789-6.559 1.541-14.947-5.019-18.734l-71.956-41.545c-6.559-3.787-14.947-1.54-18.734 5.021-3.787 6.559-1.54 14.947 5.019 18.734l71.956 41.543c6.559 3.787 14.947 1.54 18.734-5.019z","M788.628 662.971c3.787-6.559 1.54-14.947-5.019-18.734l-107.070-61.819c-6.559-3.787-14.947-1.54-18.734 5.021-3.789 6.559-1.541 14.947 5.019 18.734l107.068 61.817c6.561 3.787 14.949 1.54 18.736-5.019z","M177.957 561.32l-64.205-37.071c-6.559-3.787-14.947-1.54-18.734 5.019s-1.54 14.947 5.020 18.734l72.176 41.673c4.186 2.414 9.164 3.070 13.833 1.819 4.667-1.253 8.647-4.306 11.063-8.49l129.968-225.11c2.417-4.186 3.072-9.159 1.821-13.828-1.249-4.668-4.303-8.649-8.488-11.067l-72.179-41.673c-6.559-3.787-14.947-1.54-18.734 5.021-3.789 6.559-1.54 14.947 5.019 18.734l64.205 37.069-120.764 209.168z","M605.118 834.933c-9.185 16.627-31.345 22.581-48.475 12.688l-44.604-25.75c-6.561-3.787-14.949-1.54-18.736 5.021-3.785 6.559-1.538 14.947 5.021 18.734l44.603 25.75c0 0 0-0.002 0 0 29.742 17.17 69.217 7.565 86.201-23.183 5.967-10.803 8.371-22.645 7.581-34.145l0.592 0.34c29.742 17.17 69.217 7.565 86.201-23.183 6.093-11.032 8.472-23.146 7.526-34.873 29.608 12.045 63.611-0.258 78.389-29.811l0.031-0.064 0.044-0.090c8.121-16.238 8.194-34.876 1.717-50.935 17.58-2.979 33.746-13.48 43.359-30.128 0.137-0.238 0.267-0.479 0.389-0.724 15.139-30.277 3.653-68.515-25.66-85.44-6.559-3.787-14.947-1.54-18.734 5.019s-1.54 14.947 5.019 18.736c16.631 9.602 23.395 31.803 15.024 49.050-9.637 16.251-30.579 21.764-46.987 12.299-0.004-0.002 0.004 0.002 0 0-6.561-3.785-14.958-1.543-18.745 5.018-3.785 6.559-1.536 14.945 5.023 18.732 0.011 0.005 0.020 0.011 0.031 0.018l1.437 0.828c15.329 8.85 21.509 29.429 13.594 45.259l-0.033 0.066-0.044 0.090c-9.053 18.108-30.539 24.561-48.071 14.438l-36.584-21.122c-6.559-3.787-14.947-1.54-18.734 5.019s-1.54 14.947 5.019 18.734c16.333 9.43 22.056 30.186 12.979 46.618-9.185 16.627-31.347 22.583-48.477 12.692l-45.155-26.072c-0.002 0 0.004 0.002 0 0-6.559-3.787-14.954-1.543-18.741 5.016s-1.54 14.947 5.019 18.734c0 0 0 0 0 0 16.333 9.43 22.056 30.184 12.979 46.619z","M94.616 529.969l-65.901-38.049v-312.432l201.19 116.158-135.289 234.322zM95.602 560.611c2.373 0.315 4.785 0.155 7.098-0.463 2.312-0.62 4.48-1.69 6.379-3.147 1.898-1.456 3.491-3.273 4.687-5.345 0.001-0.002-0 0 0 0l144.494-250.267c2.412-4.186 3.070-9.167 1.818-13.831-1.251-4.667-4.303-8.644-8.486-11.061l-225.36-130.113c-2.528-1.46-5.396-2.228-8.316-2.228s-5.788 0.769-8.316 2.229c-2.528 1.46-4.628 3.56-6.087 6.089-1.459 2.528-2.227 5.395-2.227 8.313 0 0.001 0-0.001 0 0v337.372c0 5.941 3.17 11.43 8.315 14.4 0.003 0.002-0.003-0.002 0 0l79.267 45.765c0.002 0-0.001-0.002 0 0 2.072 1.196 4.363 1.975 6.734 2.288z","M929.37 529.969l-135.287-234.324 201.189-116.156v312.433l-65.902 38.047zM921.285 560.148c4.668 1.249 9.642 0.594 13.826-1.821l79.265-45.764c5.155-2.975 8.324-8.477 8.324-14.407v-337.366c0-0.001 0 0.001 0 0 0-2.919-0.768-5.789-2.227-8.317-1.459-2.529-3.558-4.629-6.085-6.089-2.529-1.46-5.398-2.229-8.316-2.229-2.92-0-5.787 0.769-8.316 2.228l-225.357 130.109c-4.184 2.419-7.241 6.402-8.492 11.070-1.249 4.667-0.594 9.64 1.821 13.826l144.492 250.267c2.417 4.186 6.398 7.241 11.067 8.492z","M392.667 373.729c0.194-7.572-5.786-13.868-13.358-14.064-17.168-0.443-33.955-5.177-48.825-13.773l-9.242-5.327c-6.563-3.781-14.949-1.527-18.73 5.036-3.783 6.563-1.529 14.947 5.034 18.73l9.221 5.314c18.832 10.882 40.090 16.878 61.835 17.439 7.57 0.196 13.868-5.784 14.064-13.356z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["collaborative-culture"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":122,"id":112,"name":"collaborative-culture","prevSize":32,"code":59754},"setIdx":0,"setId":3,"iconIdx":3},{"icon":{"paths":["M425.284 109.714c-19.573 0-37.544 8.793-48.898 23.257-11.352 14.464-15.631 35.076-8.616 55.551 12.619 37.263 27.379 77.872 34.203 104.501-14.473 9.638-24.095 26.103-24.095 44.679 0 17.679 8.794 33.318 22.106 43.11-3.902 8.876-10.485 19.845-20.219 32.397-4.833 6.232-11.039 13.424-16.841 20.325-2.672-2.997-18.478-21.332-22.418-28.835 6.473-7.144 10.555-16.51 10.555-26.82 0-13.188-6.36-25.339-16.552-32.45 0.923-3.509 1.79-6.621 2.986-10.712 3.791-12.974 8.547-27.789 12.074-39.287 8.035-26.375-9.733-51.569-35.332-51.569h-87.109c-25.441 0-43.394 25.194-35.357 51.569 5.451 17.461 10.648 34.057 15.058 49.814-10.139 7.212-16.631 19.407-16.631 32.635 0 10.249 4.016 19.558 10.425 26.688-6.899 12.816-28.221 35.12-40.126 50.128-24.454 29.921-50.782 67.995-50.782 114.818 0 36.443 11.733 67.599 34.65 89.779 20.953 20.279 50.444 32.635 86.56 37.687 2.202 67.246 27.174 122.063 73.516 159.108 48.552 38.817 118.727 58.198 207.559 58.198s159.035-19.381 207.587-58.196c46.341-37.045 71.312-91.862 73.516-159.108 36.123-5.067 65.578-17.499 86.533-37.793 22.903-22.179 34.65-53.243 34.65-89.675 0-46.824-26.328-84.897-50.783-114.82-14.045-17.232-35.299-40.433-40.099-50.154 6.393-7.126 10.397-16.426 10.397-26.662 0-13.188-6.544-24.92-16.474-32.293 4.27-16.655 10.105-34.203 15.007-50.156 8.088-26.112-9.69-51.569-35.33-51.569h-87.109c-25.968 0-43.394 25.666-35.359 51.569 5.489 17.671 10.619 33.803 15.007 50.075-9.982 7.369-16.578 19.143-16.578 32.373 0 10.324 4.065 19.697 10.555 26.845-6.303 10.496-15.369 20.475-22.42 28.758-5.771-6.881-11.942-14.058-16.761-20.273-9.757-12.579-16.351-23.565-20.246-32.448 13.275-9.796 22.053-25.408 22.053-43.057 0-18.619-9.671-35.101-24.201-44.734 10.304-36.368 22.802-71.281 34.18-104.448 7.014-20.475 2.736-41.085-8.618-55.549-11.35-14.464-29.217-23.257-48.788-23.257h-173.435zM598.718 136.56c11.527 0 21.601 5.183 27.708 12.964 6.109 7.783 8.669 17.738 4.374 30.277-12.639 36.603-24.249 69.748-34.363 104.421-58.121-0.168-118.619-0.347-168.982-0.049-9.827-35.355-22.914-71.080-34.335-104.372-4.295-12.54-1.657-22.495 4.453-30.275 6.107-7.783 16.181-12.964 27.708-12.964l173.436-0.002zM314.236 270.68c5.694 0 12.86 6.053 9.69 16.816-3.341 11.348-8.263 26.306-12.178 39.706-1.106 3.781-1.891 6.952-2.803 10.397h-76.502c-0.94-3.445-1.748-6.616-2.854-10.397-3.915-13.398-8.708-28.394-12.178-39.706-3.169-11.131 4.18-16.816 9.717-16.816h87.109zM797.005 270.68c5.537 0 12.805 5.948 9.69 16.816-5.504 17.768-10.595 33.832-15.035 50.103h-76.502c-4.31-16.629-10.022-34.128-14.98-50.103-2.907-9.715 3.026-16.816 9.717-16.816h87.109zM431.517 310.857h160.967c15.088 0 26.818 11.756 26.818 26.845 0 15.091-11.73 26.82-26.818 26.82h-160.967c-15.089 0-26.818-11.73-26.818-26.82s11.728-26.845 26.818-26.845zM230.374 364.416h80.483c7.66 0 13.358 5.802 13.358 13.462s-5.696 13.358-13.358 13.358h-80.483c-7.66 0-13.358-5.696-13.358-13.358 0-7.66 5.696-13.462 13.358-13.462zM713.143 364.416h80.485c7.66 0 13.358 5.802 13.358 13.462s-5.696 13.358-13.358 13.358h-80.485c-7.66 0-13.462-5.696-13.462-13.358 0-7.66 5.802-13.462 13.462-13.462zM598.323 390.738c5.321 12.809 14.384 25.417 24.856 38.919 16.786 21.643 38.376 45.438 59.765 71.76 42.781 52.648 83.758 114.84 83.758 186.006 0 65.552-21.789 114.063-63.852 147.686-42.061 33.627-105.94 52.356-190.85 52.356s-148.789-18.73-190.85-52.354c-42.061-33.624-63.826-82.134-63.826-147.686 0-71.166 40.953-133.358 83.732-186.006 21.389-26.322 43.11-50.119 59.897-71.76 10.463-13.491 19.48-26.096 24.803-38.894 1.918 0.214 3.789 0.578 5.762 0.578h160.967c2.053 0 4.105-0.426 5.839-0.605zM316.723 417.454c8.254 13.438 19.621 26.273 28.784 37.007-8.227 9.642-16.6 19.397-25.247 30.040-40.773 50.181-83.090 111.876-89.020 185.456-30.281-4.736-52.867-15.146-68.174-29.961-17.367-16.81-26.506-39.579-26.504-70.479 0-36.595 21.36-69.433 44.628-97.9 15.63-18.902 33.643-38.021 43.477-54.137 1.885 0.274 3.752 0.576 5.709 0.576h80.481c2.063 0.037 4.12-0.422 5.866-0.602zM707.302 417.454c1.929 0.287 3.838 0.602 5.84 0.602h80.485c1.951 0 3.829-0.304 5.709-0.578 10.608 17.421 30.208 38.064 43.397 54.137 23.267 28.469 44.732 61.305 44.732 97.9 0 30.888-9.174 53.669-26.531 70.479-15.314 14.83-37.868 25.253-68.173 29.989-5.921-73.591-48.243-135.294-89.022-185.481-8.662-10.661-17.026-20.434-25.245-30.093 7.298-8.594 21.352-24.441 28.807-36.954zM511.87 538.637c-7.459 0.069-13.471 6.32-13.332 13.462v13.356h-13.358c-22.054 0-40.176 18.149-40.176 40.203v26.818c0 22.056 18.121 40.282 40.176 40.282h13.358v53.665h-13.358c-7.662 0-13.358-5.802-13.358-13.462-1.172-18.22-26.587-17.172-26.818 0 0 22.054 18.121 40.282 40.176 40.282h13.358v13.356c1.114 18.282 26.439 17.443 26.82 0v-13.356h13.488c22.056 0 40.177-18.227 40.177-40.282v-26.845c0-22.056-18.121-40.177-40.177-40.177h-13.488v-53.665h13.488c7.662 0 13.358 5.723 13.358 13.383 0.929 18.353 26.337 17.54 26.82 0 0-22.054-18.121-40.201-40.177-40.201h-13.488v-13.358c0.148-7.559-5.928-13.535-13.488-13.46zM485.18 592.274h13.358v53.665h-13.358c-7.662 0-13.358-5.8-13.358-13.462v-26.818c0-7.662 5.698-13.385 13.358-13.385zM525.358 672.757h13.488c7.662 0 13.358 5.698 13.358 13.358v26.845c0 7.66-5.696 13.462-13.358 13.462h-13.488v-53.665z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["competitive-compensation"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":123,"id":111,"name":"competitive-compensation","prevSize":32,"code":59755},"setIdx":0,"setId":3,"iconIdx":4},{"icon":{"paths":["M820.959 479.060h-0.34c-21.961 0.080-42.481 8.58-57.821 23.96l-93.44 79.841c0.161-2.161 0.261-4.341 0.261-6.561 0-45.72-37.2-82.92-82.92-82.92h-238.8c-30.879 0-57.62 11.081-79.461 32.92l-99.879 99.9-22-22c-13.2-13.2-34.7-13.2-47.9 0l-63.58 63.579c-6.38 6.38-9.9 14.881-9.9 23.96 0 9.081 3.52 17.56 9.9 23.96l268.42 268.421c6.599 6.599 15.28 9.9 23.96 9.9s17.34-3.301 23.96-9.9l63.579-63.581c13.2-13.199 13.2-34.699 0-47.899l-22.020-22.020c22.901-23.201 34.88-34.9 71.259-39.62l189.641-24.561c26.94-3.5 49.179-13.46 69.979-31.4l155.9-134.418c32.32-32.32 32.32-84.941 0-117.261-15.66-15.68-36.52-24.3-58.8-24.3zM398.038 903.559l-63.579 63.581c-1.854 1.843-4.365 2.878-6.98 2.878-2.617 0-5.125-1.035-6.98-2.878l-268.441-268.421c-1.84-1.84-2.86-4.319-2.86-6.98 0-2.659 1.020-5.14 2.86-6.98l63.58-63.579c1.92-1.92 4.46-2.88 6.98-2.88s5.060 0.96 6.98 2.88l268.439 268.42c3.84 3.84 3.84 10.099 0 13.959zM863.099 603.321l-154.9 133.499c-17.32 14.921-35.021 22.881-57.401 25.781l-189.639 24.56c-44.44 5.76-60.959 21.959-85.16 46.44l-190.46-190.46 99.9-99.9c17.181-17.179 38.201-25.88 62.48-25.88h238.8c32.479 0 58.92 26.421 58.92 58.92 0 16.101-6.501 30.7-17 41.36l-0.221 0.179c-11.719 10-27.979 15.020-46.199 17.381h-163.341c-6.619 0-11.999 5.38-11.999 11.999 0 6.621 5.38 12.001 11.999 12.001h67.28c8.199 0.121 16.859 0.461 26 0.839 23.439 0.96 48.439 1.98 71.7-0.839h2.86c22.599 0 43.14-9.101 58.099-23.821l133.961-114.459c0.26-0.219 0.519-0.459 0.759-0.7 10.86-11.019 25.479-17.119 41.179-17.179h0.241c15.859 0 30.7 6.12 41.84 17.24 22.859 22.901 22.96 60.039 0.3 83.041zM816.618 32.4c-75.939 0-143.519 47.36-170.18 117.12-30.259-22.38-67.659-35.64-108.1-35.64-40.121 0-77.261 13.040-107.381 35.12-26.139-70.88-94-119-170.898-119-100.461 0-182.181 81.72-182.181 182.18s81.72 182.181 182.181 182.181c38.859 0 76.359-12.361 107.419-35.061 25.759 69.38 92.619 118.96 170.86 118.96 77.52 0 143.879-48.678 170.139-117.080 31.307 23.133 69.213 35.606 108.14 35.58 100.46 0 182.181-81.721 182.181-182.181s-81.741-182.179-182.181-182.179zM260.039 370.381c-87.221 0-158.181-70.961-158.181-158.181 0-87.22 70.96-158.2 158.181-158.2 69.74 0 130.959 45.56 151.219 111.64-33.98 33.12-55.12 79.339-55.12 130.44 0 13.199 1.421 26.079 4.1 38.499-28.25 23.17-63.664 35.822-100.198 35.802zM538.319 454.259c-87.219 0-158.181-70.96-158.181-158.179 0-87.221 70.961-158.18 158.181-158.18s158.181 70.959 158.181 158.18c0.020 87.219-70.941 158.179-158.181 158.179zM816.618 372.76c-36.899 0-72.36-12.8-100.659-36.16 3.035-13.299 4.564-26.898 4.56-40.539 0-50.8-20.901-96.801-54.541-129.86 20.84-65 81.799-109.8 150.64-109.8 87.221 0 158.181 70.96 158.181 158.179 0 87.221-70.96 158.181-158.181 158.181zM788.778 176.42c0 15.041 16.841 22.761 30.98 26.601 31.4 8.519 48.7 26.18 48.7 49.759 0 23.461-17.020 43.18-39.839 48.38v10.56c0 6.619-5.38 11.999-12.001 11.999-6.619 0-11.999-5.38-11.999-11.999v-10.56c-22.821-5.221-39.841-24.92-39.841-48.38 0-6.619 5.38-11.999 12.001-11.999 6.619 0 11.999 5.38 11.999 11.999 0 14.201 12.48 25.761 27.84 25.761 15.34 0 27.84-11.56 27.84-25.761 0-15.040-16.839-22.76-30.98-26.6-31.4-8.519-48.7-26.18-48.7-49.76 0-23.46 17.020-43.18 39.841-48.4v-10.56c0-6.62 5.38-12 11.999-12 6.621 0 12.001 5.38 12.001 12v10.56c22.819 5.22 39.839 24.92 39.839 48.4 0 6.62-5.38 12-11.999 12-6.621 0-12.001-5.38-12.001-12 0-14.2-12.48-25.76-27.84-25.76s-27.84 11.56-27.84 25.76zM355.558 137.36c-24.421-24.42-64.139-24.42-88.56 0l-9.801 9.8-9.799-9.8c-24.421-24.42-64.139-24.42-88.56 0-24.42 24.42-24.42 64.139 0 88.56l89.86 89.86c2.26 2.24 5.299 3.52 8.481 3.52 3.18 0 6.239-1.26 8.479-3.52l89.86-89.86c24.461-24.421 24.461-64.14 0.040-88.56zM338.578 208.94l-81.381 81.381-81.379-81.381c-15.060-15.060-15.060-39.56 0-54.62 7.519-7.52 17.419-11.3 27.299-11.3 9.882 0 19.781 3.76 27.301 11.3l18.28 18.28c2.26 2.24 5.299 3.52 8.481 3.52 3.18 0 6.239-1.26 8.479-3.52l18.28-18.28c15.060-15.060 39.559-15.060 54.619 0s15.080 39.56 0.020 54.62zM645.478 217.66c3.6 5.559 1.98 12.999-3.58 16.58l-202.54 130.64c-1.324 0.856-2.805 1.441-4.356 1.724-1.552 0.283-3.143 0.258-4.685-0.075-1.543-0.333-3.004-0.965-4.301-1.863s-2.405-2.041-3.259-3.366c-3.6-5.561-1.98-12.999 3.58-16.58l202.54-130.64c5.599-3.6 13.019-2 16.6 3.58zM492.778 257.741c24.801 0 44.961-20.16 44.961-44.961 0-24.799-20.16-44.96-44.961-44.96-24.799 0-44.959 20.161-44.959 44.96 0 24.801 20.18 44.961 44.959 44.961zM492.778 191.821c11.56 0 20.961 9.399 20.961 20.959s-9.401 20.961-20.961 20.961c-11.56 0-20.959-9.401-20.959-20.961s9.419-20.959 20.959-20.959zM583.278 309.241c-24.799 0-44.959 20.16-44.959 44.959 0 24.801 20.16 44.961 44.959 44.961 24.801 0 44.961-20.16 44.961-44.961 0-24.799-20.18-44.959-44.961-44.959zM583.278 375.161c-11.558 0-20.959-9.401-20.959-20.961s9.401-20.959 20.959-20.959c11.56 0 20.961 9.399 20.961 20.959s-9.421 20.961-20.961 20.961z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["comprehensive-benefits"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":124,"id":110,"name":"comprehensive-benefits","prevSize":32,"code":59756},"setIdx":0,"setId":3,"iconIdx":5},{"icon":{"paths":["M459.999 33.714c-235.43 0-426.285 190.853-426.285 426.285 0 235.43 190.854 426.284 426.285 426.284 23.788-0.002 47.536-1.993 70.994-5.954 7.468-1.26 14.544 3.772 15.806 11.24 1.26 7.468-3.772 14.544-11.24 15.806-24.965 4.215-50.242 6.334-75.56 6.336-250.578 0-453.713-203.134-453.713-453.712 0-250.58 203.135-453.713 453.713-453.713 250.576 0 453.712 203.133 453.712 453.713-0.002 65.209-14.058 129.653-41.212 188.939-3.154 6.886-11.293 9.913-18.18 6.758s-9.911-11.293-6.758-18.18c25.514-55.704 38.72-116.251 38.722-177.518 0-235.432-190.855-426.285-426.284-426.285z","M284.756 41.819c-6.877 3.174-9.878 11.322-6.705 18.199 14.641 31.72 17.068 55.356 14.305 74.353-2.807 19.297-11.123 35.196-20.701 51.756-0.965 1.671-1.955 3.363-2.957 5.078-8.519 14.568-17.968 30.725-21.912 48.816-4.665 21.4-1.629 44.48 14.118 71.755 27.143 47.013 26.968 86.987 12.507 110.806-13.835 22.791-44.273 36.186-90.995 22.947-26.044-7.378-44.787-9.413-59.555-6.819-15.622 2.743-25.153 10.377-32.903 17.977-1.905 1.869-3.629 3.635-5.273 5.323-5.153 5.283-9.527 9.77-16.248 14.034-8.31 5.274-20.59 10.213-41.602 12.061-7.545 0.664-13.124 7.318-12.46 14.863s7.318 13.124 14.863 12.46c24.561-2.16 41.239-8.194 53.895-16.225 9.712-6.164 16.908-13.583 22.335-19.18 1.334-1.377 2.562-2.642 3.694-3.752 5.858-5.745 10.568-9.163 18.444-10.545 8.73-1.534 22.741-0.773 47.333 6.193 54.55 15.457 99.736 1.437 121.92-35.103 21.559-35.513 17.799-86.789-12.2-138.754-12.826-22.213-14.089-38.371-11.074-52.198 2.96-13.584 10.103-25.863 18.973-41.11 0.929-1.596 1.876-3.227 2.84-4.895 9.77-16.891 20.484-36.676 24.101-61.538 3.659-25.163-0.097-54.162-16.543-89.795-3.174-6.877-11.323-9.879-18.2-6.705zM703.559 401.159c-4.996-3.617-10.092-7.484-15.146-11.317-7.852-5.957-15.603-11.838-22.72-16.589-12.301-8.212-25.562-15.164-40.909-17.265-15.64-2.141-31.905 0.949-49.949 10.041-6.634 3.341-13.328 7.711-19.697 12.034-1.938 1.315-3.84 2.62-5.725 3.917-4.551 3.125-9.015 6.192-13.687 9.176-13.281 8.485-25.399 14.362-37.069 15.172-51.090 3.54-75.262 63.662-40.713 104.137 27.209 31.876 27.024 54.343 19.297 68.144-8.547 15.261-29.857 26.975-58.306 29.283-9.476 0.768-18.889 0.768-28.886 0.768h-1.147c-10.227 0-21.087 0.033-32.066 1.121-22.482 2.227-45.654 8.889-69.146 28.215-33.896 27.882-38.345 69.184-39.839 104.647-0.232 5.497-0.389 10.82-0.543 15.996-0.368 12.361-0.709 23.896-1.968 34.997-1.757 15.51-5.138 27.878-11.546 37.277-4.268 6.257-2.653 14.789 3.604 19.057 6.257 4.266 14.789 2.653 19.057-3.606 10.096-14.806 14.182-32.375 16.137-49.64 1.395-12.304 1.792-25.633 2.174-38.468 0.146-4.923 0.291-9.77 0.488-14.46 1.499-35.622 6.182-65.143 29.859-84.619 18.397-15.135 36.054-20.283 54.424-22.102 9.446-0.936 19.021-0.987 29.365-0.987 0.494 0 0.989 0 1.487 0 9.726 0 20.149 0.002 30.76-0.859 33.214-2.693 65.234-16.814 80.022-43.218 15.603-27.867 8.753-62.897-22.367-99.354-20.873-24.453-5.427-57.083 21.747-58.966 18.911-1.311 35.941-10.478 49.938-19.419 5.083-3.248 10.143-6.722 14.835-9.946 1.799-1.234 3.542-2.432 5.213-3.568 6.283-4.262 11.717-7.755 16.638-10.235 14.168-7.139 24.841-8.598 33.887-7.36 9.34 1.278 18.509 5.634 29.4 12.902 6.689 4.465 13.058 9.313 20.164 14.722 5.104 3.884 10.587 8.059 16.845 12.59 14.281 10.341 30.879 21.169 51.204 30.281 29.46 13.206 59.527 5.892 85.14-4.745 12.687-5.268 25.044-11.685 36.306-17.532l0.638-0.331c11.701-6.076 22.021-11.401 31.398-15.036 7.062-2.739 10.565-10.684 7.828-17.746-2.739-7.060-10.684-10.565-17.744-7.828-11.028 4.277-22.725 10.35-34.083 16.247l-0.214 0.112c-11.579 6.012-23.053 11.968-34.65 16.784-23.554 9.781-44.528 13.508-63.4 5.049-17.977-8.060-32.889-17.732-46.338-27.471zM717.032 589.893c-5.18 0-9.474 4.293-9.474 9.474v43.098h129.093v-43.098c0-5.179-4.295-9.474-9.474-9.474h-110.146zM864.080 642.465h139.906c7.574 0 13.714 6.14 13.714 13.714v347.824c0 7.574-6.14 13.714-13.714 13.714h-463.766c-7.574 0-13.714-6.14-13.714-13.714v-347.824c0-7.574 6.14-13.714 13.714-13.714h139.909v-43.098c0-20.328 16.574-36.902 36.902-36.902h110.146c20.328 0 36.902 16.576 36.902 36.902v43.098zM553.935 669.893v320.395h436.337v-320.395h-436.337z","M540.215 746.812c7.574 0 13.714 6.14 13.714 13.714 0 30.685 25.165 55.85 55.852 55.85h103.605v-35.487c0-7.576 6.14-13.714 13.714-13.714h90c7.574 0 13.714 6.139 13.714 13.714v35.487h103.605c30.685 0 55.85-25.165 55.85-55.85 0-7.574 6.14-13.714 13.714-13.714s13.714 6.14 13.714 13.714c0 45.835-37.444 83.279-83.279 83.279h-103.605v2.083c0 32.325-26.39 58.715-58.715 58.715-32.324 0-58.714-26.39-58.714-58.715v-2.083h-103.605c-45.835 0-83.28-37.444-83.28-83.279 0-7.574 6.14-13.714 13.714-13.714zM740.815 794.604v51.284c0 17.176 14.109 31.287 31.285 31.287s31.287-14.111 31.287-31.287v-51.284h-62.572z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["global-opportunities"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":125,"id":109,"name":"global-opportunities","prevSize":32,"code":59757},"setIdx":0,"setId":3,"iconIdx":6},{"icon":{"paths":["M462.486 45.97c-20.818-4.626-41.198 8.124-45.698 28.375-4.626 20.819 8.124 41.198 28.376 45.698 20.818 4.626 41.198-8.124 45.698-28.375 4.626-20.819-8.124-41.198-28.376-45.698zM390.012 68.395c7.912-35.603 43.388-56.986 78.424-49.2 35.602 7.912 56.986 43.387 49.2 78.423-7.91 35.603-43.387 56.986-78.422 49.2-35.604-7.912-56.987-43.387-49.201-78.423zM352.614 164.976c17.187-3.437 34.642-3.499 50.659 0.060l0.165 0.037 52.937 12.457c20.771 5.192 40.4 15.713 54.949 32.040l33.852 36.93c8.428 8.335 18.893 12.851 30.442 12.851h31.821c18.906-1.898 37.471 10.183 42.077 30.91 0.216 0.976 0.325 1.975 0.325 2.975v0.869c1.872 20.681-12.235 39.83-33.92 42.24-0.296 0.033-0.594 0.057-0.892 0.069l-34.134 1.552c-0.207 0.009-0.415 0.013-0.622 0.013-30.903 0-62.076-10.293-86.501-31.228l-0.137-0.115-21.147-18.613-17.911 85.078 40.88 22.994c0.302 0.17 0.596 0.349 0.883 0.541 9.139 6.093 16.28 14.709 20.442 24.071 3.946 8.881 5.659 19.571 2.297 29.707l-21.53 112.265c-0.285 1.483-0.814 2.909-1.562 4.22-9.276 16.234-28.829 24.358-46.789 16.662-17.159-7.355-26.377-26.421-21.979-44.943l14.886-81.203-35.814-12.674 4.57 53.681c0.033 0.388 0.049 0.775 0.049 1.163 0 7.581-1.754 18.401-6.943 26.203-0.005 0.007-0.011 0.015-0.016 0.022l-72.896 110.12c-0.227 0.344-0.47 0.677-0.726 0.998-8.274 10.342-21.765 18.050-36.787 15.973-5.866-0.311-12.12-2.706-15.74-4.517-0.388-0.194-0.766-0.406-1.136-0.636-19.22-12.014-23.645-36.142-12.118-54.583 0.079-0.128 0.161-0.254 0.245-0.379l67.046-99.824-10.344-99.008c-0.053-0.505-0.079-1.006-0.075-1.503-1.532-5.842-2.059-12.023-1.494-18.231 0.044-0.494 0.115-0.987 0.214-1.474l25.176-124.553-16.165 4.041c-8.934 2.233-16.302 7.629-20.539 16.101l-16.837 33.677c-1.19 2.843-2.662 5.431-4.356 7.755 6.245 7.512 7.927 18.619 1.973 27.922l-13.482 22.917 10.379 6.171c0.203 0.121 0.402 0.247 0.598 0.377 19.763 13.177 26.346 37.784 15.519 59.436-0.197 0.397-0.415 0.783-0.651 1.159l-41.569 66.202c-11.611 22.318-39.016 29.14-59.562 15.704l-114.535-68.101c-0.203-0.121-0.402-0.247-0.598-0.377-19.764-13.177-26.346-37.784-15.52-59.436 0.164-0.327 0.341-0.649 0.531-0.962l40.339-66.715c0.104-0.174 0.213-0.344 0.325-0.512 13.176-19.763 37.783-26.346 59.435-15.519 0.298 0.148 0.59 0.309 0.876 0.479l12.701 7.552 13.462-22.888c0.132-0.221 0.267-0.439 0.411-0.653 5.008-7.515 14.080-11.844 23.113-10.655 0.265-0.616 0.55-1.229 0.854-1.836 0.102-0.203 0.21-0.406 0.322-0.603l34.172-60.577c7.83-13.703 20.025-24.075 36.42-28.199l58.882-15.495c0.265-0.070 0.532-0.131 0.801-0.185zM219.045 300.89l2.357 1.766c0.155 0.117 0.311 0.229 0.468 0.336 3.855 8.099 10.54 14.828 19.317 18.331 4.204 2.024 8.47 3.301 13.067 3.628 2.578 0.185 5.029 0.053 7.349-0.261l2.672 1.604-11.941 20.299-44.581-26.507 11.291-19.196zM352.386 425.677l7.248 69.383c0.335 3.195-0.464 6.405-2.255 9.072l-69.674 103.737c-3.73 6.128-2.172 12.701 2.959 16.269 0.757 0.338 1.695 0.699 2.64 0.982 0.587 0.176 1.064 0.289 1.404 0.351 0.123 0.024 0.205 0.035 0.252 0.040 0.699 0.009 1.397 0.071 2.088 0.187 3.103 0.517 7.634-0.872 11.516-5.48l72.563-109.617c0.967-1.452 2.255-5.853 2.346-10.489l-5.568-65.41-25.34-8.967c-0.060-0.018-0.121-0.037-0.181-0.057zM358.384 191.795l-58.712 15.45c-8.373 2.094-14.764 7.216-19.328 15.19-0.007 0.011-0.013 0.020-0.018 0.031l-33.889 60.078c-2.421 5.208 0.483 11.644 5.076 13.367 0.45 0.168 0.889 0.36 1.318 0.574 1.799 0.901 2.77 1.066 3.377 1.108 0.719 0.053 1.872-0.005 4.229-0.594 2.114-0.528 4.709-2.253 6.107-5.753 0.141-0.353 0.298-0.699 0.468-1.039l17.066-34.134c8.176-16.351 22.53-26.472 38.418-30.444l37.237-9.309c4.566-1.141 9.397 0.137 12.8 3.388s4.901 8.020 3.968 12.634l-29.316 145.039c-0.755 11.231 5.405 19.727 13.608 22.186 0.214 0.064 0.424 0.133 0.635 0.208l100.848 35.685c6.352 2.247 10.13 8.775 8.916 15.402l-17.068 93.091c-0.053 0.285-0.113 0.571-0.185 0.852-1.54 6.159 1.646 11.655 6.062 13.548 3.366 1.443 7.94 0.647 11.112-3.467l21.217-110.632c0.146-0.761 0.355-1.507 0.627-2.233 0.719-1.915 0.856-5.451-1.243-10.172-1.989-4.476-5.564-8.925-10.202-12.125l-49.152-27.648c-5.221-2.937-7.931-8.92-6.696-14.779l24.823-117.915c1.006-4.773 4.469-8.651 9.095-10.189 4.628-1.538 9.724-0.503 13.385 2.719l38.718 34.072c18.933 16.197 43.463 24.503 68.283 24.569l33.28-1.512c5.769-0.827 10.002-5.947 9.247-12.738-0.048-0.433-0.075-0.87-0.082-1.307-1.896-6.038-7.256-8.976-12.513-8.318-0.565 0.069-1.134 0.104-1.701 0.104h-32.583c-19.39 0-36.776-7.823-50.037-21.083-0.139-0.139-0.278-0.283-0.411-0.43l-34.275-37.391c-10.251-11.531-24.688-19.597-41.083-23.713l-52.568-12.368c-11.781-2.606-25.183-2.684-38.861 0zM134.136 328.55l-2.745 4.54 143.515 85.84 3.226-5.136c4.279-9.104 1.609-18.275-6.201-23.64l-113.996-67.78c-9.163-4.376-18.411-1.702-23.798 6.175zM260.317 442.167l-143.119-85.605-22.91 37.89c-4.341 9.136-1.679 18.348 6.158 23.731l114.471 68.065c0.203 0.121 0.402 0.247 0.6 0.377 7.152 4.769 16.424 2.5 20.465-5.583 0.197-0.397 0.415-0.783 0.651-1.159l23.684-37.716zM795.090 431.411c3.527-3.884 8.962-5.416 13.998-3.944l138.085 40.338c4.059 1.187 7.344 4.176 8.903 8.108 1.558 3.93 1.218 8.358-0.923 12.005l-72.922 124.12c-2.651 4.513-7.638 7.122-12.857 6.729s-9.757-3.723-11.701-8.581l-10.403-26.010-724.209 292.734c-3.374 1.362-7.151 1.329-10.5-0.091-3.349-1.423-5.996-4.118-7.357-7.492l-35.685-88.437c-1.363-3.377-1.326-7.157 0.101-10.509 1.428-3.35 4.129-5.994 7.509-7.351l725.807-291.238-10.427-26.068c-1.949-4.871-0.947-10.428 2.58-14.312zM828.44 461.694l5.052 12.632c2.811 7.025-0.603 15.002-7.627 17.821l-725.769 291.222 25.408 62.967 724.247-292.747c3.379-1.368 7.164-1.331 10.518 0.099 3.355 1.43 6.001 4.136 7.355 7.523l5.127 12.816 49.836-84.829-94.148-27.504zM796.184 687.322c0-7.574 6.139-13.714 13.714-13.714h134.981c7.574 0 13.714 6.14 13.714 13.714v305.649c0 7.574-6.14 13.714-13.714 13.714h-134.981c-7.576 0-13.714-6.14-13.714-13.714v-305.649zM823.612 701.036v278.221h107.553v-278.221h-107.553zM566.559 789.722c0-7.574 6.14-13.714 13.714-13.714h134.981c7.574 0 13.714 6.14 13.714 13.714v203.249c0 7.574-6.14 13.714-13.714 13.714h-134.981c-7.574 0-13.714-6.14-13.714-13.714v-203.249zM593.988 803.436v175.821h107.553v-175.821h-107.553zM336.934 857.988c0-7.574 6.14-13.714 13.714-13.714h134.981c7.574 0 13.714 6.14 13.714 13.714v134.983c0 7.574-6.14 13.714-13.714 13.714h-134.981c-7.574 0-13.714-6.14-13.714-13.714v-134.983zM364.363 871.702v107.555h107.553v-107.555h-107.553zM105.759 926.256c0-7.576 6.14-13.714 13.714-13.714h134.982c7.574 0 13.714 6.139 13.714 13.714v66.715c0 7.574-6.14 13.714-13.714 13.714h-134.982c-7.574 0-13.714-6.14-13.714-13.714v-66.715zM133.187 939.97v39.287h107.553v-39.287h-107.553z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["professional-development"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":126,"id":108,"name":"professional-development","prevSize":32,"code":59758},"setIdx":0,"setId":3,"iconIdx":7},{"icon":{"paths":["M512 128c-163.625 0-300.25 101.125-356 244l59 24c46.625-119.5 159.75-204 297-204 103.75 0 196.25 50.875 254.003 128h-126.003v64h224v-224h-64v99c-70.125-80.375-173.75-131-288-131zM808.998 628c-46.624 119.501-159.75 204-296.998 204-104.875 0-197-51.622-255-128h127v-64h-224v224h64v-99.002c70 79.379 172.625 131.002 288 131.002 163.622 0 300.25-101.126 356-244l-59.002-24z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["sync-alt-solid"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":117,"id":106,"name":"sync-alt-solid","prevSize":32,"code":59749},"setIdx":0,"setId":3,"iconIdx":8},{"icon":{"paths":["M52.785 203.151c0.056-0.782 0.174-1.984 0.42-3.46 0.502-3.012 1.482-6.831 3.315-10.496 1.807-3.615 4.318-6.84 7.843-9.192 3.446-2.296 8.615-4.266 16.642-4.266h862.401v-12.8c0 12.8-0.018 12.8-0.024 12.8l0.059 0.003c0.15 0.005 0.429 0.017 0.818 0.045 0.782 0.056 1.984 0.174 3.46 0.42 3.011 0.502 6.831 1.482 10.496 3.315 3.615 1.807 6.84 4.317 9.19 7.843 2.298 3.446 4.268 8.614 4.268 16.641v615.977l-0.003 0.058c-0.005 0.15-0.018 0.429-0.045 0.818-0.056 0.783-0.174 1.985-0.42 3.46-0.502 3.012-1.482 6.833-3.315 10.497-1.807 3.615-4.317 6.84-7.843 9.19-3.446 2.298-8.614 4.268-16.641 4.268h-862.329l-0.106-0.004c-0.15-0.005-0.429-0.017-0.818-0.045-0.783-0.055-1.984-0.174-3.46-0.42-3.012-0.502-6.832-1.481-10.497-3.314-3.615-1.807-6.84-4.317-9.191-7.844-2.297-3.444-4.267-8.614-4.267-16.641v-615.926l0.003-0.109c0.005-0.15 0.017-0.429 0.045-0.818zM943.405 162.938v-12.8h-862.401c-12.506 0-22.737 3.163-30.842 8.566-8.024 5.35-13.214 12.392-16.54 19.043-3.301 6.602-4.887 13.050-5.669 17.737-0.396 2.374-0.599 4.381-0.703 5.844-0.052 0.733-0.081 1.338-0.095 1.789-0.008 0.225-0.012 0.415-0.014 0.563l-0.002 0.193-0 0.073-0 0.031v0.014c0 0.006 0 0.013 12.8 0.013h-12.8v616c0 12.507 3.163 22.738 8.566 30.842 5.35 8.026 12.391 13.215 19.043 16.54 6.602 3.301 13.048 4.888 17.737 5.669 2.374 0.396 4.381 0.599 5.844 0.704 0.734 0.051 1.337 0.079 1.789 0.095 0.226 0.008 0.415 0.012 0.563 0.014l0.193 0.003 0.073 0.001h0.045c0.007 0 0.013 0 0.013-12.8v12.8h862.401c12.506 0 22.737-3.164 30.842-8.567 8.024-5.349 13.213-12.39 16.54-19.043 3.3-6.602 4.887-13.048 5.669-17.737 0.396-2.374 0.598-4.381 0.703-5.844 0.052-0.733 0.081-1.336 0.096-1.788 0.003-0.090 0.005-0.173 0.006-0.25 0.004-0.119 0.005-0.224 0.008-0.314l0.001-0.193 0.001-0.074v-0.045c0-0.006 0-0.013-12.8-0.013h12.8v-616c0-12.506-3.164-22.737-8.567-30.842-5.349-8.024-12.39-13.215-19.043-16.54-6.601-3.301-13.048-4.887-17.736-5.669-2.376-0.396-4.381-0.598-5.844-0.703-0.735-0.052-1.338-0.081-1.789-0.096-0.227-0.008-0.415-0.012-0.563-0.014l-0.193-0.003h-0.118c-0.006 0-0.013 0-0.013 12.8z","M204.187 601.888c7.069 0 12.8 5.731 12.8 12.8v82.132c0 7.069-5.731 12.8-12.8 12.8-7.068 0-12.8-5.731-12.8-12.8v-82.132c0-7.069 5.732-12.8 12.8-12.8z","M327.313 478.669c7.069 0 12.8 5.731 12.8 12.8v205.334c0 7.068-5.731 12.8-12.8 12.8s-12.8-5.732-12.8-12.8v-205.334c0-7.069 5.731-12.8 12.8-12.8z","M450.563 560.794c7.069 0 12.8 5.731 12.8 12.8v123.2c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-123.2c0-7.069 5.731-12.8 12.8-12.8z","M820.187 396.512c7.069 0 12.8 5.732 12.8 12.8v287.468c0 7.069-5.731 12.8-12.8 12.8-7.068 0-12.8-5.731-12.8-12.8v-287.468c0-7.068 5.732-12.8 12.8-12.8z","M696.937 499.2c7.069 0 12.8 5.731 12.8 12.8v184.8c0 7.069-5.731 12.8-12.8 12.8-7.068 0-12.8-5.731-12.8-12.8v-184.8c0-7.069 5.732-12.8 12.8-12.8z","M573.75 314.387c7.069 0 12.8 5.731 12.8 12.8v369.6c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-369.6c0-7.069 5.731-12.8 12.8-12.8z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["Analytics-Board-Bars"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":118,"id":105,"name":"Analytics-Board-Bars","prevSize":32,"code":59750},"setIdx":0,"setId":3,"iconIdx":9},{"icon":{"paths":["M768.001 240c3.043 0.005 6.024-0.858 8.594-2.487s4.622-3.959 5.915-6.712c1.293-2.755 1.774-5.821 1.386-8.84s-1.628-5.862-3.575-8.201l-160-192c-1.501-1.812-3.384-3.27-5.514-4.271-2.129-1.001-4.453-1.52-6.806-1.52-2.354 0-4.677 0.519-6.807 1.52s-4.012 2.459-5.513 4.271l-160 192c-1.948 2.339-3.188 5.183-3.576 8.201s0.093 6.085 1.388 8.84c1.293 2.753 3.345 5.083 5.915 6.712 2.569 1.629 5.55 2.492 8.594 2.487h48v151.040l-67.68-81.28c-1.501-1.811-3.384-3.27-5.514-4.271-2.129-1.001-4.453-1.519-6.806-1.519-2.354 0-4.677 0.518-6.807 1.519s-4.012 2.46-5.513 4.271l-160 192c-1.948 2.339-3.188 5.183-3.576 8.201s0.093 6.085 1.388 8.84c1.293 2.753 3.345 5.083 5.915 6.712 2.569 1.629 5.55 2.492 8.594 2.487h48v167.040l-67.68-81.28c-1.501-1.811-3.384-3.27-5.514-4.271-2.129-1.001-4.453-1.519-6.806-1.519-2.354 0-4.677 0.518-6.807 1.519s-4.012 2.46-5.513 4.271l-160 192c-1.948 2.339-3.188 5.183-3.576 8.201s0.093 6.085 1.386 8.84c1.293 2.753 3.345 5.083 5.915 6.712s5.551 2.492 8.594 2.487h48v160c0 4.243 1.686 8.314 4.686 11.314s7.070 4.686 11.314 4.686h576c4.243 0 8.312-1.686 11.314-4.686 3-3 4.686-7.071 4.686-11.314v-59.2c20.526 7.404 42.18 11.194 64 11.2 50.921 0 99.757-20.228 135.764-56.236 36.006-36.006 56.236-84.842 56.236-135.764 0-50.921-20.229-99.758-56.236-135.764-36.008-36.006-84.844-56.236-135.764-56.236-21.82 0.006-43.474 3.796-64 11.2v-331.2h48zM304.001 816v160h-160v-160c0-4.243-1.686-8.314-4.686-11.314-3.002-3-7.071-4.686-11.314-4.686h-29.92l125.92-151.040 125.92 151.040h-29.92c-4.243 0-8.314 1.686-11.314 4.686s-4.686 7.071-4.686 11.314zM496.001 512v464h-160v-144h48c3.043 0.005 6.024-0.858 8.594-2.487s4.622-3.959 5.915-6.712c1.293-2.755 1.774-5.821 1.386-8.84s-1.628-5.862-3.575-8.201l-60.32-72.32v-221.44c0-4.243-1.686-8.314-4.686-11.314-3.002-3-7.071-4.686-11.314-4.686h-29.92l125.92-151.040 125.92 151.040h-29.92c-4.243 0-8.314 1.686-11.314 4.686s-4.686 7.071-4.686 11.314zM784.001 592c31.644 0 62.579 9.384 88.891 26.964s46.82 42.57 58.93 71.807c12.11 29.235 15.278 61.407 9.105 92.443-6.173 31.037-21.412 59.547-43.789 81.923-22.376 22.377-50.885 37.615-81.923 43.789s-63.208 3.005-92.444-9.105c-29.235-12.11-54.225-32.618-71.805-58.93s-26.964-57.245-26.964-88.891c0-42.435 16.856-83.131 46.862-113.137s70.703-46.863 113.138-46.863zM704.001 208c-4.243 0-8.314 1.686-11.314 4.686s-4.686 7.071-4.686 11.314v361.92c-29.096 16.878-53.247 41.103-70.035 70.25s-25.624 62.194-25.624 95.83c0 33.636 8.836 66.683 25.624 95.83s40.94 53.372 70.035 70.25v57.92h-160v-448h48c3.043 0.005 6.024-0.858 8.594-2.487s4.622-3.959 5.915-6.712c1.293-2.755 1.774-5.821 1.386-8.84s-1.628-5.862-3.575-8.201l-60.32-72.32v-205.44c0-4.243-1.686-8.314-4.686-11.314-3.002-3-7.071-4.686-11.314-4.686h-29.92l125.92-151.040 125.92 151.040h-29.92z","M744.48 827.843c4.197-0.018 8.22-1.684 11.2-4.64l124.32-124.48-22.4-22.56-113.12 113.12-34.080-33.92-22.4 22.56 45.28 45.28c2.98 2.956 7.003 4.622 11.2 4.64z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["Exceeding-Expectations"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":119,"id":104,"name":"Exceeding-Expectations","prevSize":32,"code":59751},"setIdx":0,"setId":3,"iconIdx":10},{"icon":{"paths":["M27.138 963.718c0-7.069 5.731-12.8 12.8-12.8h944.534c7.069 0 12.8 5.731 12.8 12.8s-5.731 12.8-12.8 12.8h-944.534c-7.069 0-12.8-5.731-12.8-12.8z","M77.776 742.569c6.251-6.25 14.73-9.763 23.57-9.763h82.133c8.841 0 17.32 3.512 23.57 9.763 6.252 6.252 9.764 14.73 9.764 23.571v184.8c0 7.068-5.731 12.8-12.8 12.8s-12.8-5.732-12.8-12.8v-184.8c0-2.052-0.815-4.019-2.266-5.469s-3.418-2.264-5.468-2.264h-82.133c-2.051 0-4.018 0.814-5.468 2.264s-2.265 3.418-2.265 5.469v184.8c0 7.068-5.731 12.8-12.8 12.8s-12.8-5.732-12.8-12.8v-184.8c0-8.841 3.512-17.32 9.763-23.571z","M324.151 550.026c6.25-6.252 14.729-9.764 23.57-9.764h82.134c8.84 0 17.318 3.512 23.57 9.764 6.252 6.25 9.763 14.729 9.763 23.57v390.132c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-390.132c0-2.052-0.814-4.018-2.264-5.468s-3.418-2.266-5.468-2.266h-82.134c-2.051 0-4.018 0.815-5.468 2.266s-2.266 3.416-2.266 5.468v390.132c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-390.132c0-8.841 3.512-17.32 9.764-23.57z","M570.525 632.151c6.252-6.252 14.73-9.764 23.57-9.764h82.134c8.841 0 17.32 3.512 23.57 9.764 6.252 6.25 9.764 14.729 9.764 23.57v308c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-308c0-2.051-0.815-4.018-2.266-5.468s-3.418-2.266-5.468-2.266h-82.134c-2.051 0-4.018 0.815-5.468 2.266s-2.264 3.418-2.264 5.468v308c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-308c0-8.841 3.511-17.32 9.763-23.57z","M816.963 344.682c6.252-6.252 14.73-9.764 23.571-9.764h82.132c8.841 0 17.32 3.512 23.571 9.764 6.25 6.25 9.763 14.729 9.763 23.57v595.466c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-595.466c0-2.051-0.815-4.018-2.266-5.468s-3.416-2.266-5.468-2.266h-82.132c-2.052 0-4.018 0.815-5.468 2.266s-2.266 3.418-2.266 5.468v595.466c0 7.069-5.731 12.8-12.8 12.8s-12.8-5.731-12.8-12.8v-595.466c0-8.841 3.512-17.32 9.763-23.57z","M910.877 50.899c5.183 4.809 5.485 12.908 0.676 18.089l-230.792 248.696c-0.001 0.001 0.001 0 0 0-12.407 13.379-28.411 22.899-46.088 27.42-17.677 4.52-36.283 3.85-53.588-1.929zM581.085 343.176l-152.724-50.963c-0.001 0 0.001 0.001 0 0-11.204-3.734-23.178-4.545-34.784-2.355s-22.46 7.309-31.533 14.871l-211.415 176.056c-5.432 4.524-13.504 3.786-18.028-1.646s-3.788-13.503 1.645-18.026l211.407-176.050c0.001-0.001-0.001 0.001 0 0 12.422-10.351 27.287-17.363 43.177-20.361 15.891-2.999 32.285-1.889 47.628 3.226l152.73 50.964c12.64 4.223 26.234 4.713 39.144 1.411 12.911-3.301 24.598-10.254 33.66-20.026l230.797-248.702c4.809-5.182 12.908-5.484 18.089-0.675z","M725.262 60.281c0-7.069 5.731-12.8 12.8-12.8h164.268c7.068 0 12.8 5.731 12.8 12.8v164.267c0 7.069-5.732 12.8-12.8 12.8-7.069 0-12.8-5.731-12.8-12.8v-151.467h-151.468c-7.069 0-12.8-5.731-12.8-12.8z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["Performance-Increase-1"],"colorPermutations":{"117255112613714917382901":[]}},"attrs":[],"properties":{"order":120,"id":103,"name":"Performance-Increase-1","prevSize":32,"code":59752},"setIdx":0,"setId":3,"iconIdx":11},{"icon":{"paths":["M512 803.84c-161.178 0-291.84-130.662-291.84-291.84s130.662-291.84 291.84-291.84c161.178 0 291.84 130.662 291.84 291.84s-130.662 291.84-291.84 291.84zM512 819.2c169.661 0 307.2-137.539 307.2-307.2s-137.539-307.2-307.2-307.2c-169.661 0-307.2 137.539-307.2 307.2s137.539 307.2 307.2 307.2z","M649.549 403.149l-193.549 193.551-81.549-81.551-16.102 16.102 89.6 89.6 8.051 7.698 8.051-7.698 201.6-201.6-16.102-16.102z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["icon-check-cycle-line-2"],"colorPermutations":{"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":115,"id":100,"name":"check-cycle-line-2","prevSize":32,"code":59747},"setIdx":0,"setId":3,"iconIdx":13},{"icon":{"paths":["M138.688 512c0-17.674 14.327-32 32-32h640c17.672 0 32 14.326 32 32s-14.328 32-32 32h-640c-17.674 0-32-14.326-32-32z","M617.373 276.029c12.496-12.496 32.758-12.496 45.254 0l183.163 183.163c0.346 0.346 0.691 0.691 1.040 1.038 6.19 6.187 12.885 12.875 17.774 19.283 5.726 7.507 11.891 18.248 11.891 32.477 0 14.227-6.165 24.968-11.891 32.475-4.89 6.408-11.584 13.096-17.774 19.282-0.349 0.349-0.694 0.694-1.040 1.040l-183.163 183.163c-12.496 12.496-32.758 12.496-45.254 0-12.498-12.496-12.498-32.758 0-45.254l183.163-183.163c2.989-2.99 5.411-5.414 7.474-7.544-2.062-2.128-4.485-4.552-7.474-7.542l-183.163-183.163c-12.498-12.496-12.498-32.757 0-45.254z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["arrow-right-02-sharp"],"colorPermutations":{"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":114,"id":99,"name":"arrow-right-02-sharp","prevSize":32,"code":59746},"setIdx":0,"setId":3,"iconIdx":14},{"icon":{"paths":["M885.312 512c0 17.674-14.327 32-32 32h-640c-17.672 0-32-14.326-32-32s14.328-32 32-32h640c17.674 0 32 14.326 32 32z","M406.627 747.971c-12.496 12.496-32.758 12.496-45.254 0l-183.163-183.163c-0.346-0.346-0.691-0.691-1.040-1.038-6.19-6.187-12.885-12.875-17.774-19.283-5.726-7.507-11.891-18.248-11.891-32.477 0-14.227 6.165-24.968 11.891-32.475 4.89-6.408 11.584-13.096 17.774-19.282 0.349-0.349 0.694-0.694 1.040-1.040l183.163-183.163c12.496-12.496 32.758-12.496 45.254 0 12.498 12.496 12.498 32.758 0 45.254l-183.163 183.163c-2.989 2.99-5.411 5.414-7.474 7.544 2.062 2.128 4.485 4.552 7.474 7.542l183.163 183.163c12.498 12.496 12.498 32.757 0 45.254z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["arrow-left-02-sharp"],"colorPermutations":{"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":116,"id":102,"prevSize":32,"code":59748,"name":"arrow-left-02-sharp"},"setIdx":0,"setId":3,"iconIdx":15},{"icon":{"paths":["M526.404 34.353c21.421 21.423 21.421 56.157 0 77.58l-387.138 387.138c-5.124 5.122-9.276 9.279-12.81 12.929 3.534 3.65 7.686 7.807 12.81 12.929l387.138 387.138c21.421 21.424 21.421 56.157 0 77.58-21.424 21.424-56.157 21.424-77.58 0l-387.138-387.138c-0.591-0.59-1.185-1.185-1.782-1.78-10.613-10.606-22.088-22.072-30.469-33.056-9.818-12.868-20.387-31.283-20.387-55.674s10.569-42.806 20.387-55.674c8.381-10.984 19.857-22.45 30.469-33.056 0.597-0.595 1.191-1.19 1.782-1.78l387.138-387.138c21.424-21.423 56.157-21.423 77.58 0z"],"attrs":[],"width":561,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["arrow-left-01"],"colorPermutations":{"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":112,"id":98,"name":"arrow-left-01","prevSize":32,"code":59744},"setIdx":0,"setId":3,"iconIdx":16},{"icon":{"paths":["M25.12 989.647c-21.423-21.424-21.423-56.157 0-77.58l387.137-387.138c5.125-5.122 9.277-9.279 12.81-12.929-3.533-3.65-7.685-7.807-12.81-12.929l-387.137-387.138c-21.423-21.423-21.423-56.157 0-77.58s56.157-21.423 77.58 0l387.138 387.138c0.59 0.59 1.185 1.185 1.782 1.78 10.613 10.606 22.087 22.072 30.469 33.056 9.818 12.868 20.387 31.283 20.387 55.674s-10.569 42.806-20.387 55.674c-8.382 10.984-19.856 22.45-30.469 33.056-0.597 0.595-1.192 1.19-1.782 1.78l-387.138 387.138c-21.423 21.424-56.157 21.424-77.58 0z"],"attrs":[],"width":561,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["arrow-right-01"],"colorPermutations":{"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":113,"id":97,"name":"arrow-right-01","prevSize":32,"code":59745},"setIdx":0,"setId":3,"iconIdx":17},{"icon":{"paths":["M694.639 393.36c2.978 2.972 5.338 6.502 6.946 10.386 1.613 3.885 2.441 8.049 2.441 12.254s-0.828 8.369-2.441 12.254c-1.609 3.887-3.968 7.415-6.946 10.385l-224 224c-2.97 2.978-6.498 5.338-10.385 6.946-3.883 1.613-8.047 2.441-12.254 2.441s-8.371-0.828-12.254-2.441c-3.883-1.609-7.415-3.968-10.386-6.946l-96-96c-6.004-6.003-9.378-14.148-9.378-22.639s3.373-16.636 9.378-22.639c6.004-6.007 14.148-9.378 22.64-9.378s16.636 3.371 22.64 9.378l73.36 73.399 201.361-201.401c2.97-2.975 6.502-5.335 10.385-6.946s8.047-2.439 12.254-2.439c4.207 0 8.371 0.829 12.254 2.439 3.887 1.61 7.415 3.971 10.385 6.946zM928 512c0 82.278-24.397 162.705-70.11 231.117-45.709 68.412-110.682 121.732-186.692 153.216-76.015 31.488-159.659 39.727-240.354 23.676-80.697-16.051-154.821-55.671-213-113.852s-97.799-132.305-113.85-213.001c-16.052-80.695-7.814-164.339 23.673-240.352s84.806-140.984 153.216-186.695c68.411-45.711 148.839-70.109 231.117-70.109 110.293 0.116 216.038 43.983 294.029 121.972s121.856 183.734 121.971 294.028zM864 512c0-69.619-20.642-137.675-59.324-195.561-38.677-57.886-93.653-103.003-157.973-129.645-64.316-26.642-135.091-33.613-203.375-20.031-68.281 13.582-131.001 47.107-180.23 96.335s-82.753 111.948-96.335 180.23c-13.582 68.279-6.611 139.055 20.031 203.375s71.759 119.296 129.645 157.973c57.886 38.677 125.941 59.324 195.561 59.324 93.325-0.107 182.797-37.227 248.785-103.215s103.108-155.46 103.215-248.785z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["check-cycle-line"],"colorPermutations":{"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":111,"id":96,"name":"check-cycle-line","prevSize":32,"code":59743},"setIdx":0,"setId":3,"iconIdx":18},{"icon":{"paths":["M704 640c-0.015-0-0.033-0-0.051-0-44.864 0-85.403 18.516-114.393 48.323l-0.036 0.037-184.4-118.52c6.885-17.148 10.879-37.027 10.879-57.84s-3.994-40.692-11.257-58.915l0.378 1.075 184.4-118.52c29.083 29.771 69.63 48.232 114.49 48.232 88.366 0 160-71.634 160-160s-71.634-160-160-160c-88.366 0-160 71.634-160 160 0 20.856 3.99 40.779 11.249 59.049l-0.379-1.081-184.4 118.52c-29.094-29.847-69.692-48.36-114.615-48.36-88.366 0-160 71.634-160 160s71.634 160 160 160c44.922 0 85.521-18.513 114.582-48.326l0.033-0.034 184.4 118.52c-6.849 17.153-10.82 37.033-10.82 57.84 0 88.366 71.634 160 160 160s160-71.634 160-160c0-88.366-71.634-160-160-160-0.021 0-0.042 0-0.063 0l0.003-0zM704 128c53.019 0 96 42.981 96 96s-42.981 96-96 96c-53.019 0-96-42.981-96-96v0c0-53.019 42.981-96 96-96v0zM256 608c-53.019 0-96-42.981-96-96s42.981-96 96-96c53.019 0 96 42.981 96 96v0c0 53.019-42.981 96-96 96v0zM704 896c-53.019 0-96-42.981-96-96s42.981-96 96-96c53.019 0 96 42.981 96 96v0c0 53.019-42.981 96-96 96v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["share-network"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":110,"id":94,"name":"share-network","prevSize":32,"code":59742},"setIdx":0,"setId":3,"iconIdx":19},{"icon":{"paths":["M662.64 809.36c5.794 5.794 9.378 13.799 9.378 22.64 0 17.683-14.335 32.018-32.018 32.018-8.841 0-16.846-3.584-22.64-9.378l-320-320c-5.798-5.792-9.385-13.797-9.385-22.64s3.587-16.848 9.385-22.64l0-0 320-320c5.794-5.794 13.799-9.378 22.64-9.378 17.683 0 32.018 14.335 32.018 32.018 0 8.841-3.584 16.846-9.378 22.64l-0 0-297.4 297.36z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["caret-left"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":108,"id":93,"name":"caret-left","prevSize":32,"code":59740},"setIdx":0,"setId":3,"iconIdx":20},{"icon":{"paths":["M726.64 534.64l-320 320c-5.794 5.794-13.799 9.378-22.64 9.378-17.683 0-32.018-14.335-32.018-32.018 0-8.841 3.584-16.846 9.378-22.64l297.4-297.36-297.4-297.36c-5.794-5.794-9.378-13.799-9.378-22.64 0-17.683 14.335-32.018 32.018-32.018 8.841 0 16.846 3.584 22.64 9.378v-0l320 320c5.798 5.792 9.385 13.797 9.385 22.64s-3.587 16.848-9.385 22.64l-0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["caret-right"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":109,"id":92,"name":"caret-right","prevSize":32,"code":59741},"setIdx":0,"setId":3,"iconIdx":21},{"icon":{"paths":["M966.195-0c60.557 0 110.106 12.19 148.642 36.571 38.541 24.381 70.195 55.534 94.967 93.46 27.529 46.053 46.797 93.46 57.809 142.222 8.256 51.471 12.386 93.46 12.386 125.968 0 132.739-34.411 253.289-103.228 361.65s-176.171 196.403-322.061 264.128l-37.163-73.143c85.333-35.217 159.654-90.752 222.967-166.601 60.561-75.853 90.837-153.062 90.837-231.62 0-32.508-4.126-60.954-12.386-85.333-44.045 35.217-94.967 52.826-152.772 52.826-71.573 0-133.508-23.027-185.809-69.082-52.301-46.052-78.451-109.713-78.451-190.983 0-75.852 26.15-138.159 78.451-186.921s114.236-73.143 185.809-73.143zM264.258-0c60.559 0 110.107 12.191 148.645 36.571 38.536 24.381 70.194 55.534 94.967 93.46 27.529 46.053 46.797 93.46 57.809 142.222 8.256 51.471 12.386 93.46 12.386 125.968 0 132.739-34.411 253.289-103.228 361.65-68.816 108.361-176.171 196.403-322.063 264.128l-37.161-73.143c85.333-35.217 159.656-90.752 222.967-166.605 60.559-75.849 90.838-153.058 90.838-231.616 0-32.508-4.128-60.954-12.386-85.333-44.043 35.217-94.968 52.826-152.774 52.826-71.57 0-133.505-23.027-185.807-69.082-52.301-46.052-78.452-109.713-78.452-190.983 0-75.852 26.151-138.159 78.452-186.921s114.237-73.143 185.807-73.143z"],"attrs":[],"width":1280,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["quote"],"colorPermutations":{"25422011014040911":[],"112091812552552551":[],"117255112613714917382901":[]}},"attrs":[],"properties":{"order":107,"id":91,"name":"quote","prevSize":32,"code":59739},"setIdx":0,"setId":3,"iconIdx":22},{"icon":{"paths":["M821.385 418.701c-3.521-1.976-7.942-2.997-12.533-2.626-2.543 0.205-6.059 1.299-27.529 11.079-9.381 4.271-14.643 6.728-18.705 9.67-3.095 2.245-4.090 3.817-4.727 5.683-0.051 0.23-0.21 1.068-0.33 3.038-0.205 3.3-0.216 7.69-0.216 15.445v187.356c0 7.754 0.011 12.14 0.216 15.44 0.119 1.974 0.279 2.81 0.33 3.044 0.637 1.866 1.633 3.436 4.727 5.678 4.062 2.947 9.324 5.404 18.705 9.671 21.47 9.779 24.986 10.877 27.529 11.082 4.591 0.37 9.011-0.654 12.533-2.628 1.616-0.91 3.794-2.725 18.341-20.395 5.86-7.117 11.321-13.414 16.589-19.496 7.862-9.057 15.292-17.624 22.972-27.682 11.952-15.639 20.281-29.85 24.064-43.696 4.437-16.233 4.437-33.158 0-49.391-2.315-8.473-6.923-17.861-16.828-31.925-10.132-14.38-24.32-31.644-44.749-56.458-2.924-3.552-4.836-6.022-6.508-8.179-2.008-2.59-3.669-4.727-6.303-7.743-3.709-4.252-6.081-6.124-7.578-6.965zM757.908 666.897c0 0-0.006-0.023-0.017-0.068zM757.908 442.438c0 0.002-0.006 0.024-0.017 0.064zM803.698 352.283c16.953-1.372 34.116 2.249 49.010 10.608 10.706 6.009 18.694 14.071 24.468 20.686 3.191 3.653 7.504 9.122 10.638 13.1 1.451 1.838 2.651 3.357 3.368 4.232v0l0.791 0.958c19.456 23.632 35.191 42.742 46.871 59.323 12.060 17.12 21.197 33.432 26.243 51.916 7.452 27.274 7.452 55.846 0 83.124-6.958 25.469-20.964 47.394-34.947 65.69-8.459 11.076-18.722 22.966-27.762 33.445-4.949 5.729-9.529 11.036-13.244 15.553v0c-0.825 0.996-1.644 1.997-2.463 2.998-10.286 12.544-20.44 24.934-33.963 32.529-14.894 8.357-32.057 11.975-49.010 10.604-15.263-1.234-29.838-7.902-45.318-14.99-1.189-0.54-2.389-1.087-3.59-1.638-0.865-0.393-1.792-0.808-2.782-1.252-15.195-6.787-43.85-19.587-54.761-51.888-3.971-11.748-3.937-24.309-3.908-35.999 0-0.984 0.006-1.963 0.006-2.935v-187.356c0-0.973-0.006-1.954-0.006-2.941-0.028-11.687-0.063-24.247 3.908-35.995 10.911-32.302 39.566-45.104 54.761-51.893 0.99-0.441 1.917-0.857 2.782-1.25 1.2-0.547 2.401-1.094 3.59-1.638 15.479-7.087 30.054-13.755 45.318-14.989z","M202.282 420.004c4.21-3.149 7.584-4.348 12.872-3.92 2.543 0.205 6.063 1.299 27.534 11.079 16.367 7.455 18.339 8.705 19.443 9.666 1.911 1.661 2.692 3.034 3.33 5.617 0.94 3.807 1.204 8.866 1.204 18.553v187.353c0 9.688-0.264 14.746-1.204 18.551-0.638 2.583-1.419 3.959-3.33 5.621-1.104 0.961-3.077 2.207-19.443 9.665-21.472 9.779-24.991 10.871-27.534 11.076-5.172 0.421-8.393-0.717-12.209-3.43-5.153-3.664-10.34-9.483-18.66-19.587-5.861-7.122-11.323-13.42-16.593-19.496-7.857-9.062-15.287-17.63-22.972-27.682-11.952-15.644-20.28-29.855-24.062-43.702-4.434-16.23-4.434-33.155 0-49.388 2.315-8.473 6.923-17.862 16.83-31.925 10.13-14.38 24.315-31.644 44.746-56.458 8.996-10.928 14.347-17.328 20.048-21.593zM132.825 400.918v0l-0.789 0.958c-19.456 23.632-35.19 42.742-46.87 59.323-12.060 17.12-21.196 33.432-26.246 51.916-7.451 27.274-7.451 55.849 0 83.121 6.959 25.475 20.968 47.4 34.947 65.69 8.463 11.076 18.726 22.972 27.766 33.445 4.945 5.729 9.524 11.036 13.243 15.553v0c0.391 0.478 0.79 0.961 1.196 1.456 14.673 17.869 39.65 48.287 84.24 44.681 15.262-1.234 29.833-7.902 45.317-14.99 1.19-0.546 2.385-1.092 3.586-1.638 0.931-0.427 1.861-0.848 2.79-1.269 11.634-5.274 23.032-10.445 32.123-18.347 26.576-23.114 26.551-53.618 26.536-71.259-0.001-0.41-0.001-0.814-0.001-1.206v-187.353c0-0.394 0-0.795 0.001-1.203 0.015-17.641 0.040-48.147-26.536-71.259-9.091-7.906-20.489-13.074-32.124-18.35-0.929-0.421-1.859-0.843-2.79-1.267-1.201-0.547-2.397-1.094-3.586-1.638-15.484-7.087-30.055-13.755-45.317-14.989-45.010-3.64-70.447 27.666-84.981 45.552-0.874 1.077-1.71 2.105-2.508 3.074z","M512 160c-152.082 0-266.667 104.738-266.667 224v32h-64v-32c0-163.508 152.85-288 330.667-288 177.818 0 330.667 124.492 330.667 288v32h-64v-32c0-119.262-114.586-224-266.667-224z","M810.667 693.333c17.675 0 32 14.325 32 32v34.133c0 99.374-97.769 168.533-202.667 168.533h-85.333c-17.673 0-32-14.325-32-32s14.327-32 32-32h85.333c83.615 0 138.667-53.094 138.667-104.533v-34.133c0-17.675 14.325-32 32-32z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["customer-support"],"colorPermutations":{"25422011014040911":[{},{},{},{}],"112091812552552551":[{},{},{},{}],"117255112613714917382901":[{},{},{},{}]}},"attrs":[{},{},{},{}],"properties":{"order":106,"id":90,"name":"customer-support","prevSize":32,"code":59738},"setIdx":0,"setId":3,"iconIdx":23},{"icon":{"paths":["M662.64 361.36c5.798 5.792 9.385 13.797 9.385 22.64s-3.587 16.848-9.385 22.64l-0 0-256 256c-5.794 5.794-13.799 9.378-22.64 9.378-17.683 0-32.018-14.335-32.018-32.018 0-8.841 3.584-16.846 9.378-22.64l256-256c5.792-5.798 13.797-9.385 22.64-9.385s16.848 3.587 22.64 9.385l0 0zM862.4 161.6c-40.537-40.541-96.54-65.616-158.4-65.616s-117.863 25.075-158.4 65.616l-120.24 120.2c-5.794 5.794-9.378 13.799-9.378 22.64 0 17.683 14.335 32.018 32.018 32.018 8.841 0 16.846-3.584 22.64-9.378l-0 0 120.24-120c28.823-28.208 68.316-45.614 111.874-45.614 88.366 0 160 71.634 160 160 0 43.548-17.398 83.033-45.622 111.883l0.028-0.029-120.28 120.24c-5.797 5.793-9.384 13.797-9.384 22.64 0 17.675 14.329 32.004 32.004 32.004 8.833 0 16.829-3.578 22.62-9.364l-0 0 120.28-120.44c40.541-40.537 65.616-96.54 65.616-158.4s-25.075-117.863-65.616-158.4l-0-0zM553.36 696.88l-120.24 120.24c-29.073 29.707-69.579 48.126-114.386 48.126-88.366 0-160-71.634-160-160 0-44.817 18.427-85.331 48.117-114.378l0.029-0.028 120.2-120.2c5.794-5.794 9.378-13.799 9.378-22.64 0-17.683-14.335-32.018-32.018-32.018-8.841 0-16.846 3.584-22.64 9.378v0l-120.2 120.24c-40.538 40.538-65.611 96.541-65.611 158.4 0 123.718 100.293 224.011 224.011 224.011 61.859 0 117.862-25.073 158.4-65.611l120.24-120.28c5.786-5.791 9.364-13.787 9.364-22.62 0-17.675-14.329-32.004-32.004-32.004-8.843 0-16.847 3.586-22.64 9.383l-0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["link-simple"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":105,"id":89,"name":"link-simple","prevSize":32,"code":59737},"setIdx":0,"setId":3,"iconIdx":24},{"icon":{"paths":["M186.824 48.157c49.987-49.987 131.033-49.987 181.019 0l656.157 656.157 656.157-656.157c49.993-49.987 131.026-49.987 181.014 0s49.988 131.033 0 181.019l-746.662 746.667c-49.987 49.987-131.033 49.987-181.019 0l-746.667-746.667c-49.987-49.987-49.987-131.032 0-181.019z"],"attrs":[{}],"width":2048,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["arrow-down-01"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":104,"id":88,"name":"arrow-down-01","prevSize":32,"code":59736},"setIdx":0,"setId":3,"iconIdx":25},{"icon":{"paths":["M509.559 74.667h4.881c93.47-0 166.886-0.001 224.205 7.705 58.735 7.897 105.34 24.411 141.956 61.027s53.129 83.22 61.026 141.957c7.706 57.319 7.706 130.735 7.706 224.204v4.881c0 93.47 0 166.886-7.706 224.205-7.898 58.735-24.41 105.34-61.026 141.956s-83.221 53.129-141.956 61.026c-57.318 7.706-130.735 7.706-224.205 7.706h-4.881c-93.469 0-166.885 0-224.204-7.706-58.737-7.898-105.34-24.41-141.957-61.026s-53.13-83.221-61.027-141.956c-7.706-57.318-7.706-130.735-7.705-224.205v-4.881c-0-93.469-0.001-166.885 7.705-224.204 7.897-58.737 24.411-105.34 61.027-141.957s83.22-53.13 141.957-61.027c57.319-7.706 130.735-7.706 224.204-7.705zM293.884 145.801c-51.641 6.943-82.487 20.109-105.23 42.852s-35.91 53.589-42.852 105.23c-7.067 52.561-7.135 121.674-7.135 218.116 0 96.444 0.068 165.555 7.135 218.116 6.943 51.639 20.109 82.487 42.852 105.229 22.743 22.746 53.589 35.913 105.23 42.854 52.561 7.066 121.674 7.134 218.116 7.134 96.444 0 165.555-0.068 218.116-7.134 51.639-6.942 82.487-20.109 105.229-42.854 22.746-22.741 35.913-53.589 42.854-105.229 7.066-52.561 7.134-121.673 7.134-218.116 0-96.442-0.068-165.556-7.134-218.116-6.942-51.641-20.109-82.487-42.854-105.23-22.741-22.743-53.589-35.91-105.229-42.852-52.561-7.067-121.673-7.135-218.116-7.135-96.442 0-165.556 0.068-218.116 7.135z","M394.667 426.667c0-17.673 14.327-32 32-32h42.667c17.673 0 32 14.327 32 32s-14.327 32-32 32h-42.667c-17.673 0-32-14.327-32-32z","M394.667 640c0-17.673 14.327-32 32-32h170.667c17.673 0 32 14.327 32 32s-14.327 32-32 32h-170.667c-17.673 0-32-14.327-32-32z","M427.315 224.33c7.113 0.14 13.777 0.27 19.78 0.27 6.007 0 12.672-0.13 19.785-0.27 23.356-0.457 51.575-1.009 77.376 2.646 35.183 4.984 73.276 18.442 99.584 54.776 14.741 20.363 20.809 43.614 23.637 69.799 2.718 25.199 2.718 56.603 2.718 95.024v12.655c23.006 3.226 45.854 10.291 65.988 22.784 30.601 18.991 53.009 49.459 59.712 91.925 9.468 60.002 3.196 116.591-25.847 159.206-30.042 44.079-80.013 66.854-143.437 66.854h-160.576c-48.094 0-87.421 0-118.476-4.19-32.48-4.382-60.652-13.871-83.132-36.429-22.464-22.545-31.898-50.769-36.257-83.311-4.172-31.142-4.171-70.588-4.17-118.869v-110.626c-0-38.42-0.001-69.824 2.72-95.024 2.827-26.185 8.894-49.436 23.636-69.799 26.305-36.335 64.4-49.792 99.583-54.776 25.8-3.655 54.019-3.103 77.376-2.646zM358.916 290.343c-26.179 3.709-44.608 12.21-56.72 28.94-5.534 7.643-9.604 18.37-11.846 39.137-2.306 21.36-2.35 49.294-2.35 89.955v106.539c0 51.127 0.067 86.263 3.604 112.657 3.414 25.485 9.528 37.973 18.159 46.635 8.615 8.644 21.013 14.763 46.355 18.18 26.273 3.546 61.259 3.614 112.213 3.614h158.281c47.458 0 75.089-16.213 90.551-38.895 16.457-24.145 23.578-62.093 15.514-113.186-3.729-23.633-15.057-38.101-30.242-47.526-16.265-10.095-38.75-15.339-64.239-15.339-17.673 0-32-14.327-32-32v-40.678c0-40.661-0.043-68.595-2.351-89.955-2.24-20.767-6.31-31.494-11.844-39.137-12.113-16.73-30.541-25.231-56.721-28.94-20.233-2.866-40.853-2.476-62.985-2.057-8.175 0.154-16.555 0.313-25.199 0.313-8.64 0-17.020-0.159-25.195-0.313-22.133-0.419-42.752-0.809-62.985 2.057z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["blogger"],"colorPermutations":{"25422011014040911":[{},{},{},{}],"112091812552552551":[{},{},{},{}],"117255112613714917382901":[{},{},{},{}]}},"attrs":[{},{},{},{}],"properties":{"order":90,"id":87,"name":"blogger","prevSize":32,"code":59648},"setIdx":0,"setId":3,"iconIdx":26},{"icon":{"paths":["M488.26 53.333h47.479c78.413-0.001 140.518-0.001 189.124 6.534 50.022 6.725 90.513 20.896 122.445 52.826 31.927 31.93 46.097 72.419 52.826 122.442 6.532 48.606 6.532 110.714 6.532 189.125v298.027c0 17.673-14.327 32-32 32s-32-14.327-32-32v-295.62c0-81.358-0.068-139.157-5.965-183.004-5.769-42.927-16.593-67.658-34.65-85.715s-42.79-28.88-85.713-34.651c-43.849-5.895-101.649-5.963-183.006-5.963h-42.667c-81.358 0-139.157 0.068-183.004 5.963-42.927 5.771-67.658 16.594-85.715 34.651s-28.88 42.789-34.651 85.715c-5.895 43.847-5.963 101.646-5.963 183.004v405.333c0 17.673-14.327 32-32 32s-32-14.327-32-32v-407.741c-0.001-78.411-0.001-140.518 6.534-189.124 6.725-50.023 20.896-90.512 52.826-122.442s72.419-46.1 122.442-52.826c48.606-6.535 110.713-6.535 189.125-6.534z","M554.667 96c17.673 0 32 14.327 32 32v157.441c0 0.66 0 1.319 0 1.978 0.004 14.055 0.009 27.936-1.609 38.955-1.732 11.822-6.524 29.411-24.030 39.963v0c-1.092 0.657-2.206 1.275-3.337 1.853l-0.004 0c-17.967 9.151-35.345 4.217-46.323-0.303-10.359-4.267-22.417-11.361-34.756-18.624-0.559-0.329-1.118-0.658-1.677-0.987-10.85-6.382-17.062-9.995-21.922-12.254-2.185-1.015-3.443-1.438-4.109-1.62-0.316-0.086-0.491-0.116-0.559-0.126l-0.132-0.012h-0.418l-0.128 0.012c-0.073 0.010-0.247 0.040-0.559 0.126-0.67 0.181-1.929 0.604-4.113 1.62-4.86 2.26-11.068 5.872-21.919 12.254-0.56 0.329-1.119 0.658-1.678 0.987-12.342 7.263-24.396 14.357-34.758 18.624-10.975 4.519-28.354 9.453-46.323 0.303-1.135-0.577-2.248-1.196-3.339-1.853-17.504-10.551-22.297-28.141-24.031-39.963-1.616-11.020-1.613-24.9-1.609-38.956 0-0.659 0-1.318 0-1.978v-157.441c0-17.673 14.327-32 32-32s32 14.327 32 32v157.441c0 6.402 0.001 11.8 0.076 16.518 4.351-2.459 9.301-5.368 15.214-8.847 0.355-0.209 0.71-0.418 1.065-0.626 9.405-5.533 18.311-10.773 26.321-14.498 8.935-4.154 18.905-7.5 30.621-7.712zM357.983 309.524c0.001-0.001 0.040-0.012 0.114-0.028-0.078 0.021-0.115 0.029-0.114 0.028zM554.667 96c-17.673 0-32 14.327-32 32zM522.667 128v157.441zM449.37 270.276c-0.913-0.017-1.826-0.017-2.735 0zM506.313 292.486c0.354 0.208 0.708 0.417 1.067 0.626 5.909 3.478 10.859 6.388 15.211 8.847 0.077-4.718 0.077-10.116 0.077-16.518zM537.903 309.496c0.077 0.016 0.115 0.026 0.115 0.028s-0.034-0.006-0.115-0.028zM506.313 292.486c-9.404-5.534-18.313-10.773-26.321-14.498zM479.991 277.989c-8.934-4.154-18.906-7.5-30.622-7.712z","M117.333 832c0-76.582 62.083-138.667 138.667-138.667h618.667c17.673 0 32 14.327 32 32s-14.327 32-32 32h-618.667c-41.237 0-74.667 33.429-74.667 74.667s33.429 74.667 74.667 74.667h618.667c17.673 0 32 14.327 32 32s-14.327 32-32 32h-618.667c-76.583 0-138.667-62.084-138.667-138.667z","M736 832c0-76.582 62.084-138.667 138.667-138.667 17.673 0 32 14.327 32 32s-14.327 32-32 32c-41.237 0-74.667 33.429-74.667 74.667s33.429 74.667 74.667 74.667c17.673 0 32 14.327 32 32s-14.327 32-32 32c-76.582 0-138.667-62.084-138.667-138.667z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["book bookmark-02"],"colorPermutations":{"25422011014040911":[{},{},{},{}],"112091812552552551":[{},{},{},{}],"117255112613714917382901":[{},{},{},{}]}},"attrs":[{},{},{},{}],"properties":{"order":91,"id":86,"name":"book-bookmark-02","prevSize":32,"code":59649},"setIdx":0,"setId":3,"iconIdx":27},{"icon":{"paths":["M512 117.333c-171.148 0-309.333 137.25-309.333 305.871 0 57.649 16.098 111.494 44.096 157.489 9.189 15.095 4.401 34.786-10.695 43.972-15.096 9.19-34.783 4.403-43.973-10.692-33.912-55.71-53.428-121.024-53.428-190.769 0-204.581 167.456-369.871 373.333-369.871 205.879 0 373.333 165.29 373.333 369.871 0 69.745-19.516 135.059-53.427 190.769-9.19 15.095-28.877 19.883-43.972 10.692-15.095-9.186-19.887-28.877-10.697-43.972 27.998-45.995 44.096-99.84 44.096-157.489 0-168.621-138.185-305.871-309.333-305.871z","M512 437.333c18.825 0 39.859-9.314 62.161-32.734 12.186-12.799 32.439-13.295 45.239-1.107s13.295 32.442 1.105 45.242c-29.961 31.467-66.65 52.599-108.506 52.599s-78.545-21.133-108.508-52.599c-12.187-12.8-11.692-33.054 1.107-45.242s33.054-11.692 45.239 1.107c22.302 23.42 43.337 32.734 62.161 32.734z","M347.916 650.667c0.246 0 0.492 0 0.737 0h327.43c5.555 0 11.034 0 15.654 0.273 4.873 0.286 11.422 0.977 18.244 3.631 21.235 8.26 35.546 28.258 36.629 50.944 0.35 7.287-1.058 13.705-2.325 18.423-1.199 4.471-2.931 9.681-4.689 14.976l-0.23 0.695c-0.375 1.126-0.742 2.24-1.105 3.337-6.148 18.547-10.944 33.020-18.675 45.235-16.090 25.434-41.335 43.712-70.528 51.004-14.025 3.503-29.257 3.494-48.717 3.482-1.156 0-2.33 0-3.516 0h-169.651c-1.189 0-2.36 0-3.516 0-19.462 0.013-34.694 0.021-48.719-3.482-29.191-7.292-54.436-25.57-70.527-51.004-7.729-12.215-12.526-26.688-18.674-45.235-0.364-1.097-0.732-2.21-1.105-3.337-0.077-0.23-0.154-0.465-0.232-0.695-1.759-5.295-3.489-10.505-4.689-14.976-1.266-4.719-2.674-11.136-2.326-18.423 1.084-22.686 15.392-42.684 36.628-50.944 6.823-2.654 13.373-3.345 18.248-3.631 4.617-0.273 10.096-0.273 15.653-0.273zM343.794 714.671c0.452 1.378 0.974 2.953 1.577 4.766 7.792 23.462 10.14 29.807 13.127 34.53 7.317 11.567 18.767 19.831 31.953 23.125 5.37 1.344 12.067 1.574 36.723 1.574h169.651c24.653 0 31.351-0.23 36.723-1.574 13.184-3.294 24.636-11.558 31.953-23.125 2.987-4.723 5.333-11.068 13.124-34.53 0.606-1.813 1.126-3.388 1.579-4.766-1.412-0.004-3.017-0.004-4.86-0.004h-326.692c-1.844 0-3.449 0-4.859 0.004z","M603.102 831.983l5.517-27.588 62.758 12.553-5.517 27.588c-0.316 1.574-0.623 3.127-0.93 4.659-5.094 25.579-9.067 45.521-18.423 62.025-14.37 25.34-37.658 44.429-65.327 53.551-18.014 5.939-38.349 5.926-64.431 5.905-1.562-0.004-3.145-0.004-4.749-0.004s-3.187 0-4.753 0.004c-26.082 0.021-46.417 0.034-64.431-5.905-27.668-9.122-50.954-28.211-65.326-53.551-9.357-16.503-13.329-36.446-18.424-62.025-0.305-1.532-0.614-3.085-0.929-4.659l-5.518-27.588 62.757-12.553 5.518 27.588c6.497 32.499 8.665 41.31 12.266 47.663 6.532 11.52 17.118 20.198 29.696 24.346 6.933 2.283 16 2.679 49.143 2.679 33.139 0 42.206-0.397 49.139-2.679 12.578-4.147 23.164-12.826 29.696-24.346 3.601-6.353 5.769-15.164 12.267-47.663z","M512 437.333c17.673 0 32 14.327 32 32v192c0 17.673-14.327 32-32 32s-32-14.327-32-32v-192c0-17.673 14.327-32 32-32z"],"attrs":[{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["bulb"],"colorPermutations":{"25422011014040911":[{},{},{},{},{}],"112091812552552551":[{},{},{},{},{}],"117255112613714917382901":[{},{},{},{},{}]}},"attrs":[{},{},{},{},{}],"properties":{"order":92,"id":85,"name":"bulb","prevSize":32,"code":59650},"setIdx":0,"setId":3,"iconIdx":28},{"icon":{"paths":["M745.246 336.103c-7.518-7.249-20.186-7.249-27.708 0l-203.43 196.065c-9.25 8.913-22.933 11.435-34.752 6.4-11.814-5.035-19.477-16.649-19.456-29.495l0.124-75.204c0.021-12.637-11.844-24.845-28.241-23.064-12.209 1.326-20.762 10.136-22.364 19.92l-23.948 189.504c-5.722 45.278-33.85 91.721-64.597 121.353-12.724 12.267-32.983 11.891-45.247-0.832-12.265-12.727-11.891-32.986 0.834-45.248 22.973-22.144 42.051-55.885 45.515-83.294l24.005-189.955 0.101-0.729c6.008-40.105 39.033-70.027 78.791-74.344 51.587-5.602 99.092 33.316 99.152 86.545l149.103-143.701c0-0 0 0 0 0 32.311-31.141 84.224-31.142 116.535 0 5.978 5.76 10.871 12.186 14.682 19.036 30.583-14.018 68.109-8.785 93.513 15.701 29.419 28.355 32.589 72.83 9.515 104.659 5.15 3.132 10.027 6.861 14.524 11.196 29.419 28.356 32.593 72.832 9.515 104.661 5.154 3.127 10.031 6.861 14.528 11.196 32.973 31.778 32.973 83.81 0 115.593l-148.254 142.891c-1.792 1.728-3.558 3.43-5.299 5.107-47.125 45.449-77.197 74.449-111.39 89.161-22.447 9.66-55.322 12.843-75.721 14.144-11.61 0.738-21.453 5.030-28.015 11.358l-27.998 26.982c-12.723 12.262-32.981 11.891-45.248-0.832-12.262-12.727-11.891-32.986 0.832-45.248l27.998-26.987c19.008-18.317 43.887-27.584 68.356-29.146 21.321-1.361 43.575-4.361 54.494-9.058 22.059-9.493 43.285-29.235 97.574-81.562l148.254-142.891c6.861-6.609 6.861-16.823 0-23.433-7.518-7.249-20.186-7.249-27.708 0l-108.181 104.269c-12.727 12.267-32.986 11.891-45.248-0.832-12.267-12.727-11.891-32.981 0.832-45.248l108.186-104.269c0.017-0.017 0.034-0.034 0.047-0.047l48.034-46.298c6.857-6.609 6.857-16.819 0-23.433-7.522-7.249-20.186-7.249-27.708 0l-132.224 127.441c-12.727 12.267-32.986 11.891-45.248-0.832-12.267-12.723-11.891-32.981 0.832-45.248l180.305-173.783c6.861-6.61 6.861-16.822 0-23.433-7.518-7.249-20.186-7.249-27.708 0l-36.019 34.728c-0.009 0.008 0.009-0.008 0 0l-0.034 0.030-120.205 115.86c-12.727 12.262-32.986 11.891-45.248-0.836-12.267-12.723-11.891-32.981 0.832-45.248l120.196-115.845c6.844-6.61 6.848-16.821-0.009-23.427z","M522.377 123.5c0 0.002 0-0.001 0 0l-212.644 209.264c-9.2 9.054-22.939 11.694-34.84 6.694s-19.632-16.66-19.606-29.568l0.163-80.34c0.016-15.511-13.862-28.639-31.046-26.735-12.977 1.438-22.834 11.163-24.702 22.981l-25.071 202.32c-5.885 47.526-34.916 96.606-66.857 128.026-12.599 12.395-32.86 12.228-45.253-0.371s-12.227-32.862 0.372-45.252c24.204-23.808 44.508-60.258 48.224-90.265l25.124-202.754 0.096-0.713c6.075-41.388 39.668-72.999 81.018-77.582 53.949-5.979 102.183 35.569 102.095 90.447l-0.008 3.761 158.049-155.535c33.267-32.725 86.993-32.73 120.26-0.005 6.443 6.334 11.644 13.432 15.612 21.001 31.731-15.285 71.049-9.935 97.468 16.052 16.713 16.442 25.173 38.166 25.169 59.895 0 17.673-14.332 31.998-32.004 31.997s-31.996-14.33-31.996-32.003c0-5.111-1.95-10.227-6.050-14.263-8.363-8.224-22.131-8.226-30.494-0.003 0 0.001 0-0.001 0 0l-143.68 141.348c-12.599 12.394-32.862 12.227-45.257-0.372-12.39-12.599-12.224-32.86 0.371-45.253l105.988-104.257c8.055-7.938 8.060-20.582-0.009-28.516-8.358-8.224-22.131-8.221-30.494 0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["clapping-01"],"colorPermutations":{"25422011014040911":[{},{}],"112091812552552551":[{},{}],"117255112613714917382901":[{},{}]}},"attrs":[{},{}],"properties":{"order":93,"id":84,"name":"clapping-01","prevSize":32,"code":59651},"setIdx":0,"setId":3,"iconIdx":29},{"icon":{"paths":["M226.849 54.894c24.179 4.997 43.434 21.242 55.398 42.705l38.11 68.371c14.038 25.182 25.851 46.374 33.565 64.797 8.184 19.542 13.044 38.813 10.822 60.119s-10.954 39.159-22.993 56.593c-11.35 16.434-27.281 34.733-46.213 56.477l-95.055 109.185c75.385 123.563 186.7 234.927 310.39 310.387l109.184-95.053c21.743-18.931 40.043-34.863 56.478-46.212 17.434-12.041 35.285-20.774 56.593-22.993 21.303-2.223 40.576 2.637 60.117 10.82 18.423 7.714 39.616 19.529 64.798 33.566l68.369 38.11c21.461 11.964 37.709 31.219 42.705 55.398 5.047 24.431-2.398 48.986-18.85 69.171-59.686 73.229-155.315 119.859-255.633 99.622-61.662-12.442-122.505-33.165-196.092-75.366-147.857-84.796-280.425-217.438-365.122-365.12-42.202-73.587-62.926-134.43-75.365-196.094-20.237-100.319 26.391-195.947 99.622-255.633 20.183-16.45 44.739-23.898 69.17-18.848zM570.483 856.486c49.766 24.521 93.052 37.905 136.806 46.733 72.367 14.596 145.421-18.492 193.37-77.321 6.298-7.723 6.336-13.116 5.781-15.782-0.602-2.918-3.046-7.91-11.187-12.45l-66.837-37.257c-27.123-15.117-45.175-25.126-59.891-31.287-13.969-5.85-21.982-6.908-28.762-6.199-6.775 0.704-14.4 3.396-26.859 11.998-13.129 9.067-28.727 22.588-52.147 42.974l-90.274 78.592zM167.525 453.53l78.592-90.275c20.387-23.418 33.908-39.020 42.973-52.146 8.605-12.46 11.294-20.084 12-26.862s-0.351-14.792-6.2-28.759c-6.162-14.714-16.173-32.77-31.29-59.89l-37.256-66.838c-4.539-8.143-9.53-10.586-12.449-11.19-2.667-0.551-8.059-0.512-15.783 5.783-58.828 47.947-91.918 121.004-77.32 193.368 8.827 43.758 22.211 87.043 46.732 136.809z","M553.143 330.672c-1.391-0.004-2.906-0.004-4.57-0.004h-36.574c-17.673 0-32-14.327-32-32s14.327-32 32-32h36.574c0.444 0 0.892 0 1.34-0 7.42-0.003 15.765-0.007 22.869 0.921 8.367 1.094 19.665 3.964 29.312 13.342 9.771 9.501 12.894 20.845 14.080 29.402 0.977 7.090 0.973 15.378 0.969 22.537 0 0.456 0 0.908 0 1.354 0 0.614 0 1.227 0 1.838 0.004 15.166 0.009 29.657-1.638 41.56-1.856 13.398-6.315 28.139-18.765 40.243-15.42 14.989-35.375 18.134-52.74 19.008v39.573c0 1.276 0 2.453 0.004 3.55 1.391 0.004 2.901 0.004 4.57 0.004h36.57c17.673 0 32 14.327 32 32s-14.327 32-32 32h-36.57c-0.444 0-0.892 0-1.344 0-7.415 0.004-15.765 0.009-22.869-0.922-8.367-1.092-19.665-3.964-29.308-13.342-9.775-9.498-12.898-20.843-14.080-29.402-0.981-7.091-0.977-15.377-0.973-22.537 0-0.457 0-0.909 0-1.353v-49.779c0-0.304 0-0.622 0-0.951-0.004-4.047-0.013-9.816 0.683-14.93 0.883-6.499 3.379-16.372 11.878-24.824 8.482-8.438 18.381-10.86 24.525-11.773 5.073-0.754 10.871-0.877 15.181-0.969 0.337-0.007 0.661-0.014 0.973-0.021 9.86-0.219 15.164-0.783 18.317-1.514 0.021-0.005 0.038-0.010 0.060-0.015 0.154-0.681 0.324-1.6 0.491-2.816 0.964-6.982 1.037-16.94 1.037-34.631 0-1.274 0-2.453 0-3.551zM676.574 266.668c17.673 0 32 14.327 32 32v74.667h27.426v-74.667c0-17.673 14.327-32 32-32 17.677 0 32 14.327 32 32v213.332c0 17.673-14.323 32-32 32-17.673 0-32-14.327-32-32v-74.667h-30.17c-0.388 0-0.781 0-1.182 0-5.815 0.004-12.898 0.009-19.017-0.789-7.373-0.964-17.971-3.575-27.081-12.432-9.237-8.98-12.092-19.645-13.141-27.233-0.849-6.134-0.841-13.196-0.836-18.805 0-0.402 0-0.797 0-1.184v-78.222c0-17.673 14.327-32 32-32zM708.809 388.112c0 0.005 0-0.004 0 0z","M830.225 193.776c-101.922-101.923-267.174-101.923-369.097 0-3.652 3.654-7.172 7.386-10.56 11.191-11.755 13.2-31.981 14.373-45.181 2.621s-14.373-31.98-2.621-45.179c4.209-4.728 8.578-9.359 13.106-13.888 126.919-126.917 332.687-126.917 459.608 0 126.916 126.916 126.916 332.691 0 459.607-4.531 4.527-9.161 8.896-13.888 13.103-13.201 11.755-33.429 10.581-45.18-2.62-11.755-13.197-10.581-33.425 2.62-45.175 3.806-3.392 7.539-6.912 11.191-10.564 101.922-101.922 101.922-267.173 0-369.096z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["customer-service"],"colorPermutations":{"25422011014040911":[{},{},{}],"112091812552552551":[{},{},{}],"117255112613714917382901":[{},{},{}]}},"attrs":[{},{},{}],"properties":{"order":94,"id":83,"name":"customer-service","prevSize":32,"code":59652},"setIdx":0,"setId":3,"iconIdx":30},{"icon":{"paths":["M926.165 586.658c5.901 16.661-2.825 34.948-19.482 40.849-24.606 8.713-52.1 27.068-80.41 51.895-27.977 24.533-55.040 53.862-78.878 82.436-23.778 28.501-43.955 55.782-58.193 75.955-7.108 10.074-12.71 18.334-16.512 24.038-1.899 2.85-3.349 5.060-4.305 6.541l-1.071 1.651-0.247 0.388-0.055 0.081c0 0.004 0.004 0 0 0 0.004 0 0 0.009-27.012-17.152s-27.008-17.165-27.004-17.169l0.137-0.213 0.337-0.525 1.25-1.933c1.084-1.673 2.667-4.083 4.706-7.151 4.083-6.127 10.010-14.865 17.489-25.463 1.51-2.138 3.085-4.356 4.723-6.643 14.549-20.339 33.993-46.285 56.614-73.399 25.101-30.093 54.507-62.097 85.824-89.562 30.985-27.174 65.613-51.486 101.239-64.107 16.661-5.901 34.948 2.825 40.849 19.482zM554.667 768.009v-32c-17.673 0-32 14.327-32 32 0 16.96 13.197 30.844 29.884 31.932 0.154 0.034 0.375 0.090 0.657 0.171 1.515 0.431 5.158 1.711 10.377 5.188 10.377 6.921 28.361 23.484 47.795 62.353 5.158 10.317 15.467 17.058 26.982 17.647s22.468-5.073 28.651-14.805zM554.667 768.009c0-32 0.030-32 0.064-32h0.196l0.273 0.004 0.606 0.013c0.427 0.017 0.896 0.038 1.412 0.068 1.028 0.068 2.231 0.179 3.593 0.363 2.735 0.363 6.093 1.007 9.98 2.116 7.821 2.236 17.51 6.289 28.292 13.478 13.372 8.913 27.913 22.293 42.556 42.193z","M298.437 902.583c38.781 4.041 89 4.083 159.261 4.083h11.635c17.673 0 32 14.327 32 32s-14.327 32-32 32h-13.487c-68.004 0-121.558 0-164.044-4.429-43.381-4.518-79.053-13.952-109.569-35.452-16.29-11.477-30.817-25.135-43.109-40.589-23.249-29.231-33.504-63.599-38.384-105.079-4.741-40.294-4.741-90.961-4.74-154.701v-111.825c0-62.229 0-110.511 2.57-149.484 2.606-39.501 7.949-71.648 19.689-101.271 35.76-90.235 111.059-160.687 205.579-193.867 58.832-20.652 131.019-20.647 257.543-20.638 2.705 0 5.44 0 8.196 0 2.458 0 4.885-0 7.279-0.001 69.769-0.015 113.246-0.023 149.111 12.568 57.562 20.206 103.71 63.218 125.683 118.668 7.45 18.805 10.65 38.769 12.186 62.019 1.498 22.724 1.498 50.694 1.498 85.868v94.211c0 17.673-14.327 32-32 32s-32-14.327-32-32v-93.091c0-36.544-0.017-62.406-1.361-82.776-1.323-20.084-3.84-32.607-7.821-42.653-14.788-37.311-46.383-67.468-87.381-81.859-24.205-8.497-55.727-8.954-135.194-8.954-137.041 0-197.344 0.457-244.541 17.025-77.958 27.366-138.708 84.961-167.279 157.058-8.268 20.864-12.929 45.569-15.325 81.905-2.415 36.621-2.432 82.799-2.432 146.436v108.608c0 66.253 0.052 113.152 4.302 149.274 4.162 35.371 11.991 56.474 24.911 72.717 8.434 10.607 18.486 20.083 29.882 28.113 17.799 12.54 41.071 20.126 79.342 24.115z","M128 544c-17.673 0-32-14.327-32-32 0-96.22 78.002-174.222 174.222-174.222 7.926 0 16.016 0.346 23.57 0.696 0.974 0.045 1.939 0.090 2.895 0.135 6.685 0.314 12.978 0.608 19.252 0.739 14.534 0.302 26.164-0.398 35.516-2.903 13.497-3.616 24.039-14.159 27.656-27.656 2.506-9.352 3.205-20.982 2.903-35.516-0.131-6.273-0.425-12.565-0.739-19.249-0.045-0.958-0.090-1.923-0.135-2.898-0.35-7.555-0.696-15.645-0.696-23.57 0-96.22 78-174.222 174.222-174.222 17.673 0 32 14.327 32 32s-14.327 32-32 32c-60.873 0-110.221 49.348-110.221 110.222 0 6.278 0.273 13.027 0.627 20.604 0.043 0.923 0.085 1.859 0.132 2.808 0.307 6.61 0.649 13.803 0.798 20.977 0.333 16.217-0.179 35.142-5.073 53.409-9.532 35.583-37.327 63.376-72.91 72.911-18.268 4.895-37.192 5.407-53.409 5.070-7.174-0.149-14.367-0.487-20.977-0.797-0.949-0.045-1.885-0.089-2.808-0.131-7.578-0.352-14.327-0.628-20.604-0.628-60.874 0-110.222 49.35-110.222 110.222 0 17.673-14.327 32-32 32z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["file-verified"],"colorPermutations":{"25422011014040911":[{},{},{}],"112091812552552551":[{},{},{}],"117255112613714917382901":[{},{},{}]}},"attrs":[{},{},{}],"properties":{"order":95,"id":82,"name":"file-verified","prevSize":32,"code":59653},"setIdx":0,"setId":3,"iconIdx":31},{"icon":{"paths":["M181.333 640c0-181.517 142.182-330.667 320-330.667h21.333c177.818 0 320 149.15 320 330.667s-142.182 330.667-320 330.667h-21.333c-177.818 0-320-149.15-320-330.667zM501.333 373.333c-140.298 0-256 118.285-256 266.667s115.702 266.667 256 266.667h21.333c140.297 0 256-118.285 256-266.667s-115.703-266.667-256-266.667h-21.333z","M495.927 572.416l0.158-0.226 0.815-1.169c0.751-1.062 1.89-2.641 3.337-4.54 0.35-0.461 0.717-0.939 1.097-1.429v170.918h-32c-17.673 0-32 14.327-32 32s14.327 32 32 32h128c17.673 0 32-14.327 32-32s-14.327-32-32-32h-32v-183.518c0-0.678 0-1.361 0-2.048 0.009-10.385 0.017-22.298-1.783-31.846-1.050-5.564-3.153-13.129-8.209-20.301-5.619-7.97-13.44-13.419-22.357-16.188-18.389-5.705-34.551 1.519-43.418 6.793-9.681 5.756-18.086 13.555-24.38 20.134-6.524 6.822-12.066 13.709-15.906 18.761-1.946 2.56-3.52 4.736-4.634 6.31-0.555 0.789-1.003 1.429-1.323 1.899l-0.393 0.576-0.124 0.183-0.068 0.102c-0.004 0.004-0.009 0.009 26.594 17.796l-26.594-17.796c-9.822 14.69-5.884 34.577 8.811 44.399 14.686 9.818 34.556 5.875 44.378-8.811zM495.927 572.416c-0.009 0.017 0.004 0 0 0zM523.452 543.262c-0.004 0.013-0.137 0.081-0.393 0.171 0.269-0.137 0.397-0.183 0.393-0.171z","M591.3 55.988c16.213 7.037 23.65 25.884 16.614 42.095l-109.231 251.641c-7.036 16.212-25.882 23.649-42.095 16.612-16.209-7.037-23.65-25.884-16.61-42.096l109.227-251.641c7.040-16.212 25.886-23.649 42.095-16.612zM780.74 55.988c16.209 7.037 23.65 25.884 16.61 42.095l-120.38 277.333c-7.036 16.212-25.886 23.649-42.095 16.612-16.213-7.037-23.65-25.884-16.614-42.095l120.384-277.333c7.036-16.212 25.882-23.649 42.095-16.612z","M432.7 55.988c-16.213 7.037-23.651 25.884-16.614 42.095l66.564 153.346c7.036 16.212 25.882 23.649 42.095 16.612 16.209-7.037 23.65-25.884 16.61-42.095l-66.56-153.346c-7.040-16.212-25.886-23.649-42.095-16.612zM243.261 55.988c-16.212 7.037-23.649 25.884-16.612 42.095l120.381 277.333c7.037 16.212 25.884 23.649 42.096 16.612s23.649-25.884 16.612-42.095l-120.381-277.333c-7.037-16.212-25.884-23.649-42.096-16.612z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["medal-first-place"],"colorPermutations":{"25422011014040911":[{},{},{},{}],"112091812552552551":[{},{},{},{}],"117255112613714917382901":[{},{},{},{}]}},"attrs":[{},{},{},{}],"properties":{"order":96,"id":81,"name":"medal-first-place","prevSize":32,"code":59654},"setIdx":0,"setId":3,"iconIdx":32},{"icon":{"paths":["M602.492 141.629c-59.477-3.953-121.63-3.945-180.982 0-162.106 10.776-291.842 141.856-302.526 307.186-2.2 34.048-2.2 69.35 0 103.398 3.75 58.035 29.644 113.583 62.441 162.833 0.49 0.734 0.949 1.493 1.377 2.266 28.516 51.627 7.607 110.502-13.692 150.865-3.489 6.609-6.356 12.045-8.73 16.785 3.22 0.111 6.846 0.201 11.040 0.303 45.6 1.109 74.51-11.499 97.53-28.476l0.752-0.555c7.41-5.466 14.124-10.415 19.68-14.012 4.825-3.123 13.653-8.631 24.383-9.95 11.237-1.382 22.135 2.441 27.575 4.352 6.961 2.445 15.806 6.089 26.029 10.3l0.827 0.341c16.188 6.669 35.566 10.953 53.312 12.134 59.352 3.942 121.504 3.951 180.982 0 162.103-10.778 291.84-141.858 302.524-307.187 2.202-34.048 2.202-69.35 0-103.398-10.684-165.33-140.42-296.41-302.524-307.186zM154.17 899.447c-0.001 0 0.005-0.034 0.022-0.111zM417.265 77.77c62.176-4.133 127.166-4.142 189.472 0 194.842 12.952 349.436 170.234 362.146 366.919 2.377 36.796 2.377 74.854 0 111.65-12.71 196.685-167.305 353.967-362.146 366.921-62.306 4.139-127.296 4.13-189.472 0-24.104-1.604-50.341-7.305-73.44-16.815-10.159-4.186-17.054-7.014-22.1-8.866-3.47 2.385-8.078 5.773-14.789 10.722-33.81 24.93-76.496 42.419-137.072 40.947-0.648-0.017-1.298-0.034-1.951-0.047-11.686-0.282-24.142-0.576-34.301-2.543-12.236-2.368-27.373-8.286-36.847-24.439-10.312-17.579-6.177-35.358-2.177-46.554 3.775-10.569 10.319-22.963 17.004-35.622 0.305-0.58 0.611-1.156 0.916-1.737 19.897-37.705 25.44-68.518 14.801-89.062-35.513-53.606-67.46-119.671-72.192-192.905-2.378-36.796-2.378-74.854 0-111.65 12.711-196.686 167.305-353.967 362.148-366.919z","M512 373.333c-16.913 0-32 14.293-32 33.641 0 17.673-14.327 32.002-32 32.002s-32-14.328-32-32.002c0-53.157 42.223-97.641 96-97.641s96 44.484 96 97.641c0 19.215-5.491 37.267-15.031 52.477-5.76 9.178-12.442 17.865-18.415 25.481-1.118 1.421-2.206 2.803-3.268 4.151-4.941 6.276-9.348 11.87-13.427 17.621-10.099 14.238-13.858 23.71-13.858 31.552v16.41c0 17.673-14.327 32-32 32s-32-14.327-32-32v-16.41c0-28.412 13.611-51.601 25.66-68.582 5.103-7.194 10.701-14.298 15.667-20.595 0.986-1.25 1.946-2.47 2.871-3.652 5.918-7.543 10.748-13.922 14.554-19.987 3.29-5.245 5.248-11.546 5.248-18.466 0-19.348-15.087-33.641-32-33.641z","M480 640c0-17.673 14.327-32 32-32h0.384c17.673 0 32 14.327 32 32s-14.327 32-32 32h-0.384c-17.673 0-32-14.327-32-32z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["message-question"],"colorPermutations":{"25422011014040911":[{},{},{}],"112091812552552551":[{},{},{}],"117255112613714917382901":[{},{},{}]}},"attrs":[{},{},{}],"properties":{"order":97,"id":80,"name":"message-question","prevSize":32,"code":59655},"setIdx":0,"setId":3,"iconIdx":33},{"icon":{"paths":["M512 117.333c-100.148 0-181.333 81.186-181.333 181.333v170.667c0 100.147 81.186 181.333 181.333 181.333s181.333-81.186 181.333-181.333v-170.667c0-100.148-81.186-181.333-181.333-181.333zM266.667 298.667c0-135.494 109.839-245.333 245.333-245.333 135.492 0 245.333 109.839 245.333 245.333v170.667c0 135.492-109.841 245.333-245.333 245.333-135.494 0-245.333-109.841-245.333-245.333v-170.667z","M565.333 298.667c0-17.673 14.327-32 32-32h128c17.673 0 32 14.327 32 32s-14.327 32-32 32h-128c-17.673 0-32-14.327-32-32zM565.333 469.333c0-17.673 14.327-32 32-32h128c17.673 0 32 14.327 32 32s-14.327 32-32 32h-128c-17.673 0-32-14.327-32-32z","M170.667 437.333c17.673 0 32 14.327 32 32 0 170.842 138.493 309.333 309.333 309.333 170.842 0 309.333-138.492 309.333-309.333 0-17.673 14.327-32 32-32s32 14.327 32 32c0 195.405-150.127 355.75-341.333 371.981v65.353h96c17.673 0 32 14.327 32 32s-14.327 32-32 32h-256c-17.673 0-32-14.327-32-32s14.327-32 32-32h96v-65.353c-191.206-16.23-341.333-176.576-341.333-371.981 0-17.673 14.327-32 32-32z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["mic-01"],"colorPermutations":{"25422011014040911":[{},{},{}],"112091812552552551":[{},{},{}],"117255112613714917382901":[{},{},{}]}},"attrs":[{},{},{}],"properties":{"order":98,"id":79,"name":"mic-01","prevSize":32,"code":59656},"setIdx":0,"setId":3,"iconIdx":34},{"icon":{"paths":["M466.317 161.228c18.223-36.541 36.608-43.895 45.538-43.895 8.87 0 27.145 7.255 45.158 43.775l75.063 151.369c7.97 16.329 21.303 30.321 35.11 40.594 13.854 10.308 31.095 19.024 48.905 22.016l136.073 22.795c37.875 6.365 50.428 21.411 53.367 30.64 2.948 9.25 1.429 28.898-25.911 56.277l-105.877 106.756c-13.73 13.841-22.899 32.333-27.955 50.142-5.060 17.826-6.946 38.302-2.748 57.19l30.332 132.241c11.349 49.643-0.068 67.695-5.833 71.936-5.632 4.139-25.971 9.668-69.461-16.23-0.009 0 0.004 0.004 0 0l-127.535-76.117c-0.004-0.004 0.004 0 0 0-17.677-10.56-38.976-14.848-58.475-14.848-19.533 0-40.823 4.301-58.59 14.724l-127.796 76.275c-43.133 25.809-63.498 20.262-69.234 16.043-5.899-4.339-17.315-22.502-6.011-71.757l30.291-132.058 0.047-0.209c4.199-18.889 2.315-39.364-2.747-57.19-5.056-17.809-14.227-36.301-27.954-50.142l-105.802-106.675c-27.163-27.388-28.763-47.091-25.81-56.418 2.915-9.201 15.348-24.221 53.188-30.58l136.076-22.795 0.113-0.019c17.628-3.018 34.732-11.767 48.476-22.042 13.715-10.253 27.034-24.231 34.996-40.55l75.007-151.249c0.004-0.010-0.009 0.010 0 0zM614.4 132.775c-22.511-45.627-57.775-79.441-102.545-79.441-44.719 0-80.090 33.753-102.818 79.342l-0.030 0.060-75.2 151.645c-2.284 4.701-7.702 11.323-15.814 17.388-8.097 6.054-15.927 9.347-20.913 10.212-0.015 0.003-0.029 0.005-0.043 0.007l-135.978 22.778c-49.19 8.266-90.314 32.392-103.611 74.376-13.258 41.862 6.259 85.391 41.382 120.804l105.801 106.679c4.19 4.224 8.884 12.181 11.828 22.549 2.924 10.3 3.183 19.682 1.857 25.741-0.006 0.030-0.012 0.060-0.018 0.085l-30.242 131.84c0 0-0 0.004 0 0-12.585 54.839-8.218 109.163 30.464 137.621 38.845 28.578 91.859 16.149 140.022-12.672l127.319-75.994c0.030-0.017 0.055-0.030 0.081-0.047 5.709-3.319 15.1-5.879 26.125-5.879 11.102 0 20.305 2.594 25.66 5.794l127.573 76.143c48.222 28.719 101.299 41.374 140.143 12.826 38.707-28.454 42.863-82.88 30.319-137.762l-30.246-131.87c-0.009-0.026-0.013-0.055-0.021-0.085-1.323-6.059-1.062-15.441 1.86-25.741 2.944-10.368 7.637-18.325 11.827-22.549l105.724-106.598c0.013-0.013 0.026-0.026 0.034-0.038 35.349-35.413 54.933-78.98 41.57-120.905-13.38-41.959-54.579-66.055-103.74-74.316l-136.090-22.798c-5.231-0.879-13.175-4.209-21.291-10.247-8.128-6.044-13.53-12.651-15.808-17.343l-75.183-151.605c0.004 0.007 0-0.006 0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["star"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":99,"id":78,"name":"star","prevSize":32,"code":59657},"setIdx":0,"setId":3,"iconIdx":35},{"icon":{"paths":["M512 117.333c-217.968 0-394.667 176.698-394.667 394.667 0 217.967 176.698 394.667 394.667 394.667 217.967 0 394.667-176.7 394.667-394.667 0-217.968-176.7-394.667-394.667-394.667zM53.333 512c0-253.315 205.352-458.667 458.667-458.667 253.316 0 458.667 205.352 458.667 458.667 0 253.316-205.35 458.667-458.667 458.667-253.315 0-458.667-205.35-458.667-458.667z","M512 266.667c17.673 0 32 14.327 32 32v122.796c37.286 13.178 64 48.737 64 90.537 0 14.822-3.358 28.855-9.357 41.391l63.983 63.983c12.497 12.497 12.497 32.755 0 45.252s-32.755 12.497-45.252 0l-63.983-63.983c-12.535 5.999-26.569 9.357-41.391 9.357-53.018 0-96-42.982-96-96 0-41.801 26.714-77.359 64-90.537v-122.796c0-17.673 14.327-32 32-32zM512 480c-17.673 0-32 14.327-32 32s14.327 32 32 32c17.673 0 32-14.327 32-32s-14.327-32-32-32z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["time-02"],"colorPermutations":{"25422011014040911":[{},{}],"112091812552552551":[{},{}],"117255112613714917382901":[{},{}]}},"attrs":[{},{}],"properties":{"order":100,"id":77,"name":"time-02","prevSize":32,"code":59658},"setIdx":0,"setId":3,"iconIdx":36},{"icon":{"paths":["M736 256c0-17.673 14.327-32 32-32 76.582 0 138.667 62.083 138.667 138.667 0 76.582-62.084 138.667-138.667 138.667-17.673 0-32-14.327-32-32s14.327-32 32-32c41.237 0 74.667-33.429 74.667-74.667s-33.429-74.667-74.667-74.667c-17.673 0-32-14.327-32-32zM778.799 551.782c1.591-17.6 17.148-30.579 34.752-28.983 40.043 3.622 78.98 19.025 113.293 45.453 1.98 1.523 4.587 3.418 7.65 5.645 14.537 10.577 39.347 28.629 56.077 49.801 10.684 13.53 20.681 31.232 22.481 52.523 1.882 22.293-5.594 43.955-21.615 63.697-24.529 30.221-58.185 60.083-105.079 60.083-17.673 0-32-14.327-32-32s14.327-32 32-32c17.050 0 34.249-10.372 55.386-36.416 7.347-9.050 7.808-14.741 7.535-17.975-0.358-4.241-2.615-10.244-8.93-18.24-10.633-13.461-25.54-24.418-40.030-35.068-4.25-3.123-8.461-6.217-12.518-9.344-25.19-19.396-52.698-29.948-80.017-32.418-17.6-1.596-30.579-17.152-28.983-34.756z","M96.002 362.667c0-76.584 62.083-138.667 138.667-138.667 17.673 0 32 14.327 32 32s-14.327 32-32 32c-41.237 0-74.667 33.429-74.667 74.667s33.43 74.667 74.667 74.667c17.673 0 32 14.327 32 32s-14.327 32-32 32c-76.583 0-138.667-62.084-138.667-138.667zM210.452 522.799c17.601-1.596 33.161 11.383 34.753 28.983 1.592 17.604-11.385 33.161-28.986 34.756-27.32 2.47-54.825 13.022-80.015 32.418-4.058 3.127-8.271 6.221-12.52 9.344-14.49 10.65-29.397 21.606-40.031 35.068-6.314 7.996-8.57 13.999-8.928 18.24-0.273 3.234 0.187 8.926 7.533 17.975 21.137 26.044 38.339 36.416 55.385 36.416 17.673 0 32 14.327 32 32s-14.327 32-32 32c-46.895 0-80.55-29.862-105.077-60.083-16.024-19.742-23.498-41.404-21.613-63.697 1.799-21.291 11.794-38.993 22.481-52.523 16.726-21.171 41.541-39.223 56.077-49.801 3.062-2.227 5.668-4.122 7.647-5.645v0c34.316-26.428 73.252-41.83 113.296-45.453z","M662.259 671.962c-91.921-56.836-208.606-56.836-300.525 0-5.518 3.413-11.435 6.899-17.54 10.5-21.84 12.877-46.085 27.174-63.075 44.442-10.453 10.628-13.87 18.381-14.38 23.228-0.321 3.051-0.167 10.321 12.39 22.746 31.255 30.921 61.469 48.457 97 48.457h271.734c35.529 0 65.745-17.536 96.998-48.457 12.557-12.425 12.71-19.695 12.39-22.746-0.512-4.847-3.925-12.599-14.379-23.228-16.99-17.267-41.237-31.565-63.078-44.442-6.101-3.601-12.019-7.087-17.536-10.5zM328.076 617.527c112.543-69.594 255.297-69.594 367.839 0 3.319 2.052 7.522 4.51 12.352 7.334 21.858 12.791 56.55 33.092 80.23 57.161 14.869 15.113 29.7 35.721 32.405 61.41 2.893 27.482-8.772 52.924-31.027 74.94-36.762 36.369-82.304 66.961-142.012 66.961h-271.734c-59.71 0-105.25-30.592-142.012-66.961-22.254-22.016-33.919-47.458-31.026-74.94 2.704-25.69 17.535-46.298 32.405-61.41 23.676-24.068 58.372-44.369 80.229-57.161 4.829-2.825 9.032-5.282 12.35-7.334z","M512 202.667c-64.802 0-117.333 52.532-117.333 117.333s52.531 117.333 117.333 117.333c64.802 0 117.333-52.532 117.333-117.333s-52.531-117.333-117.333-117.333zM330.667 320c0-100.148 81.186-181.333 181.333-181.333s181.333 81.186 181.333 181.333c0 100.148-81.186 181.333-181.333 181.333s-181.333-81.186-181.333-181.333z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["user-group"],"colorPermutations":{"25422011014040911":[{},{},{},{}],"112091812552552551":[{},{},{},{}],"117255112613714917382901":[{},{},{},{}]}},"attrs":[{},{},{},{}],"properties":{"order":101,"id":76,"name":"user-group","prevSize":32,"code":59659},"setIdx":0,"setId":3,"iconIdx":37},{"icon":{"paths":["M658.799 680.252c-115.831-67.891-263.106-67.891-378.937 0-6.507 3.814-13.586 7.77-20.965 11.891-26.984 15.074-57.971 32.384-79.594 53.218-13.44 12.949-18.424 22.967-19.19 29.858-0.537 4.838 0.256 14.592 16.803 30.11 38.91 36.493 78.048 58.671 125.195 58.671h334.442c47.147 0 86.285-22.178 125.193-58.671 16.546-15.518 17.34-25.271 16.802-30.11-0.764-6.891-5.747-16.909-19.187-29.858-21.623-20.834-52.612-38.144-79.595-53.218-7.377-4.122-14.46-8.077-20.966-11.891zM247.499 625.037c135.816-79.603 307.846-79.603 443.663 0 4.305 2.522 9.66 5.495 15.753 8.879 26.995 14.985 68.463 38.003 96.853 65.357 17.724 17.084 35.2 40.154 38.391 68.885 3.418 30.784-10.338 59.196-36.634 83.857-44.804 42.018-98.901 75.985-168.973 75.985h-334.442c-70.073 0-124.171-33.967-168.975-75.985-26.296-24.661-40.049-53.073-36.631-83.857 3.19-28.732 20.665-51.802 38.392-68.885 28.39-27.354 69.858-50.372 96.851-65.357 6.094-3.383 11.45-6.357 15.751-8.879z","M469.333 160c-76.584 0-138.667 62.083-138.667 138.667s62.083 138.667 138.667 138.667c76.582 0 138.667-62.083 138.667-138.667s-62.084-138.667-138.667-138.667zM266.667 298.667c0-111.93 90.737-202.667 202.667-202.667 111.932 0 202.667 90.737 202.667 202.667s-90.735 202.667-202.667 202.667c-111.93 0-202.667-90.737-202.667-202.667z","M832 202.667c-16.913 0-32 14.293-32 33.641 0 17.673-14.327 32-32 32s-32-14.327-32-32c0-53.157 42.223-97.641 96-97.641s96 44.484 96 97.641c0 19.215-5.491 37.266-15.031 52.479-5.76 9.177-12.442 17.865-18.415 25.479-1.118 1.421-2.206 2.801-3.268 4.151-4.941 6.276-9.348 11.869-13.427 17.622-10.099 14.236-13.858 23.711-13.858 31.552v16.41c0 17.673-14.327 32-32 32s-32-14.327-32-32v-16.41c0-28.411 13.611-51.599 25.66-68.582 5.103-7.193 10.701-14.298 15.667-20.596 0.986-1.25 1.946-2.469 2.871-3.649 5.918-7.543 10.748-13.922 14.554-19.988 3.29-5.245 5.248-11.546 5.248-18.466 0-19.348-15.087-33.641-32-33.641z","M799.991 469.333c0-17.673 14.323-32 32-32h0.38c17.677 0 32 14.327 32 32s-14.323 32-32 32h-0.38c-17.677 0-32-14.327-32-32z"],"attrs":[{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["user-question-02"],"colorPermutations":{"25422011014040911":[{},{},{},{}],"112091812552552551":[{},{},{},{}],"117255112613714917382901":[{},{},{},{}]}},"attrs":[{},{},{},{}],"properties":{"order":102,"id":75,"name":"user-question-02","prevSize":32,"code":59660},"setIdx":0,"setId":3,"iconIdx":38},{"icon":{"paths":["M115 171l14 60 62 281-62 280.998-14 60.002 57-23.002 777.001-317.999-73.003-29.999-760.998-311.001zM204 277l497.001 203h-452l-45-203zM249 544h452l-497.001 202.999 45-202.999z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["paper-plane"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":15,"id":74,"name":"paper-plane","prevSize":32,"code":59661},"setIdx":0,"setId":3,"iconIdx":39},{"icon":{"paths":["M192 160v704h640v-704h-640zM256 224h512v576h-512v-576zM384 320v384h64v-96h96c52.625 0 96-43.375 96-96v-96c0-52.625-43.375-96-96-96h-160zM448 384h96c18.125 0 32 13.875 32 32v96c0 18.125-13.875 32-32 32h-96v-160z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["parking-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":16,"id":73,"name":"parking-solid","prevSize":32,"code":59662},"setIdx":0,"setId":3,"iconIdx":40},{"icon":{"paths":["M204.802 128l614.398 384-614.398 384v-768z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["play-filled"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":17,"id":72,"name":"play-filled","prevSize":32,"code":59663},"setIdx":0,"setId":3,"iconIdx":41},{"icon":{"paths":["M288 165v693.999l49-32 489.999-314.999-538.999-347zM352 282l357.001 230-357.001 229.999v-459.999z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["play-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":18,"id":71,"name":"play-solid","prevSize":32,"code":59664},"setIdx":0,"setId":3,"iconIdx":42},{"icon":{"paths":["M480 160v320h-320v64h320v320h64v-320h320v-64h-320v-320h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["plus-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":19,"id":70,"name":"plus-solid","prevSize":32,"code":59665},"setIdx":0,"setId":3,"iconIdx":43},{"icon":{"paths":["M128 256v320h256c0 71.002-57 128-128 128v64c105.625 0 192-86.374 192-192v-320h-320zM576 256v320h256c0 71.002-56.998 128-128 128v64c105.626 0 192-86.374 192-192v-320h-320zM192 320h192v192h-192v-192zM640 320h192v192h-192v-192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["quote-right-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":20,"id":69,"name":"quote-right-solid","prevSize":32,"code":59666},"setIdx":0,"setId":3,"iconIdx":44},{"icon":{"paths":["M596.996 128c-67.127 0-117.001 54.625-117.001 117v108c-88.25 4.625-168.25 28-233 65-24.75-23.875-57.75-34-90-34-34.875 0-70.375 11.375-95 39v1l-1 1c-23.625 29.498-33.25 68.875-27 108 5.75 35.874 26.75 72.375 63 96-0.25 3.622-1 7.249-1 10.999 0 83.375 50.375 156.373 126 207.002 75.625 50.624 177.625 80.998 290 80.998s214.374-30.374 290.001-80.998c75.622-50.628 125.999-123.627 125.999-207.002 0-3.75-0.751-7.377-0.998-10.999 36.25-23.625 57.25-60.126 62.997-96 6.251-39.125-3.375-78.502-26.999-108l-0.998-1c-24.627-27.625-60.126-40-95.002-40-32.252 0-65.25 10.125-90.001 34-64.747-37-144.747-60.375-232.998-65v-108c0-31.375 17.873-53 53.001-53 16.623 0 37.248 7.875 69.001 19 26.999 9.5 61.999 20 106.999 23 10.876 31.25 40.247 54 74.999 54 43.998 0 80-36 80-80s-36.002-80-80-80c-30.251 0-56.375 17.125-69.999 42-38.374-2.25-66.125-10.25-90.999-19-28.877-10.125-55.501-23-90.001-23zM511.996 416c100.877 0 190.874 27.75 253.999 69.999 63.125 42.253 98.001 96.499 98.001 154.001s-34.876 111.748-98.001 154.001c-63.125 42.249-153.122 69.999-253.999 69.999-100.875 0-190.875-27.75-254-69.999-63.125-42.253-98-96.499-98-154.001s34.875-111.748 98-154.001c63.125-42.249 153.125-69.999 254-69.999zM156.995 448c12.125 0 24.125 2.999 34 8-34.75 29.124-61.75 63.748-78 101.999-8.125-10.249-13-22.498-15-34.999-3.5-21.5 2.75-43.75 13-56.998 0.125-0.252-0.125-0.751 0-1.003 9.75-10.249 27-16.998 46-16.998zM866.995 448c18.999 0 36.25 6.75 45.999 16.998 0.128 0.128-0.124 0.875 0 1.003 10.253 13.248 16.499 35.499 13.001 56.998-2.001 12.501-6.874 24.751-14.997 34.999-16.252-38.251-43.251-72.875-78.003-101.999 9.877-5.001 21.875-8 34.001-8zM351.995 512c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM671.996 512c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM679.996 688.998c-36.749 34.125-98.5 56-168 56s-131.25-22.123-168-51.998c20.5 55.501 86.251 106.999 168 106.999s147.499-51.251 168-111.002z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["reddit"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":21,"id":68,"name":"reddit","prevSize":32,"code":59667},"setIdx":0,"setId":3,"iconIdx":45},{"icon":{"paths":["M608 96c-176.375 0-320 143.625-320 320 0 76.625 26.875 146.876 72 202.001l-255 254.997 46 46.003 255-255.002c55.124 45.124 125.375 72 202 72 176.375 0 320-143.625 320-320s-143.625-320-320-320zM608 160c141.751 0 256 114.25 256 256 0 141.751-114.249 256-256 256s-256-114.249-256-256c0-141.75 114.249-256 256-256z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["search-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":22,"id":67,"name":"search-solid","prevSize":32,"code":59668},"setIdx":0,"setId":3,"iconIdx":46},{"icon":{"paths":["M0 192v64h608v480h-197c-14.25-55.002-63.75-96-123-96s-108.75 40.998-123 96h-37v-160h-64v224h101c14.25 55.002 63.75 96 123 96s108.75-40.998 123-96h266.001c14.251 55.002 63.748 96 122.999 96s108.749-40.998 122.999-96h101.001v-261.001l-2.001-5.001-64-191.999-6.997-22h-279.002v-128h-672zM32 320v64h288v-64h-288zM672 384h232.998l55.002 164.002v187.998h-37.001c-14.251-55.002-63.748-96-122.999-96s-108.749 40.998-122.999 96h-5.001v-352zM64 448v64h192v-64h-192zM288 704c35.75 0 64 28.25 64 64s-28.25 64-64 64c-35.75 0-64-28.25-64-64s28.25-64 64-64zM800 704c35.75 0 64 28.25 64 64s-28.25 64-64 64c-35.75 0-64-28.25-64-64s28.25-64 64-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["shipping-fast-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":23,"id":66,"name":"shipping-fast-solid","prevSize":32,"code":59669},"setIdx":0,"setId":3,"iconIdx":47},{"icon":{"paths":["M160.337 213.333c-17.81 0-32.337 15.334-32.337 34.133s14.526 34.133 32.337 34.133h71.747l84.884 358.4c7.2 30.4 32.968 51.2 62.653 51.2h370.864c29.18 0 53.935-20.399 61.641-50.133l83.874-325.333h-541.642l16.169 68.267h441.6l-61.641 238.933h-370.864l-84.884-358.4c-7.2-30.4-32.968-51.2-62.653-51.2h-71.747zM710.063 691.2c-53.18 0-97.011 46.268-97.011 102.4s43.831 102.4 97.011 102.4c53.18 0 97.011-46.268 97.011-102.4s-43.831-102.4-97.011-102.4zM419.031 691.2c-53.179 0-97.010 46.268-97.010 102.4s43.831 102.4 97.010 102.4c53.178 0 97.009-46.268 97.009-102.4s-43.831-102.4-97.009-102.4zM419.031 759.467c18.191 0 32.335 14.933 32.335 34.133s-14.144 34.133-32.335 34.133c-18.189 0-32.337-14.933-32.337-34.133s14.147-34.133 32.337-34.133zM710.063 759.467c18.189 0 32.337 14.933 32.337 34.133s-14.148 34.133-32.337 34.133c-18.189 0-32.337-14.933-32.337-34.133s14.148-34.133 32.337-34.133z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["shopping-cart-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":24,"id":65,"name":"shopping-cart-solid","prevSize":32,"code":59670},"setIdx":0,"setId":3,"iconIdx":48},{"icon":{"paths":["M512 68l-29.001 66-104 233-254 27-72 8 54 48.001 189 170.999-53 250.001-15 69.999 63-36.002 221-128 221.001 128 62.997 36.002-14.997-69.999-53.001-250.001 189.001-170.999 53.999-48.001-72-8-253.999-27-104-233-29.001-66zM512 225l82.001 185 8 16.999 17.997 2.001 201.003 21.001-149.999 134.997-14.003 13.001 4.002 18.001 42.001 197.001-175.002-100.002-16-9.997-16 9.997-175 100.002 42-197.001 4-18.001-14-13.001-150-134.997 219-23.002 7.999-16.999 82.001-185z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["star"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":25,"id":64,"name":"star1","prevSize":32,"code":59671},"setIdx":0,"setId":3,"iconIdx":49},{"icon":{"paths":["M512 76l-29.001 65-104 234-254 26-72 8 54 47.998 189 171.004-53 249.997-15 70.003h1l62-36.002 221-127.002 283.998 163.004-14.997-70.003-53.001-249.997 189.001-171.004 53.999-47.998-72-8-253.999-26-104-234-29.001-65zM512 233l82.001 185 8 16.001 17.997 2.001 202.001 20.996-150.997 136-14.003 12.002 4.002 18.001 42.001 197.999-175.002-101.001-16-8.998v-478.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["star-half-alt-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":26,"id":63,"name":"star-half-alt-solid","prevSize":32,"code":59672},"setIdx":0,"setId":3,"iconIdx":50},{"icon":{"paths":["M970.752 401.5l-325.504-34.375-133.248-298.875-133.25 298.875-325.5 34.375 243.125 219.125-67.875 320.124 283.5-163.499 283.499 163.499-67.874-320.124 243.127-219.125z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["star-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":27,"id":62,"name":"star-solid","prevSize":32,"code":59673},"setIdx":0,"setId":3,"iconIdx":51},{"icon":{"paths":["M906.667 433.139c-77.589 0.179-153.28-23.345-216.371-67.252v306.219c-0.021 56.713-17.852 112.073-51.11 158.669-33.254 46.596-80.35 82.21-134.993 102.084-54.639 19.874-114.214 23.053-170.764 9.118s-107.375-44.318-145.681-87.095c-38.306-42.773-62.266-95.898-68.678-152.269-6.412-56.375 5.033-113.306 32.801-163.183s70.539-90.325 122.591-115.932c52.052-25.608 110.905-35.157 168.692-27.369v154.019c-26.444-8.090-54.839-7.846-81.13 0.695-26.292 8.538-49.136 24.934-65.27 46.848s-24.734 48.222-24.571 75.17c0.163 26.948 9.081 53.158 25.48 74.884s39.44 37.862 65.833 46.097c26.394 8.239 54.789 8.158 81.13-0.23s49.289-24.657 65.553-46.477c16.265-21.82 25.024-48.081 25.024-75.029v-598.627h155.093c-0.107 12.733 0.99 25.449 3.277 37.986 5.389 27.988 16.597 54.613 32.934 78.246 16.333 23.633 37.457 43.778 62.080 59.203 35.025 22.516 76.087 34.516 118.080 34.508v149.717z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["tiktok-filled"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":28,"id":61,"name":"tiktok-filled","prevSize":32,"code":59674},"setIdx":0,"setId":3,"iconIdx":52},{"icon":{"paths":["M231 185l-46 46 281.001 281-281.001 280.998 46 46.003 281-281.003 280.998 281.003 46.003-46.003-281.003-280.998 281.003-281-46.003-46-280.998 281.001-281-281.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["times-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":29,"id":60,"name":"times-solid","prevSize":32,"code":59675},"setIdx":0,"setId":3,"iconIdx":53},{"icon":{"paths":["M512 128c-124.625 0-230.125 22.875-301 44-67.875 20.125-115 83-115 154v90c0 34.999 29 64 64 64h128c35 0 64-29.001 64-64v-84c6-2.75 7.25-3.875 25-9 29.125-8.5 73.624-17 135-17s105.873 8.5 135.002 17c17.749 5.125 18.999 6.25 24.998 9v84c0 34.999 29.001 64 64 64h128c34.999 0 64-29.001 64-64v-90c0-71-47.125-133.75-114.999-154-70.874-21-176.375-44-301.001-44zM512 192c116.749 0 216.623 21.25 282.999 41 41.374 12.25 69.001 50.125 69.001 93v90h-128v-124l-16-9c0 0-20.373-11.875-55.002-22-34.624-10.125-85.5-19-152.998-19s-118.375 8.875-153 19c-34.625 10.125-55 22-55 22l-16 9v124h-128v-90c0-42.875 27.625-80.75 69-93 66.375-19.75 166.25-41 283-41zM320 544c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM512 544c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM704 544c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM320 736c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM512 736c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64zM704 736c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["tty-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":30,"id":59,"name":"tty-solid","prevSize":32,"code":59676},"setIdx":0,"setId":3,"iconIdx":54},{"icon":{"paths":["M896 273.875c-28.25 12.5-58.624 21-90.5 24.75 32.499-19.5 57.502-50.375 69.252-87.125-30.379 18-64.128 31.125-100.002 38.25-28.749-30.625-69.751-49.875-114.999-49.875-87.002 0-157.623 70.625-157.623 157.625 0 12.375 1.374 24.375 4.122 35.875-130.999-6.5-247.124-69.25-324.748-164.625-13.625 23.25-21.375 50.375-21.375 79.25 0 54.625 27.75 102.875 70.125 131.125-25.875-0.875-50.125-7.876-71.375-19.75 0 0.75 0 1.375 0 2 0 76.374 54.25 140.127 126.375 154.501-13.25 3.622-27.125 5.623-41.5 5.623-10.125 0-20.125-0.998-29.625-2.876 20 62.626 78.25 108.126 147.125 109.5-53.875 42.253-121.875 67.375-195.625 67.375-12.75 0-25.25-0.747-37.625-2.249 69.75 44.749 152.5 70.874 241.5 70.874 289.875 0 448.373-240.124 448.373-448.374 0-6.75-0.247-13.625-0.499-20.375 30.75-22.25 57.502-50 78.626-81.5z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["twitter"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":31,"id":58,"name":"twitter","prevSize":32,"code":59677},"setIdx":0,"setId":3,"iconIdx":55},{"icon":{"paths":["M101 128l302.75 432.666-286.833 335.334h112.667l224.582-263.249 184.166 263.249h294.835l-316.668-453.333 268.416-314.667h-110.916l-207.748 242.667-169.501-242.667h-295.75zM264.833 213.333h87.417l417.167 597.333h-86.665l-417.919-597.333z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["twitter-x"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":32,"id":57,"name":"twitter-x","prevSize":32,"code":59678},"setIdx":0,"setId":3,"iconIdx":56},{"icon":{"paths":["M512 160c-123.375 0-224 100.625-224 224 0 77.124 39.375 145.626 99 186.001-114.125 48.998-195 162.249-195 293.999h64c0-141.751 114.25-256 256-256 141.751 0 256 114.249 256 256h64c0-131.75-80.875-245.001-194.999-293.999 59.622-40.375 98.999-108.877 98.999-186.001 0-123.375-100.625-224-224-224zM512 224c88.751 0 160 71.25 160 160s-71.249 160-160 160c-88.75 0-160-71.249-160-160s71.25-160 160-160z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["user-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":33,"id":56,"name":"user-solid","prevSize":32,"code":59679},"setIdx":0,"setId":3,"iconIdx":57},{"icon":{"paths":["M64 256v512h704v-107.998l192 96v-488.002l-192 96v-108h-704zM128 320h576v384h-576v-384zM896 372v279.998l-128-64v-151.996l128-64.002z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["video-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":34,"id":55,"name":"video-solid","prevSize":32,"code":59680},"setIdx":0,"setId":3,"iconIdx":58},{"icon":{"paths":["M512 192c-120.5 0-227 12.5-292 22-53.75 7.875-97.125 48.375-107 102-8.375 45.625-17 112.373-17 196s8.625 150.374 17 196.002c9.875 53.623 53.25 94.246 107 101.999 65.25 9.498 172.125 21.999 292 21.999 119.876 0 226.752-12.501 292.002-21.999 53.747-7.753 97.122-48.375 106.999-101.999 8.375-45.751 16.998-112.627 16.998-196.002s-8.499-150.25-16.998-196c-9.877-53.625-53.252-94.125-106.999-102-65.003-9.5-171.503-22-292.002-22zM512 256c116.25 0 220.126 11.875 282.999 21 26.999 4 48.124 24.375 53.001 51 7.748 42.25 16 104.875 16 184 0 79.002-8.252 141.751-16 184-4.877 26.624-25.873 47.125-53.001 50.999-63.125 9.126-167.501 21.001-282.999 21.001-115.5 0-220-11.874-283-21.001-27-3.874-48.125-24.375-53-50.999-7.75-42.249-16-104.751-16-184 0-79.377 8.25-141.75 16-184 4.875-26.625 25.875-47 53-51 62.75-9.125 166.75-21 283-21zM416 329v366.001l48-27.004 224-128 48-27.998-48-27.998-224-128.002-48-27zM480 439.002l127.002 72.998-127.002 72.998v-145.997z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["youtube"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":35,"id":54,"name":"youtube","prevSize":32,"code":59681},"setIdx":0,"setId":3,"iconIdx":59},{"icon":{"paths":["M896 128v574.938h-63.646v-466.739l-659.802 659.801-44.553-46.673 657.681-657.681h-466.742v-63.646h577.061z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["arrow-top-right"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":36,"id":53,"name":"arrow-top-right","prevSize":32,"code":59682},"setIdx":0,"setId":3,"iconIdx":60},{"icon":{"paths":["M135 345l-46 46 399.998 400.002 23.002 21.999 23.002-21.999 400-400.002-46.003-46-376.998 377.001-377-377.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["angle-down-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":37,"id":52,"name":"angle-down-solid","prevSize":32,"code":59683},"setIdx":0,"setId":3,"iconIdx":61},{"icon":{"paths":["M608.998 137l-351.998 351.998-22 23.002 22 23.002 351.998 352 46.003-46.003-329.002-328.998 329.002-329-46.003-46z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["angle-left-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":38,"id":51,"name":"angle-left-solid","prevSize":32,"code":59684},"setIdx":0,"setId":3,"iconIdx":62},{"icon":{"paths":["M415 137l-46 46 329.001 329-329.001 328.998 46 46.003 352.002-352 21.999-23.002-21.999-23.002-352.002-351.998z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["angle-right-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":39,"id":50,"name":"angle-right-solid","prevSize":32,"code":59685},"setIdx":0,"setId":3,"iconIdx":63},{"icon":{"paths":["M512 211l-23.002 22-399.998 399.998 46 46.003 377-377.002 376.998 377.002 46.003-46.003-400-399.998-23.002-22z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["angle-up-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":40,"id":49,"name":"angle-up-solid","prevSize":32,"code":59686},"setIdx":0,"setId":3,"iconIdx":64},{"icon":{"paths":["M666.999 64c-52.501 0-105.498 27.25-141.001 69v1c-25.25 31.375-52.625 80.875-43.998 138-4.126-1.625-4.378-1.125-9.003-3-22.123-9-49.498-19-81.999-19-127.375 0-224 115.375-224 267 0 98.125 33 190.123 77 258.999 22 34.5 47 62.874 73 83.998 26 21.129 53.25 36.002 84 36.002 30.748 0 53.75-10.377 71-18.001s30.626-13.999 56-13.999c22.874 0 34.5 6.251 52.002 13.999 17.498 7.753 41.374 18.001 72.998 18.001 34.249 0 63.373-16.751 87.002-37.999 23.625-21.252 43.499-48.627 59.998-74.999 16.499-26.377 29.5-52.25 39.002-73.003 4.749-10.372 8.247-18.999 10.999-26.001 2.748-6.997 4.126-8.998 5.999-16.998l5.999-26.001-24-10.999c-5.623-2.5-27.998-13.623-48-33.997-19.998-20.378-37.001-48.252-37.001-91.004 0-41.374 15.876-69.124 33.003-88.998 8.499-9.875 17.374-18 24-23 3.375-2.5 5.999-3.75 8-5s1.626-0.875 5.001-3l26.999-17-18.001-27c-52.25-80.375-135.876-91-168.998-91-15.377 0-26.253 5.375-40 8 7.748-7.25 17.749-11.75 24-20 0.124-0.125-0.128-0.875 0-1 0.375-0.375 0.747-0.625 0.998-1h0.998c34.125-38.125 53.001-89.375 50.001-142l-2.001-30h-29.999zM629.001 138c-5.5 21.125-14.502 41.25-29.001 57l-2.001 2c-12.25 16.5-31.125 28.75-49.997 36 5.248-20.875 14.374-42 26.999-58 0.247-0.375 0.747-0.625 0.998-1 13.999-16 33.374-28 53.001-36zM391 314c17.875 0 37.501 6.75 57.999 15 20.501 8.25 39.625 19 67.004 19 27.247 0 47.872-10.75 71.996-19 24.128-8.25 49.877-15 75.004-15 16.747 0 58.125 10.625 93.001 43-6.127 5.5-11.503 9.5-18.001 17-24.375 28.25-49.003 72.251-49.003 130.999 0 61.001 26.628 106.876 55.002 136 17.626 18.001 28.501 22.251 42.001 30.003-1.749 3.998-2.752 7.125-5.001 11.998-8.627 18.752-20.501 42.752-34.999 66.001-14.502 23.249-32.128 45.875-49.003 61.001s-32 21.999-43.998 21.999c-18.125 0-28.749-5.001-47.002-13.001-18.249-8-43.375-18.999-77.999-18.999-36.373 0-63.249 10.752-82.001 18.999-18.748 8.252-28.499 13.001-44.999 13.001-7.875 0-24.875-6.374-44-21.999s-40.125-39.377-59-69.001c-37.875-59.251-67-140.625-67-224 0-126.126 70.375-203 160-203z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["apple"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":41,"id":48,"name":"apple","prevSize":32,"code":59687},"setIdx":0,"setId":3,"iconIdx":65},{"icon":{"paths":["M192 192c-52.625 0-96 43.375-96 96v216.998c-19.5 17.626-32 42.876-32 71.002v288h160v-64h576v64h160v-288c0-28.126-12.501-53.376-32-71.002v-216.998c0-52.625-43.375-96-96-96h-640zM192 256h640c17.749 0 32 14.25 32 32v192h-64v-32c0-52.625-43.375-96-96-96h-128c-24.499 0-47.002 9.625-64 25-16.998-15.375-39.501-25-64-25h-128c-52.625 0-96 43.375-96 96v32h-64v-192c0-17.75 14.25-32 32-32zM320 416h128c17.749 0 32 14.251 32 32v32h-192v-32c0-17.749 14.25-32 32-32zM576 416h128c17.749 0 32 14.251 32 32v32h-192v-32c0-17.749 14.251-32 32-32zM160 544h704c17.749 0 32 14.251 32 32v224h-32v-64h-704v64h-32v-224c0-17.749 14.25-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["bed-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":42,"id":47,"name":"bed-solid","prevSize":32,"code":59688},"setIdx":0,"setId":3,"iconIdx":66},{"icon":{"paths":["M32 216v592h286c26.5 0 209.002-5.376 209.002-172.002 0-104.124-71.625-139.499-108.002-149.999 26.752-12.625 80-42.624 80-122.999 0-44.75-6.374-147-189-147h-278zM683.998 271v54h221.001v-54h-221.001zM162 317h122c11.5 0 89-6.125 89 68 0 63.375-56 70.001-79 70.001h-132v-138.001zM800 374c-167.125 0-202.001 145.126-202.001 207.999 0 186.624 153.003 208 202.001 208 132.126 0 169.626-85.5 184.998-133.001h-96c-3.75 12.25-31.748 52.002-84.996 52.002-89.25 0-97.003-69.751-97.003-101.001h284.002c5.747-107.998-41.502-234-191.002-234zM797.001 455.002c26.624 0 48.124 7.748 61.001 21.999 12.873 14.374 22.374 35.375 24.998 62.997h-176c0.499-7.625 2.249-16.371 5.001-25.997 2.752-9.877 7.002-19.251 13.999-28.002 7.002-8.623 16.751-16.124 28.002-21.999 11.499-5.999 25.749-8.998 42.999-8.998zM162 544h141c28 0 94 4.373 94 85.001 0 78.123-83.125 77.999-96 77.999h-139v-162.999z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["behance"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":43,"id":46,"name":"behance","prevSize":32,"code":59689},"setIdx":0,"setId":3,"iconIdx":67},{"icon":{"paths":["M512 96c-35.375 0-64 28.625-64 64 0 2.75 0.623 5.375 0.998 8-110.624 28.25-192.998 128.75-192.998 248v288c0 18.125-13.875 32-32 32h-32v64h230c-3.625 10.125-6 20.749-6 32 0 52.625 43.375 96 96 96s96-43.375 96-96c0-11.251-2.377-21.875-5.999-32h229.999v-64h-32c-18.125 0-32-13.875-32-32v-279c0-120.25-80.375-227.5-192.998-257 0.375-2.625 0.998-5.25 0.998-8 0-35.375-28.625-64-64-64zM498.001 224c4.625-0.375 9.25 0 13.999 0 2.001 0 4.002 0 5.999 0 104.499 3.125 186.001 94.75 186.001 201v279c0 11.251 2.377 21.875 5.999 32h-395.999c3.625-10.125 6-20.749 6-32v-288c0-101.625 78.25-184.75 178.001-192zM512 800c18.001 0 32 13.999 32 32s-13.999 32-32 32c-18.001 0-32-13.999-32-32s13.999-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["bell"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":44,"id":45,"name":"bell","prevSize":32,"code":59690},"setIdx":0,"setId":3,"iconIdx":68},{"icon":{"paths":["M384 192v96h-198c-13.375-37-48.625-64-90-64-52.625 0-96 43.375-96 96s43.375 96 96 96c41.375 0 76.625-27 90-64h74c-13.125 12.5-24.5 26.125-35 41-37 52.376-58.75 116.999-64 183h-97v256h256v-256h-94c5.25-53.5 22.75-106.001 51-146.001 27.5-38.999 62.875-66.249 107-74.999v93h256v-93c44.126 8.75 79.501 36 106.999 74.999 28.25 40 45.751 92.501 50.999 146.001h-93.999v256h256v-256h-96.998c-5.252-66.001-26.999-130.624-64-183-10.5-14.875-21.875-28.5-35.004-41h74.001c13.376 37 48.627 64 90.001 64 52.625 0 96-43.375 96-96s-43.375-96-96-96c-41.374 0-76.625 27-90.001 64h-197.999v-96h-256zM448 256h128v128h-128v-128zM96 288c18 0 32 14 32 32s-14 32-32 32c-18 0-32-14-32-32s14-32 32-32zM928 288c18.001 0 32 14 32 32s-13.999 32-32 32c-18.001 0-32-14-32-32s13.999-32 32-32zM128 640h128v128h-128v-128zM768 640h128v128h-128v-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["bezier-curve-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":45,"id":44,"name":"bezier-curve-solid","prevSize":32,"code":59691},"setIdx":0,"setId":3,"iconIdx":69},{"icon":{"paths":["M640 147l-55.002 54-287.998 287.998-22 23.002 22 23.002 287.998 288 55.002 53.999v-730.001zM576 302v420.001l-210-210.001 210-210z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["caret-left-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":46,"id":43,"name":"caret-left-solid","prevSize":32,"code":59692},"setIdx":0,"setId":3,"iconIdx":70},{"icon":{"paths":["M384 147v730.001l55.002-53.999 288-288 21.999-23.002-21.999-23.002-288-287.998-55.002-54zM448 302l210.001 210-210.001 210.001v-420.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["caret-right-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":47,"id":42,"name":"caret-right-solid","prevSize":32,"code":59693},"setIdx":0,"setId":3,"iconIdx":71},{"icon":{"paths":["M896 130l-52.002 40-147.998 116-191.002-32-10.999 7-181.999 121-146-29-38-8v551h768v-766zM832 261v171.998l-135.002 106.999-189.999-62.997-13.001 8-177.999 118.997-124-49.997v-131.001l122 24.002 13 2.999 11-7.002 181.001-120.999 179.998 30 13.999 2 11.004-9 107.998-84zM832 514.999v317.001h-640v-208l116 45.999 16 6.003 14-9.003 179.999-120 176 58.999 16 6.003 14.003-11.004 107.998-85.999z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["chart-area-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":48,"id":41,"name":"chart-area-solid","prevSize":32,"code":59694},"setIdx":0,"setId":3,"iconIdx":72},{"icon":{"paths":["M871.002 172l-112 140-105.003-53-24.998-12-16 23-109.001 164.001-101-76.001-19-14-19 14-116 87.001-113-28-16 62.001 128 32 15 3.998 12-8.998 109-82.001 109.001 82.001 26.999 19.998 18.999-27.998 112-168.001 103.002 51 22.997 11 144-180-49.997-40zM642.001 586.001l-26.999 33.997-109.001 136.004-103.001-78.003-19-13.999-19 13.999-112 84.002-111-55.002-28 58.001 128 64 17 8 16-10.999 109-82.001 109.001 82.001 24.998 17.997 18.999-23.996 100.002-125.001 104 154.999 24.998 35.998 26.999-33.997 128-160-49.997-40.004-100.002 125.001-104-154.999-24.998-35.998z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["chart-line-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":49,"id":40,"name":"chart-line-solid","prevSize":32,"code":59695},"setIdx":0,"setId":3,"iconIdx":73},{"icon":{"paths":["M904.998 201l-552.998 553.001-233-233.003-46 46.003 256 256 23 21.999 23-21.999 576.002-576.002-46.003-46z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["check-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":50,"id":39,"name":"check-solid","prevSize":32,"code":59696},"setIdx":0,"setId":3,"iconIdx":74},{"icon":{"paths":["M512 128c-211.75 0-384 172.25-384 384s172.25 384 384 384c211.75 0 384-172.25 384-384s-172.25-384-384-384zM512 192c177.126 0 320 142.875 320 320 0 177.126-142.874 320-320 320-177.125 0-320-142.874-320-320 0-177.125 142.875-320 320-320zM480 256v288h224v-64h-160v-224h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["clock-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":51,"id":38,"name":"clock-solid","prevSize":32,"code":59697},"setIdx":0,"setId":3,"iconIdx":75},{"icon":{"paths":["M576 160l-192 704h64l192-704h-64zM254 205l-216 288-14 18.999 14 18.999 216 288 52-37.999-202-269.001 202-269-52-38zM770.001 205l-52.002 38 202.001 269-202.001 269.001 52.002 37.999 216-288 13.999-18.999-13.999-18.999-216-288z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["code-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":52,"id":37,"name":"code-solid","prevSize":32,"code":59698},"setIdx":0,"setId":3,"iconIdx":76},{"icon":{"paths":["M422 96l-5 26-19 95c-30.5 12-58 28.875-83 49l-93-32-25-8-13 23-64 110-13 23 19 17 72 62.999c-2.625 16.375-6 32.751-6 50.001s3.375 33.626 6 50.001l-72 62.997-19 17.003 13 22.997 64 110.003 13 22.997 25-8 93-32c25 20.126 52.5 37.001 83 49.003l19 94.997 5 26.001h180.001l5.001-26.001 18.999-94.997c30.498-12.002 57.997-28.877 82.999-49.003l93.001 32 24.998 8 13.001-22.997 64-110.003 13.001-22.997-18.999-17.003-72-62.997c2.624-16.375 5.999-32.751 5.999-50.001s-3.375-33.626-5.999-50.001l72-62.999 18.999-17-13.001-23-64-110-13.001-23-24.998 8-93.001 32c-25.003-20.125-52.501-37-82.999-49l-18.999-95-5.001-26h-180.001zM474.001 160h75.998l16 83 4.002 19 17.997 6c36.378 11.375 69.376 30.625 97.003 56l13.999 13 18.001-6 80.998-28 38.003 65-64 57-15.002 12 5.001 18.999c4.126 18.249 5.999 36.877 5.999 56s-1.873 37.751-5.999 56l-4.002 18.999 14.003 12.002 64 56.998-38.003 64.998-80.998-27.998-18.001-5.999-13.999 12.996c-27.627 25.378-60.625 44.625-97.003 56.004l-17.997 5.999-4.002 18.999-16 82.999h-75.998l-16-82.999-4.002-18.999-17.997-5.999c-36.377-11.379-69.377-30.626-97.002-56.004l-14-12.996-18 5.999-81 27.998-38-64.998 64-56.998 15-12.002-5-18.999c-4.125-18.249-6-36.877-6-56s1.875-37.751 6-56l5-18.999-15-12-64-57 38-65 81 28 18 6 14-13c27.625-25.375 60.625-44.625 97.002-56l17.997-6 4.002-19 16-83zM512 352c-88 0-160 72-160 160s72 160 160 160c88 0 160-72 160-160s-72-160-160-160zM512 416c53.376 0 96 42.624 96 96s-42.624 96-96 96c-53.376 0-96-42.624-96-96s42.624-96 96-96z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["cog-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":53,"id":36,"name":"cog-solid","prevSize":32,"code":59699},"setIdx":0,"setId":3,"iconIdx":77},{"icon":{"paths":["M480 128v36c-21.124 4.125-41.626 11.375-59 23l-25-25-46 45 26 26c-10.875 16.5-18.875 35.125-23 55h-33v64h33c4.125 19.875 12.125 38.5 23 55l-26 25.999 46 45.001 25-24.998c17.374 11.622 37.876 18.876 59 22.997v36.002h64v-36.002c19.499-4.25 37.875-11.247 53.999-21.999l24 24 45.001-45.001-24-23.998c11.499-17 19.75-36.25 24-57h37.001v-64h-37.001c-4.25-20.75-12.501-40-24-57l24-24-45.001-45-24 24c-16.124-10.75-34.5-17.75-53.999-22v-36h-64zM509.999 224c53.376 0 96 42.625 96 96s-42.624 96-96 96c-53.376 0-95.999-42.625-95.999-96s42.623-96 95.999-96zM256 512v34.999c-21.5 4.126-41.5 12.126-59 24l-25-24.998-46 45.001 26 25.997c-10.875 16.627-18.875 34.999-23 55.002h-33v64h33c4.125 20.002 12.125 38.374 23 55.002l-26 25.997 46 45.001 25-24.998c17.5 11.874 37.5 19.874 59 24v34.999h64v-36.002c19.5-4.25 37.875-11.247 54-21.999l24 24 45-45.001-24-24c11.375-16.747 19.626-35.622 24-56l37.999-0.998-1.997-64-36.002 0.998c-4.25-21.124-12.25-40.747-24-57.997l24-24-45-45.001-24 24c-16.125-10.752-34.5-17.749-54-21.999v-36.002h-64zM704 512v36.002c-21.124 4.122-41.626 11.375-58.999 22.997l-25.003-24.998-45.999 45.001 26.001 25.997c-10.876 16.503-18.876 35.127-23.002 55.002h-32.998v64h32.998c4.126 19.874 12.126 38.498 23.002 55.002l-26.001 25.997 45.999 45.001 25.003-24.998c17.374 11.622 37.875 18.876 58.999 22.997v36.002h64v-36.002c19.375-4.25 36.877-12.373 53.001-22.997l24.998 24.998 45.001-45.001-24-24c11.499-16.747 19.627-35.499 24-56l37.999-0.998-1.997-64-36.002 0.998c-4.126-20.873-13.5-39.872-24.998-56.998l24.998-24.998-45.001-45.001-24.998 24.998c-15.876-10.377-34.001-17.749-53.001-21.999v-37.001h-64zM286 608c53.375 0 96 42.624 96 96s-42.625 96-96 96c-53.375 0-96-42.624-96-96s42.625-96 96-96zM733.999 608c53.376 0 96 42.624 96 96s-42.624 96-96 96c-53.376 0-96-42.624-96-96s42.624-96 96-96z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["cogs-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":54,"id":35,"name":"cogs-solid","prevSize":32,"code":59700},"setIdx":0,"setId":3,"iconIdx":78},{"icon":{"paths":["M237.846 195.18c74.667-73.231 164.41-109.846 269.23-109.846s193.847 36.615 267.076 109.846c74.667 71.795 112 158.667 112 260.616 0 97.643-36.612 196.719-109.845 297.229-71.795 100.514-161.536 176.619-269.231 228.309v-152.922c-104.82 0-194.563-36.617-269.23-109.85-73.231-73.229-109.846-160.819-109.846-262.767 0-101.949 36.615-188.821 109.846-260.616zM485.538 479.488v-131.386h-133.538v131.386h66.769l-45.231 86.153h66.769l45.231-86.153zM662.153 479.488v-131.386h-133.538v131.386h66.769l-43.076 86.153h66.769l43.076-86.153z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["comment-quote"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":55,"id":34,"name":"comment-quote","prevSize":32,"code":59701},"setIdx":0,"setId":3,"iconIdx":79},{"icon":{"paths":["M96 192v640h306.75l109.25 109.248 109.248-109.248h306.752v-640h-832zM160 256h704v512h-269.248l-82.752 82.752-82.752-82.752h-269.248v-512zM288 352v64h448v-64h-448zM288 480v64h448v-64h-448zM288 608v64h320v-64h-320z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["comment-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":56,"id":33,"name":"comment-solid","prevSize":32,"code":59702},"setIdx":0,"setId":3,"iconIdx":80},{"icon":{"paths":["M64 160v512h128v162.999l52-42.001 151-120.998h309v-512h-640zM128 224h512v384h-267l-9 7.002-108 85.999v-93.001h-128v-384zM768 288v64h128v384h-128v93.001l-117.001-93.001h-240l-80 64h298.001l202.999 162.999v-162.999h128v-512h-192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["comments-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":57,"id":32,"name":"comments-solid","prevSize":32,"code":59703},"setIdx":0,"setId":3,"iconIdx":81},{"icon":{"paths":["M192 224c-52.625 0-96 43.375-96 96v70c-37 13.375-64 48.626-64 90v352h64v-64h832v64h64v-352c0-41.374-26.999-76.625-64-90v-70c0-52.625-43.375-96-96-96h-640zM192 288h640c17.749 0 32 14.25 32 32v70c-37.001 13.375-64 48.626-64 90v64h-576v-64c0-41.374-27-76.625-64-90v-70c0-17.75 14.25-32 32-32zM128 448c17.75 0 32 14.251 32 32v128h704v-128c0-17.749 14.251-32 32-32s32 14.251 32 32v224h-832v-224c0-17.749 14.25-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["couch-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":58,"id":31,"name":"couch-solid","prevSize":32,"code":59704},"setIdx":0,"setId":3,"iconIdx":82},{"icon":{"paths":["M160 192c-52.625 0-96 43.375-96 96v448c0 52.625 43.375 96 96 96h704c52.625 0 96-43.375 96-96v-448c0-52.625-43.375-96-96-96h-704zM160 256h704c18.125 0 32 13.875 32 32v64h-736v64h736v320c0 18.125-13.875 32-32 32h-704c-18.125 0-32-13.875-32-32v-448c0-18.125 13.875-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["credit-card-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":59,"id":30,"name":"credit-card-solid","prevSize":32,"code":59705},"setIdx":0,"setId":3,"iconIdx":83},{"icon":{"paths":["M256 128v128h-128v64h128v448h448v128h64v-128h128v-64h-576v-576h-64zM384 256v64h320v320h64v-384h-384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["crop-alt-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":60,"id":29,"name":"crop-alt-solid","prevSize":32,"code":59706},"setIdx":0,"setId":3,"iconIdx":84},{"icon":{"paths":["M512 96c-52.625 0-96 43.375-96 96 0 36 20.25 67.625 50.001 84l-94.001 188-147-105c19.25-17.625 31-43.125 31-71 0-52.625-43.375-96-96-96s-96 43.375-96 96c0 43.125 29.625 79 69 91l59 325v160h640v-160l58.999-325c39.377-12 69.001-47.875 69.001-91 0-52.625-43.375-96-96-96s-96 43.375-96 96c0 27.875 11.75 53.375 31.002 71l-147.004 105-93.999-188c29.751-16.375 50.001-48 50.001-84 0-52.625-43.375-96-96-96zM512 160c18.001 0 32 14 32 32s-13.999 32-32 32c-18.001 0-32-14-32-32s13.999-32 32-32zM160 256c18 0 32 14 32 32s-14 32-32 32c-18 0-32-14-32-32s14-32 32-32zM864 256c18.001 0 32 14 32 32s-13.999 32-32 32c-18.001 0-32-14-32-32s13.999-32 32-32zM512 328l98.999 197.999 48 12.002 160-114.001-45.001 248h-523.999l-45-248 160 114.001 48-12.002 99-197.999zM256 736h512v64h-512v-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["crown-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":61,"id":28,"name":"crown-solid","prevSize":32,"code":59707},"setIdx":0,"setId":3,"iconIdx":85},{"icon":{"paths":["M64 192v576h416v64h-160v64h384v-64h-160v-64h416v-576h-896zM128 256h768v448h-768v-448z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["desktop-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":62,"id":27,"name":"desktop-solid","prevSize":32,"code":59708},"setIdx":0,"setId":3,"iconIdx":86},{"icon":{"paths":["M480 128v530.001l-169-169.003-46 46.003 223.998 224 23.002 21.999 23.002-21.999 224-224-46.003-46.003-168.998 169.003v-530.001h-64zM224 832v64h576v-64h-576z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["download-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":63,"id":26,"name":"download-solid","prevSize":32,"code":59709},"setIdx":0,"setId":3,"iconIdx":87},{"icon":{"paths":["M512 128c-211.75 0-384 172.25-384 384s172.25 384 384 384c211.75 0 384-172.25 384-384s-172.25-384-384-384zM512 192c81.126 0 154.624 30.5 210.999 80-5.999 8.375-14.123 18.5-26.999 31-27.375 26.5-71.125 58.375-138.001 83-45.248-83.625-89.626-146.5-118.997-186 23.373-5.375 47.872-8 72.998-8zM376 222c26.25 34.375 72.998 98.125 120 183-130.125 34.501-249.5 38.874-297 38.998 21.25-98.873 87.75-180.248 177-221.998zM767.002 319c38.997 51.625 63.249 115.5 64.998 185-28.501-6.374-70.498-12.625-125.001-13.001-28.373-0.124-60.501 1.877-94.997 5.999-8.004-18.249-16.627-35.874-25.003-53.001 71.753-27.498 120.627-63.748 153.003-94.998 10.999-10.75 19.622-20.625 26.999-30zM525.001 463.002c7.373 14.874 14.874 30.123 21.999 45.999-136.75 37.875-234.999 153.873-277 211.998-48.375-56-78-128.998-78-208.998 0-1.374 0-2.624 0-4.002 43.25 0.503 180.75-2.496 333.001-44.996zM706.999 554.001c57.126 0 96.627 8 120 13.999-14.874 85.248-63.002 158.374-130.999 205.999-12.749-76.497-33.749-149.248-58.999-216 25.25-2.5 49.126-3.998 69.999-3.998zM571.998 568.998c28.753 73.003 52.877 153.126 65.003 238.003-38.251 16.124-80.751 24.998-125.001 24.998-73.374 0-141.125-24.623-195-66.001 32.875-45.001 129.498-164.749 254.998-197.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["dribbble"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":64,"id":25,"name":"dribbble","prevSize":32,"code":59710},"setIdx":0,"setId":3,"iconIdx":88},{"icon":{"paths":["M96 256v576h832v-576h-832zM234 320h555.999l-277.999 184.998-278-184.998zM160 348l333.999 222.999 18.001 10.999 18.001-10.999 333.999-222.999v420h-704v-420z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["envelope-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":65,"id":24,"name":"envelope-solid","prevSize":32,"code":59711},"setIdx":0,"setId":3,"iconIdx":89},{"icon":{"paths":["M512 256c-266.75 0-472 234.999-472 234.999l-19 21.001 19 21.001c0 0 187.125 213.376 435.998 232.998 11.878 1.502 23.753 2.001 36.002 2.001s24.124-0.499 36.002-2.001c248.875-19.622 435.998-232.998 435.998-232.998l18.999-21.001-18.999-21.001c0 0-205.248-234.999-472-234.999zM512 320c70.498 0 135.501 19.25 192 45 20.373 33.75 32 72.623 32 115 0 115.627-86.75 210.624-199.002 223.002-0.623 0.124-1.374-0.128-1.997 0-7.625 0.375-15.253 0.998-23.002 0.998-8.499 0-16.751-0.499-24.998-0.998-112.252-12.378-199.002-107.375-199.002-223.002 0-41.749 11.25-80.625 31-114h-1c57-26.25 122.751-46 194-46zM512 384c-53.001 0-96 42.999-96 96s42.999 96 96 96c53.001 0 96-42.999 96-96s-42.999-96-96-96zM232 414c-5 21.499-8 43.127-8 66 0 56.124 16 108.625 44 152.998-80.625-46.622-136.625-102.246-155-120.998 15.375-15.748 58.25-57.502 119-98zM792 414c60.749 40.498 103.625 82.252 119.002 98-18.377 18.752-74.377 74.377-154.999 120.998 27.998-44.373 43.998-96.875 43.998-152.998 0-22.874-2.999-44.749-8-66z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["eye"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":66,"id":23,"name":"eye","prevSize":32,"code":59712},"setIdx":0,"setId":3,"iconIdx":90},{"icon":{"paths":["M616.124 64c-126.144 0-200.124 66.63-200.124 218.438v133.562h-160v160h160v384h160v-384h128l32-160h-160v-106.5c0-57.184 18.65-85.5 72.311-85.5h87.689v-153.437c-15.168-2.048-59.362-6.563-119.876-6.563z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["facebook-f"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":67,"id":22,"name":"facebook-f","prevSize":32,"code":59713},"setIdx":0,"setId":3,"iconIdx":91},{"icon":{"paths":["M512 128c-212.125 0-384 171.875-384 384 0 169.626 110 313.626 262.625 364.373 19.25 3.503 26.25-8.247 26.25-18.5 0-9.122-0.375-33.25-0.5-65.25-106.875 23.125-129.375-51.499-129.375-51.499-17.5-44.373-42.625-56.247-42.625-56.247-34.875-23.753 2.625-23.253 2.625-23.253 38.5 2.752 58.75 39.501 58.75 39.501 34.25 58.752 89.875 41.749 111.75 32 3.5-24.875 13.501-41.749 24.373-51.375-85.248-9.626-174.873-42.624-174.873-189.751 0-41.997 15-76.248 39.5-103.123-3.875-9.625-17.125-48.75 3.75-101.625 0 0 32.25-10.25 105.625 39.375 30.623-8.5 63.502-12.75 96.125-12.875 32.623 0.125 65.502 4.375 96.124 12.875 73.378-49.625 105.502-39.375 105.502-39.375 21.001 52.875 7.876 92 3.874 101.625 24.627 26.875 39.377 61.126 39.377 103.123 0 147.503-89.754 179.878-175.253 189.504 13.751 11.746 26.001 35.247 26.001 70.997 0 51.375-0.375 92.749-0.375 105.374 0 10.253 6.878 22.251 26.377 18.5 152.499-50.871 262.374-194.748 262.374-364.373 0-212.125-171.874-384-384-384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["github"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":68,"id":21,"name":"github","prevSize":32,"code":59714},"setIdx":0,"setId":3,"iconIdx":92},{"icon":{"paths":["M513.519 113.781c53.922 0 105.25 10.369 153.984 31.108 49.775 20.739 92.288 49.255 127.548 85.548 35.255 36.293 63.253 78.808 83.989 127.544 21.777 47.699 32.145 99.029 31.108 153.988 1.037 54.955-9.331 106.803-31.108 155.541-20.736 47.697-48.734 89.694-83.989 125.986-35.26 36.292-77.773 64.811-127.548 85.551-48.734 20.736-100.062 31.108-153.984 31.108-54.959 0-106.806-10.372-155.542-31.108-47.7-20.74-89.696-49.259-125.989-85.551s-64.809-78.289-85.548-125.986c-20.739-48.738-31.627-100.587-32.663-155.541 1.037-54.959 11.925-106.289 32.663-153.988 20.739-48.736 49.255-91.251 85.548-127.544s78.289-64.809 125.989-85.548c48.736-20.739 100.583-31.108 155.542-31.108zM161.994 535.3c2.074 12.442 3.63 24.887 4.666 37.329 2.074 12.442 5.185 24.887 9.332 37.329 4.148 11.409 7.777 22.814 10.888 34.219 4.148 10.372 9.851 20.74 17.109 31.108h119.767c-2.074-11.405-4.666-22.81-7.777-34.219-3.111-11.405-5.703-22.81-7.777-34.219-1.037-11.405-2.592-22.814-4.666-34.219-2.074-12.442-2.592-24.887-1.556-37.329h-139.988zM301.981 488.636c-1.037-12.442-0.518-24.367 1.556-35.772 2.074-12.446 3.629-24.371 4.666-35.776 1.037-11.407 3.111-22.813 6.222-34.219 4.148-11.407 7.259-22.813 9.332-34.219h-119.767c-7.258 10.369-12.962 21.257-17.109 32.663-3.111 10.37-6.74 21.776-10.888 34.22-4.148 11.407-7.258 23.333-9.332 35.774-1.037 12.442-2.592 24.887-4.666 37.329h139.988zM373.531 348.649c-3.111 10.369-6.74 21.776-10.888 34.219-3.111 11.407-5.703 22.813-7.777 34.219-1.037 11.405-2.592 23.331-4.666 35.776-2.074 11.405-2.592 23.33-1.555 35.772h328.194c0-12.442-1.037-24.367-3.11-35.772-1.037-12.446-2.594-24.371-4.668-35.776-2.074-11.407-5.184-22.813-9.331-34.219-3.11-12.443-5.705-23.85-7.778-34.219h-278.42zM348.644 535.3c-1.037 12.442-0.519 24.887 1.555 37.329 2.074 11.405 4.148 22.814 6.222 34.219 2.074 11.409 4.666 23.33 7.777 35.776 3.111 11.405 6.222 22.293 9.332 32.661h278.42c2.074-10.368 4.668-21.257 7.778-32.661 4.147-12.446 7.258-24.367 9.331-35.776 2.074-11.405 3.631-22.814 4.668-34.219 2.074-12.442 3.11-24.887 3.11-37.329h-328.194zM723.499 535.3c0 12.442-1.037 24.887-3.11 37.329-1.037 11.405-2.59 22.814-4.668 34.219-1.037 11.409-3.11 22.814-6.221 34.219-3.11 11.409-6.221 22.814-9.331 34.219h122.876c7.262-10.368 12.446-20.736 15.556-31.108 4.147-11.405 8.294-22.81 12.442-34.219 4.151-12.442 6.741-24.887 7.778-37.329 2.074-12.442 4.147-24.887 6.221-37.329h-141.542zM725.056 488.636h138.432c0-12.442-1.557-24.887-4.668-37.329-2.074-12.442-4.663-24.367-7.778-35.774-3.11-12.443-7.258-23.85-12.442-34.22-4.147-11.406-8.815-22.294-13.999-32.663h-124.433c4.147 11.407 7.258 22.813 9.331 34.219s4.147 22.813 6.221 34.219c3.115 11.405 4.668 23.331 4.668 35.776 1.037 11.405 2.594 23.33 4.668 35.772zM793.493 300.431h1.557c-12.446-14.517-25.408-27.997-38.886-40.441-12.446-13.481-26.961-25.405-43.554-35.775-15.552-11.407-31.625-21.257-48.218-29.553-16.589-8.295-34.735-15.036-54.438-20.22 8.294 10.369 15.556 20.739 21.777 31.108 6.221 9.332 12.442 19.702 18.662 31.108 7.262 10.369 12.962 21.257 17.109 32.664 5.188 10.369 10.889 20.739 17.109 31.108h108.881zM538.406 161.999h1.553c-3.11 0-5.7 0-7.778 0-1.037 0-3.11 0-6.221 0-2.074-1.037-4.147-1.556-6.221-1.556-1.037 0-3.631 0-7.778 0-1.037 0-3.11 0-6.221 0-2.074 0-4.147 0.518-6.221 1.556-2.074 0-4.668 0-7.778 0-2.074 0-4.147 0-6.221 0-10.368 10.369-19.703 21.257-27.998 32.663s-16.593 22.813-24.887 34.22c-8.295 11.406-15.553 23.331-21.775 35.774-5.185 11.407-11.407 23.331-18.665 35.775h241.088c-7.258-12.443-13.999-24.368-20.22-35.775-6.221-12.443-13.478-24.368-21.777-35.774-8.294-11.407-16.589-22.813-24.883-34.22-7.262-11.406-16.593-22.294-27.998-32.663zM412.416 175.998h1.556c-18.665 5.185-36.293 11.925-52.884 20.221s-32.664 17.628-48.218 27.997c-15.554 10.369-30.071 22.294-43.552 35.775-12.444 12.443-24.887 25.923-37.33 40.441h110.435c3.111-10.369 7.777-20.739 13.999-31.108 6.222-11.407 11.925-22.295 17.11-32.664s11.406-20.739 18.665-31.108c7.258-10.37 13.999-20.221 20.22-29.553zM231.988 723.503h1.556c10.369 14.519 22.294 28.518 35.775 41.997 14.517 12.446 29.034 23.851 43.552 34.219 14.517 10.372 30.59 19.703 48.218 27.998 17.628 8.299 35.256 15.556 52.884 21.777-7.258-10.368-14.517-20.74-21.776-31.108s-13.481-20.74-18.665-31.108c-5.185-10.368-10.888-20.74-17.11-31.108-6.222-11.405-10.888-22.293-13.999-32.666h-110.435zM485.521 861.935h1.553c1.041 0 2.594 0 4.668 0 3.11 0 5.705 0 7.778 0 2.074 1.041 4.147 1.557 6.221 1.557 3.11 0 5.184 0 6.221 0 4.147 0 6.741 0 7.778 0 2.074 0 4.147-0.516 6.221-1.557 3.11 0 5.184 0 6.221 0 2.078 0 4.668 0 7.778 0 8.294-10.368 17.109-21.257 26.445-32.661 9.331-11.405 17.626-22.814 24.883-34.219 7.262-11.409 14.519-22.814 21.777-34.219 7.258-12.446 13.483-24.887 18.667-37.333h-237.98c5.185 12.446 11.407 24.887 18.665 37.333 7.259 11.405 14.519 22.81 21.777 34.219 7.258 11.405 15.036 22.814 23.33 34.219 9.331 11.405 18.667 22.293 27.998 32.661zM609.954 849.493h1.557c17.626-5.184 35.255-11.925 52.881-20.22 17.63-8.294 33.702-17.63 48.218-27.998 15.556-11.405 30.071-23.33 43.554-35.776 14.515-13.478 26.961-27.477 37.329-41.997h-108.881c-6.221 10.372-11.921 21.261-17.109 32.666-4.147 10.368-9.847 21.257-17.109 32.666-6.221 10.368-12.442 20.736-18.662 31.108-6.221 9.331-13.483 19.183-21.777 29.551z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["global"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":69,"id":20,"name":"global","prevSize":32,"code":59715},"setIdx":0,"setId":3,"iconIdx":93},{"icon":{"paths":["M96 352v64h832v-64h-832zM96 608v64h832v-64h-832z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["grip-lines-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":70,"id":19,"name":"grip-lines-solid","prevSize":32,"code":59716},"setIdx":0,"setId":3,"iconIdx":94},{"icon":{"paths":["M352 96v832h64v-832h-64zM608 96v832h64v-832h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["grip-lines-vertical-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":71,"id":18,"name":"grip-lines-vertical-solid","prevSize":32,"code":59717},"setIdx":0,"setId":3,"iconIdx":95},{"icon":{"paths":["M304 160c-132.375 0-240 108.875-240 240 0 45.751 20.75 85.376 40 114.001s39 46.997 39 46.997l369 370.001 23.002-23.002 345.997-346.999c0 0 79.002-69.623 79.002-160.998 0-131.125-107.627-240-240-240-109.875 0-180.625 66.125-208 94-27.375-27.875-98.125-94-208-94zM304 224c95.625 0 184 93 184 93l24 27 24-27c0 0 88.375-93 184-93 97.374 0 176 79.875 176 176 0 49.374-59.998 116.002-59.998 116.002l-324.002 323.998-324-323.998c0 0-15.5-14.878-31-38.003s-29-53.249-29-77.999c0-96.125 78.625-176 176-176z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["heart"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":72,"id":17,"name":"heart","prevSize":32,"code":59718},"setIdx":0,"setId":3,"iconIdx":96},{"icon":{"paths":["M720 160c-92.544 0-170.462 57.728-208 91.328-37.538-33.6-115.456-91.328-208-91.328-132.352 0-240 107.648-240 240 0 82.88 75.68 158.302 78.72 161.314l369.28 369.276 369.088-369.084c3.23-3.2 78.912-78.626 78.912-161.506 0-132.352-107.648-240-240-240z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["heart-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":73,"id":16,"name":"heart-solid","prevSize":32,"code":59719},"setIdx":0,"setId":3,"iconIdx":97},{"icon":{"paths":["M512 96c-229.375 0-416 186.625-416 416s186.625 416 416 416c229.376 0 416-186.624 416-416s-186.624-416-416-416zM512 160c194.752 0 352 157.25 352 352 0 194.752-157.248 352-352 352-194.75 0-352-157.248-352-352 0-194.75 157.25-352 352-352zM480 320v64h64v-64h-64zM480 448v256h64v-256h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["info-circle-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":89,"id":15,"name":"info-circle-solid","prevSize":32,"code":59720},"setIdx":0,"setId":3,"iconIdx":98},{"icon":{"paths":["M367 160c-113.625 0-207 93.25-207 207v289.999c0 113.626 93.25 207.002 207 207.002h289.999c113.626 0 207.002-93.248 207.002-207.002v-289.999c0-113.625-93.248-207-207.002-207h-289.999zM367 224h289.999c79.125 0 143.002 63.875 143.002 143v289.999c0 79.125-63.876 143.002-143.002 143.002h-289.999c-79.125 0-143-63.876-143-143.002v-289.999c0-79.125 63.875-143 143-143zM701.001 294c-16.124 0-29.001 12.875-29.001 29s12.877 29 29.001 29c16.124 0 29.001-12.875 29.001-29s-12.877-29-29.001-29zM512 320c-105.625 0-192 86.375-192 192s86.375 192 192 192c105.626 0 192-86.374 192-192s-86.374-192-192-192zM512 384c71.125 0 128 56.875 128 128s-56.875 128-128 128c-71.125 0-128-56.875-128-128s56.875-128 128-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["instagram"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":88,"id":14,"name":"instagram","prevSize":32,"code":59721},"setIdx":0,"setId":3,"iconIdx":99},{"icon":{"paths":["M800.998 128l-32.998 15c-101.751 44.875-248.751 61.75-374 106-62.625 22.125-120.625 51.625-164 99s-70 112.625-70 196c0 86.251 50.75 145.374 98 178.999 20.125 14.374 39.625 24.751 56 32-19.75 36.625-34.375 69.623-44 98.001-17.5 51.123-20.25 91.123-19 120 1.25 28.873 5 48.623 5 48l64 5.999c2-23.125-4-35.251-5-56.998-1-21.751 0.875-51.627 16-96 30.25-88.627 114.124-234.5 332.002-468.001l-46.003-44c-130.624 139.999-214.998 249.123-269.999 336.999-14-5.623-32.75-14.251-52-27.998-37.125-26.377-71-65.003-71-127.002 0-70.498 20.125-117.001 53-153s80.75-61.75 138-82c103.626-36.625 231.874-55.125 342.001-96 10.249 38.875 42.999 172 42.999 379.998 0 118.003-27.627 185.626-59.998 223.002-32.375 37.376-71.377 48-106.001 48-34.5 0-71.753-17.626-104-40-32.252-22.374-54.502-45.751-77.001-60.002l-34.001 54.003c5.75 3.622 37.623 33.122 74.999 58.999 37.376 25.873 84.753 50.999 140.002 50.999 49.25 0 109.5-17.374 154.999-69.999s74.999-137.126 74.999-265.003c0-250.249-53.001-429.999-53.001-429.999l-10.001-35z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["leaf-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":87,"id":13,"name":"leaf-solid","prevSize":32,"code":59722},"setIdx":0,"setId":3,"iconIdx":100},{"icon":{"paths":["M276.562 128c-46.688 0-84.562 37.812-84.562 84.5s37.844 85.375 84.5 85.375c46.656 0 84.562-38.687 84.562-85.375 0-46.656-37.812-84.5-84.5-84.5zM689.126 352c-71.010 0-111.637 37.135-131.127 74.063h-2.061v-64.125h-139.938v470.063h145.813v-232.687c0-61.312 4.625-120.563 80.499-120.563 74.782 0 75.874 69.909 75.874 124.437v228.813h145.813v-258.189c0-126.336-27.162-221.811-174.874-221.811zM203.625 361.937v470.063h145.937v-470.063h-145.937z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["linkedin-in"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":86,"id":12,"name":"linkedin-in","prevSize":32,"code":59723},"setIdx":0,"setId":3,"iconIdx":101},{"icon":{"paths":["M512 96c-123 0-224 101-224 224v96h-96v512h640v-512h-96v-96c0-123-101.001-224-224-224zM512 160c88.124 0 160 71.875 160 160v96h-320v-96c0-88.125 71.875-160 160-160zM256 480h512v384h-512v-384z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lock-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":85,"id":11,"name":"lock-solid","prevSize":32,"code":59724},"setIdx":0,"setId":3,"iconIdx":102},{"icon":{"paths":["M480 128v642.001l-137-137.003-46 45.001 215 215.002 215.002-215.002-46.003-45.001-136.998 137.003v-642.001h-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["long-arrow-alt-down-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":84,"id":10,"name":"long-arrow-alt-down-solid","prevSize":32,"code":59725},"setIdx":0,"setId":3,"iconIdx":103},{"icon":{"paths":["M346 297l-215 215 215 215.002 45-46.003-137-136.998h642v-64h-642l137-137-45-46z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["long-arrow-alt-left-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":83,"id":9,"name":"long-arrow-alt-left-solid","prevSize":32,"code":59726},"setIdx":0,"setId":3,"iconIdx":104},{"icon":{"paths":["M677.999 297l-45.001 46 137.003 137h-642.001v64h642.001l-137.003 136.998 45.001 46.003 215.002-215.002-215.002-215z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["long-arrow-alt-right-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":82,"id":8,"name":"long-arrow-alt-right-solid","prevSize":32,"code":59727},"setIdx":0,"setId":3,"iconIdx":105},{"icon":{"paths":["M512 131l-215 215 46 45 137-137v642h64v-642l136.998 137 46.003-45-215.002-215z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["long-arrow-alt-up-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":81,"id":7,"name":"long-arrow-alt-up-solid","prevSize":32,"code":59728},"setIdx":0,"setId":3,"iconIdx":106},{"icon":{"paths":["M512 96c-158.625 0-288 129.375-288 288 0 45.001 18.25 96.623 43 152.998s56.625 116.25 89 172.002c64.75 111.625 129.999 205.001 129.999 205.001l26.001 37.999 26.001-37.999c0 0 65.25-93.376 129.997-205.001 32.375-55.753 64.252-115.627 89.003-172.002s42.999-107.998 42.999-152.998c0-158.625-129.374-288-288-288zM512 160c124.126 0 224 99.875 224 224 0 25.625-13.751 74.125-37.001 127.002-23.249 52.873-55.373 111.497-86.997 165.999-50.253 86.75-81.502 132.625-100.002 160-18.5-27.375-49.749-73.25-100-160-31.625-54.502-63.75-113.126-87-165.999-23.25-52.877-37-101.376-37-127.002 0-124.125 99.875-224 224-224zM512 320c-35.375 0-64 28.625-64 64s28.625 64 64 64c35.375 0 64-28.625 64-64s-28.625-64-64-64z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["map-marker-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":80,"id":6,"name":"map-marker-solid","prevSize":32,"code":59729},"setIdx":0,"setId":3,"iconIdx":107},{"icon":{"paths":["M312.053 256c142.889 0 258.711 116.632 258.711 260.497 0 143.863-115.831 260.484-258.711 260.484-142.879 0-258.72-116.621-258.72-260.484 0-143.865 115.832-260.497 258.72-260.497zM725.21 271.259c71.445 0 129.361 109.785 129.361 245.238h0.009c0 135.415-57.916 245.235-129.361 245.235-71.441 0-129.357-109.82-129.357-245.235 0-135.418 57.907-245.238 129.348-245.238zM925.171 296.803c25.122 0 45.495 98.358 45.495 219.695 0 121.297-20.365 219.691-45.495 219.691s-45.487-98.368-45.487-219.691c0-121.328 20.365-219.695 45.487-219.695z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["medium"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":79,"id":5,"name":"medium","prevSize":32,"code":59730},"setIdx":0,"setId":3,"iconIdx":108},{"icon":{"paths":["M160 480v64h704v-64h-704z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["minus-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":78,"id":4,"name":"minus-solid","prevSize":32,"code":59731},"setIdx":0,"setId":3,"iconIdx":109},{"icon":{"paths":["M352 128c-52.625 0-96 43.375-96 96v576c0 52.625 43.375 96 96 96h320c52.625 0 96-43.375 96-96v-576c0-52.625-43.375-96-96-96h-320zM352 192h320c17.749 0 32 14.25 32 32v576c0 17.749-14.251 32-32 32h-320c-17.75 0-32-14.251-32-32v-576c0-17.75 14.25-32 32-32zM512 736c-17.626 0-32 14.374-32 32s14.374 32 32 32c17.626 0 32-14.374 32-32s-14.374-32-32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["mobile-alt-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":77,"id":3,"name":"mobile-alt-solid","prevSize":32,"code":59732},"setIdx":0,"setId":3,"iconIdx":110},{"icon":{"paths":["M160 160v64h-64v64h64v64h64v-64h64v-64h-64v-64h-64zM648.998 254l-52.996 2c-171.002 6.125-308.002 146.5-308.002 319.002 0 176.375 143.625 320 320 320 172.501 0 312.875-137.003 319.002-308.002l1.997-51.998-46.997 21.999c-25.003 11.874-52.753 18.001-82.001 18.001-106.377 0-192-85.628-192-192.002 0-29.25 7.125-56 18.999-81l21.999-48zM555.998 330c-3.998 17.75-11.998 34-11.998 53 0 140.998 114.999 256.002 256 256.002 19.375 0 35.874-7.876 53.999-12.002-24.375 116.002-122.5 204.002-245.999 204.002-141.751 0-256-114.253-256-256 0-123.251 88.252-220.377 203.998-245.001z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["moon"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":76,"id":2,"name":"moon","prevSize":32,"code":59733},"setIdx":0,"setId":3,"iconIdx":111},{"icon":{"paths":["M160 128v256h576v-256h-576zM224 192h448v128h-448v-128zM768 224v64h32v136l-320 96v88h-64v288h192v-288h-64v-40l320-96v-248h-96zM480 672h64v160h-64v-160z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["paint-roller-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":75,"id":1,"name":"paint-roller-solid","prevSize":32,"code":59734},"setIdx":0,"setId":3,"iconIdx":112},{"icon":{"paths":["M672 128c-44.501 0-88.252 17.25-122.001 51l-299.999 300.002c-95.125 95.125-95.125 249.873 0 344.998s249.874 95.125 345 0l200-200-45.001-45.001-200 200c-70.622 70.626-184.374 70.626-254.999 0s-70.625-184.375 0-255.002l300-299.998c42.999-43 112-43 154.999 0s42.999 112 0 155l-299.998 300.002c-15.377 15.373-39.626 15.373-55.001 0-15.375-15.377-15.375-39.625 0-55.002l274.999-275-45.001-45-274.999 274.999c-39.875 39.876-39.875 105.126 0 145.003 39.875 39.872 105.126 39.872 145.002 0l299.998-300.002c67.499-67.5 67.499-177.5 0-245-33.749-33.75-78.498-51-122.999-51z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["paperclip-solid"],"colorPermutations":{"25422011014040911":[{}],"112091812552552551":[{}],"117255112613714917382901":[{}]}},"attrs":[{}],"properties":{"order":74,"id":0,"name":"paperclip-solid","prevSize":32,"code":59735},"setIdx":0,"setId":3,"iconIdx":113}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon","name":"icomoon"},"historySize":50,"showCodes":true,"gridSize":16}}
\ No newline at end of file
diff --git a/public/font/icons/icomoon/style.css b/public/font/icons/icomoon/style.css
new file mode 100644
index 0000000..5b1e972
--- /dev/null
+++ b/public/font/icons/icomoon/style.css
@@ -0,0 +1,366 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?44ei3i');
+  src:  url('fonts/icomoon.eot?44ei3i#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?44ei3i') format('truetype'),
+    url('fonts/icomoon.woff?44ei3i') format('woff'),
+    url('fonts/icomoon.svg?44ei3i#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-faders:before {
+  content: "\e970";
+}
+.icon-Star-2:before {
+  content: "\e96f";
+}
+.icon-work-life-balance:before {
+  content: "\e969";
+}
+.icon-collaborative-culture:before {
+  content: "\e96a";
+}
+.icon-competitive-compensation:before {
+  content: "\e96b";
+}
+.icon-comprehensive-benefits:before {
+  content: "\e96c";
+}
+.icon-global-opportunities:before {
+  content: "\e96d";
+}
+.icon-professional-development:before {
+  content: "\e96e";
+}
+.icon-sync-alt-solid:before {
+  content: "\e965";
+}
+.icon-Analytics-Board-Bars:before {
+  content: "\e966";
+}
+.icon-Exceeding-Expectations:before {
+  content: "\e967";
+}
+.icon-Performance-Increase-1:before {
+  content: "\e968";
+}
+.icon-check-cycle-line-2:before {
+  content: "\e963";
+}
+.icon-arrow-right-02-sharp:before {
+  content: "\e962";
+}
+.icon-arrow-left-02-sharp:before {
+  content: "\e964";
+}
+.icon-arrow-left-01:before {
+  content: "\e960";
+}
+.icon-arrow-right-01:before {
+  content: "\e961";
+}
+.icon-check-cycle-line:before {
+  content: "\e95f";
+}
+.icon-share-network:before {
+  content: "\e95e";
+}
+.icon-caret-left:before {
+  content: "\e95c";
+}
+.icon-caret-right:before {
+  content: "\e95d";
+}
+.icon-quote:before {
+  content: "\e95b";
+}
+.icon-customer-support:before {
+  content: "\e95a";
+}
+.icon-link-simple:before {
+  content: "\e959";
+}
+.icon-arrow-down-01:before {
+  content: "\e958";
+}
+.icon-blogger:before {
+  content: "\e900";
+}
+.icon-book-bookmark-02:before {
+  content: "\e901";
+}
+.icon-bulb:before {
+  content: "\e902";
+}
+.icon-clapping-01:before {
+  content: "\e903";
+}
+.icon-customer-service:before {
+  content: "\e904";
+}
+.icon-file-verified:before {
+  content: "\e905";
+}
+.icon-medal-first-place:before {
+  content: "\e906";
+}
+.icon-message-question:before {
+  content: "\e907";
+}
+.icon-mic-01:before {
+  content: "\e908";
+}
+.icon-star:before {
+  content: "\e909";
+}
+.icon-time-02:before {
+  content: "\e90a";
+}
+.icon-user-group:before {
+  content: "\e90b";
+}
+.icon-user-question-02:before {
+  content: "\e90c";
+}
+.icon-paper-plane:before {
+  content: "\e90d";
+}
+.icon-parking-solid:before {
+  content: "\e90e";
+}
+.icon-play-filled:before {
+  content: "\e90f";
+}
+.icon-play-solid:before {
+  content: "\e910";
+}
+.icon-plus-solid:before {
+  content: "\e911";
+}
+.icon-quote-right-solid:before {
+  content: "\e912";
+}
+.icon-reddit:before {
+  content: "\e913";
+}
+.icon-search-solid:before {
+  content: "\e914";
+}
+.icon-shipping-fast-solid:before {
+  content: "\e915";
+}
+.icon-shopping-cart-solid:before {
+  content: "\e916";
+}
+.icon-star1:before {
+  content: "\e917";
+}
+.icon-star-half-alt-solid:before {
+  content: "\e918";
+}
+.icon-star-solid:before {
+  content: "\e919";
+}
+.icon-tiktok-filled:before {
+  content: "\e91a";
+}
+.icon-times-solid:before {
+  content: "\e91b";
+}
+.icon-tty-solid:before {
+  content: "\e91c";
+}
+.icon-twitter:before {
+  content: "\e91d";
+}
+.icon-twitter-x:before {
+  content: "\e91e";
+}
+.icon-user-solid:before {
+  content: "\e91f";
+}
+.icon-video-solid:before {
+  content: "\e920";
+}
+.icon-youtube:before {
+  content: "\e921";
+}
+.icon-arrow-top-right:before {
+  content: "\e922";
+}
+.icon-angle-down-solid:before {
+  content: "\e923";
+}
+.icon-angle-left-solid:before {
+  content: "\e924";
+}
+.icon-angle-right-solid:before {
+  content: "\e925";
+}
+.icon-angle-up-solid:before {
+  content: "\e926";
+}
+.icon-apple:before {
+  content: "\e927";
+}
+.icon-bed-solid:before {
+  content: "\e928";
+}
+.icon-behance:before {
+  content: "\e929";
+}
+.icon-bell:before {
+  content: "\e92a";
+}
+.icon-bezier-curve-solid:before {
+  content: "\e92b";
+}
+.icon-caret-left-solid:before {
+  content: "\e92c";
+}
+.icon-caret-right-solid:before {
+  content: "\e92d";
+}
+.icon-chart-area-solid:before {
+  content: "\e92e";
+}
+.icon-chart-line-solid:before {
+  content: "\e92f";
+}
+.icon-check-solid:before {
+  content: "\e930";
+}
+.icon-clock-solid:before {
+  content: "\e931";
+}
+.icon-code-solid:before {
+  content: "\e932";
+}
+.icon-cog-solid:before {
+  content: "\e933";
+}
+.icon-cogs-solid:before {
+  content: "\e934";
+}
+.icon-comment-quote:before {
+  content: "\e935";
+}
+.icon-comment-solid:before {
+  content: "\e936";
+}
+.icon-comments-solid:before {
+  content: "\e937";
+}
+.icon-couch-solid:before {
+  content: "\e938";
+}
+.icon-credit-card-solid:before {
+  content: "\e939";
+}
+.icon-crop-alt-solid:before {
+  content: "\e93a";
+}
+.icon-crown-solid:before {
+  content: "\e93b";
+}
+.icon-desktop-solid:before {
+  content: "\e93c";
+}
+.icon-download-solid:before {
+  content: "\e93d";
+}
+.icon-dribbble:before {
+  content: "\e93e";
+}
+.icon-envelope-solid:before {
+  content: "\e93f";
+}
+.icon-eye:before {
+  content: "\e940";
+}
+.icon-facebook-f:before {
+  content: "\e941";
+}
+.icon-github:before {
+  content: "\e942";
+}
+.icon-global:before {
+  content: "\e943";
+}
+.icon-grip-lines-solid:before {
+  content: "\e944";
+}
+.icon-grip-lines-vertical-solid:before {
+  content: "\e945";
+}
+.icon-heart:before {
+  content: "\e946";
+}
+.icon-heart-solid:before {
+  content: "\e947";
+}
+.icon-info-circle-solid:before {
+  content: "\e948";
+}
+.icon-instagram:before {
+  content: "\e949";
+}
+.icon-leaf-solid:before {
+  content: "\e94a";
+}
+.icon-linkedin-in:before {
+  content: "\e94b";
+}
+.icon-lock-solid:before {
+  content: "\e94c";
+}
+.icon-long-arrow-alt-down-solid:before {
+  content: "\e94d";
+}
+.icon-long-arrow-alt-left-solid:before {
+  content: "\e94e";
+}
+.icon-long-arrow-alt-right-solid:before {
+  content: "\e94f";
+}
+.icon-long-arrow-alt-up-solid:before {
+  content: "\e950";
+}
+.icon-map-marker-solid:before {
+  content: "\e951";
+}
+.icon-medium:before {
+  content: "\e952";
+}
+.icon-minus-solid:before {
+  content: "\e953";
+}
+.icon-mobile-alt-solid:before {
+  content: "\e954";
+}
+.icon-moon:before {
+  content: "\e955";
+}
+.icon-paint-roller-solid:before {
+  content: "\e956";
+}
+.icon-paperclip-solid:before {
+  content: "\e957";
+}
diff --git a/public/images/avatar/avatar-1.jpg b/public/images/avatar/avatar-1.jpg
new file mode 100644
index 0000000..82ef959
Binary files /dev/null and b/public/images/avatar/avatar-1.jpg differ
diff --git a/public/images/avatar/avatar-10.jpg b/public/images/avatar/avatar-10.jpg
new file mode 100644
index 0000000..1f60411
Binary files /dev/null and b/public/images/avatar/avatar-10.jpg differ
diff --git a/public/images/avatar/avatar-11.jpg b/public/images/avatar/avatar-11.jpg
new file mode 100644
index 0000000..c8b25d4
Binary files /dev/null and b/public/images/avatar/avatar-11.jpg differ
diff --git a/public/images/avatar/avatar-12.jpg b/public/images/avatar/avatar-12.jpg
new file mode 100644
index 0000000..8c9be87
Binary files /dev/null and b/public/images/avatar/avatar-12.jpg differ
diff --git a/public/images/avatar/avatar-13.jpg b/public/images/avatar/avatar-13.jpg
new file mode 100644
index 0000000..e79f2fe
Binary files /dev/null and b/public/images/avatar/avatar-13.jpg differ
diff --git a/public/images/avatar/avatar-14.jpg b/public/images/avatar/avatar-14.jpg
new file mode 100644
index 0000000..32a24ef
Binary files /dev/null and b/public/images/avatar/avatar-14.jpg differ
diff --git a/public/images/avatar/avatar-15.jpg b/public/images/avatar/avatar-15.jpg
new file mode 100644
index 0000000..409de74
Binary files /dev/null and b/public/images/avatar/avatar-15.jpg differ
diff --git a/public/images/avatar/avatar-16.jpg b/public/images/avatar/avatar-16.jpg
new file mode 100644
index 0000000..3f68220
Binary files /dev/null and b/public/images/avatar/avatar-16.jpg differ
diff --git a/public/images/avatar/avatar-17.jpg b/public/images/avatar/avatar-17.jpg
new file mode 100644
index 0000000..4757e65
Binary files /dev/null and b/public/images/avatar/avatar-17.jpg differ
diff --git a/public/images/avatar/avatar-2.jpg b/public/images/avatar/avatar-2.jpg
new file mode 100644
index 0000000..90310de
Binary files /dev/null and b/public/images/avatar/avatar-2.jpg differ
diff --git a/public/images/avatar/avatar-3.jpg b/public/images/avatar/avatar-3.jpg
new file mode 100644
index 0000000..ef5a5d1
Binary files /dev/null and b/public/images/avatar/avatar-3.jpg differ
diff --git a/public/images/avatar/avatar-4.jpg b/public/images/avatar/avatar-4.jpg
new file mode 100644
index 0000000..00cc39d
Binary files /dev/null and b/public/images/avatar/avatar-4.jpg differ
diff --git a/public/images/avatar/avatar-5.jpg b/public/images/avatar/avatar-5.jpg
new file mode 100644
index 0000000..0dd41d6
Binary files /dev/null and b/public/images/avatar/avatar-5.jpg differ
diff --git a/public/images/avatar/avatar-6.jpg b/public/images/avatar/avatar-6.jpg
new file mode 100644
index 0000000..183fa81
Binary files /dev/null and b/public/images/avatar/avatar-6.jpg differ
diff --git a/public/images/avatar/avatar-7.jpg b/public/images/avatar/avatar-7.jpg
new file mode 100644
index 0000000..6982117
Binary files /dev/null and b/public/images/avatar/avatar-7.jpg differ
diff --git a/public/images/avatar/avatar-8.jpg b/public/images/avatar/avatar-8.jpg
new file mode 100644
index 0000000..ec38c67
Binary files /dev/null and b/public/images/avatar/avatar-8.jpg differ
diff --git a/public/images/avatar/avatar-9.jpg b/public/images/avatar/avatar-9.jpg
new file mode 100644
index 0000000..c423753
Binary files /dev/null and b/public/images/avatar/avatar-9.jpg differ
diff --git a/public/images/avatar/facts-1.png b/public/images/avatar/facts-1.png
new file mode 100644
index 0000000..e737b70
Binary files /dev/null and b/public/images/avatar/facts-1.png differ
diff --git a/public/images/avatar/facts-2.png b/public/images/avatar/facts-2.png
new file mode 100644
index 0000000..5274f86
Binary files /dev/null and b/public/images/avatar/facts-2.png differ
diff --git a/public/images/avatar/facts-3.png b/public/images/avatar/facts-3.png
new file mode 100644
index 0000000..0b9f7df
Binary files /dev/null and b/public/images/avatar/facts-3.png differ
diff --git a/public/images/avatar/facts-4.png b/public/images/avatar/facts-4.png
new file mode 100644
index 0000000..3031700
Binary files /dev/null and b/public/images/avatar/facts-4.png differ
diff --git a/public/images/avatar/facts-5.png b/public/images/avatar/facts-5.png
new file mode 100644
index 0000000..9845e63
Binary files /dev/null and b/public/images/avatar/facts-5.png differ
diff --git a/public/images/avatar/facts-6.png b/public/images/avatar/facts-6.png
new file mode 100644
index 0000000..2c1ec0d
Binary files /dev/null and b/public/images/avatar/facts-6.png differ
diff --git a/public/images/avatar/facts-7.png b/public/images/avatar/facts-7.png
new file mode 100644
index 0000000..a656dca
Binary files /dev/null and b/public/images/avatar/facts-7.png differ
diff --git a/public/images/avatar/facts-8.png b/public/images/avatar/facts-8.png
new file mode 100644
index 0000000..362dc06
Binary files /dev/null and b/public/images/avatar/facts-8.png differ
diff --git a/public/images/avatar/facts-9.png b/public/images/avatar/facts-9.png
new file mode 100644
index 0000000..7ed4dbd
Binary files /dev/null and b/public/images/avatar/facts-9.png differ
diff --git a/public/images/blog/blog-1.jpg b/public/images/blog/blog-1.jpg
new file mode 100644
index 0000000..fff5372
Binary files /dev/null and b/public/images/blog/blog-1.jpg differ
diff --git a/public/images/blog/blog-10.jpg b/public/images/blog/blog-10.jpg
new file mode 100644
index 0000000..b19d224
Binary files /dev/null and b/public/images/blog/blog-10.jpg differ
diff --git a/public/images/blog/blog-11.jpg b/public/images/blog/blog-11.jpg
new file mode 100644
index 0000000..ec79946
Binary files /dev/null and b/public/images/blog/blog-11.jpg differ
diff --git a/public/images/blog/blog-12.jpg b/public/images/blog/blog-12.jpg
new file mode 100644
index 0000000..d11b673
Binary files /dev/null and b/public/images/blog/blog-12.jpg differ
diff --git a/public/images/blog/blog-13.jpg b/public/images/blog/blog-13.jpg
new file mode 100644
index 0000000..09cec98
Binary files /dev/null and b/public/images/blog/blog-13.jpg differ
diff --git a/public/images/blog/blog-14.jpg b/public/images/blog/blog-14.jpg
new file mode 100644
index 0000000..fb1fa75
Binary files /dev/null and b/public/images/blog/blog-14.jpg differ
diff --git a/public/images/blog/blog-15.jpg b/public/images/blog/blog-15.jpg
new file mode 100644
index 0000000..24c4fd8
Binary files /dev/null and b/public/images/blog/blog-15.jpg differ
diff --git a/public/images/blog/blog-16.jpg b/public/images/blog/blog-16.jpg
new file mode 100644
index 0000000..1d40d7f
Binary files /dev/null and b/public/images/blog/blog-16.jpg differ
diff --git a/public/images/blog/blog-17.jpg b/public/images/blog/blog-17.jpg
new file mode 100644
index 0000000..39942eb
Binary files /dev/null and b/public/images/blog/blog-17.jpg differ
diff --git a/public/images/blog/blog-18.jpg b/public/images/blog/blog-18.jpg
new file mode 100644
index 0000000..c6c0b90
Binary files /dev/null and b/public/images/blog/blog-18.jpg differ
diff --git a/public/images/blog/blog-19.jpg b/public/images/blog/blog-19.jpg
new file mode 100644
index 0000000..5c9d653
Binary files /dev/null and b/public/images/blog/blog-19.jpg differ
diff --git a/public/images/blog/blog-2.jpg b/public/images/blog/blog-2.jpg
new file mode 100644
index 0000000..93cce08
Binary files /dev/null and b/public/images/blog/blog-2.jpg differ
diff --git a/public/images/blog/blog-3.jpg b/public/images/blog/blog-3.jpg
new file mode 100644
index 0000000..cba2311
Binary files /dev/null and b/public/images/blog/blog-3.jpg differ
diff --git a/public/images/blog/blog-4.jpg b/public/images/blog/blog-4.jpg
new file mode 100644
index 0000000..cd12063
Binary files /dev/null and b/public/images/blog/blog-4.jpg differ
diff --git a/public/images/blog/blog-5.jpg b/public/images/blog/blog-5.jpg
new file mode 100644
index 0000000..79cb180
Binary files /dev/null and b/public/images/blog/blog-5.jpg differ
diff --git a/public/images/blog/blog-6.jpg b/public/images/blog/blog-6.jpg
new file mode 100644
index 0000000..07f6ffb
Binary files /dev/null and b/public/images/blog/blog-6.jpg differ
diff --git a/public/images/blog/blog-7.jpg b/public/images/blog/blog-7.jpg
new file mode 100644
index 0000000..c5ae0a4
Binary files /dev/null and b/public/images/blog/blog-7.jpg differ
diff --git a/public/images/blog/blog-8.jpg b/public/images/blog/blog-8.jpg
new file mode 100644
index 0000000..ae67efb
Binary files /dev/null and b/public/images/blog/blog-8.jpg differ
diff --git a/public/images/blog/blog-9.jpg b/public/images/blog/blog-9.jpg
new file mode 100644
index 0000000..93d72da
Binary files /dev/null and b/public/images/blog/blog-9.jpg differ
diff --git a/public/images/blog/box-listing-1.jpg b/public/images/blog/box-listing-1.jpg
new file mode 100644
index 0000000..85ae27a
Binary files /dev/null and b/public/images/blog/box-listing-1.jpg differ
diff --git a/public/images/blog/box-listing-2.jpg b/public/images/blog/box-listing-2.jpg
new file mode 100644
index 0000000..ef1dba9
Binary files /dev/null and b/public/images/blog/box-listing-2.jpg differ
diff --git a/public/images/blog/box-listing-3.jpg b/public/images/blog/box-listing-3.jpg
new file mode 100644
index 0000000..c9b0d31
Binary files /dev/null and b/public/images/blog/box-listing-3.jpg differ
diff --git a/public/images/blog/box-listing-4.jpg b/public/images/blog/box-listing-4.jpg
new file mode 100644
index 0000000..597f947
Binary files /dev/null and b/public/images/blog/box-listing-4.jpg differ
diff --git a/public/images/blog/box-listing-5.jpg b/public/images/blog/box-listing-5.jpg
new file mode 100644
index 0000000..028f6b6
Binary files /dev/null and b/public/images/blog/box-listing-5.jpg differ
diff --git a/public/images/blog/box-listing-6.jpg b/public/images/blog/box-listing-6.jpg
new file mode 100644
index 0000000..36f4505
Binary files /dev/null and b/public/images/blog/box-listing-6.jpg differ
diff --git a/public/images/blog/single-post-1.jpg b/public/images/blog/single-post-1.jpg
new file mode 100644
index 0000000..861415f
Binary files /dev/null and b/public/images/blog/single-post-1.jpg differ
diff --git a/public/images/blog/single-post-2.jpg b/public/images/blog/single-post-2.jpg
new file mode 100644
index 0000000..d1dd21f
Binary files /dev/null and b/public/images/blog/single-post-2.jpg differ
diff --git a/public/images/box-icon/auto-conversations.svg b/public/images/box-icon/auto-conversations.svg
new file mode 100644
index 0000000..805efda
--- /dev/null
+++ b/public/images/box-icon/auto-conversations.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.66699 23.9999L8.97928 17.6876C9.78206 16.8849 10.1834 16.4835 10.6922 16.4553C11.201 16.4271 11.6442 16.7817 12.5308 17.4909L15.3567 19.7517C16.2927 20.5005 16.7607 20.8749 17.2909 20.8299C17.8211 20.7848 18.2193 20.3369 19.0157 19.441L28.0003 9.33325" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24 8H26.6667C27.9237 8 28.5523 8 28.9428 8.39052C29.3333 8.78105 29.3333 9.40959 29.3333 10.6667L29.3333 13.3333" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.66699 10.6667H14.667" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/briefcase-03.svg b/public/images/box-icon/briefcase-03.svg
new file mode 100644
index 0000000..cfb8190
--- /dev/null
+++ b/public/images/box-icon/briefcase-03.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 24.6667C20 24.0467 20 23.7367 20.0681 23.4824C20.2531 22.7922 20.7922 22.2531 21.4824 22.0681C21.7367 22 22.0467 22 22.6667 22H25.3333C25.9533 22 26.2633 22 26.5176 22.0681C27.2078 22.2531 27.7469 22.7922 27.9319 23.4824C28 23.7367 28 24.0467 28 24.6667V26C28 28.2091 26.2091 30 24 30C21.7909 30 20 28.2091 20 26V24.6667Z" stroke="#1C3F3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27.6031 26C28.2263 25.8189 28.9333 25.6009 29.7601 25.3459L38.1024 22.7733C41.0715 21.8576 42.5247 20.262 42.8409 17.4995C42.9823 16.264 43.053 15.6462 42.9535 15.1404C42.6698 13.6973 41.4578 12.5271 39.8426 12.1368C39.2766 12 38.566 12 37.1449 12H10.8551C9.43401 12 8.72344 12 8.15742 12.1368C6.54221 12.5271 5.33021 13.6973 5.04645 15.1404C4.94702 15.6462 5.01772 16.264 5.15913 17.4995C5.47528 20.262 6.92849 21.8576 9.89763 22.7733L18.2399 25.3459C19.0667 25.6009 19.7737 25.8189 20.3969 26" stroke="#1C3F3A" stroke-width="2"/>
+<path d="M6.92566 22L6.53317 26.3445C5.82962 34.1324 5.47784 38.0263 7.73468 40.5131C9.99152 43 13.877 43 21.648 43H26.352C34.123 43 38.0085 43 40.2653 40.5131C42.5222 38.0263 42.1704 34.1324 41.4668 26.3445L41.0743 22" stroke="#1C3F3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M31 11L30.8455 10.4702C30.0754 7.8301 29.6904 6.51006 28.7738 5.75503C27.8572 5 26.6397 5 24.2047 5H23.7953C21.3603 5 20.1428 5 19.2262 5.75503C18.3096 6.51006 17.9246 7.8301 17.1545 10.4702L17 11" stroke="#1C3F3A" stroke-width="2"/>
+</svg>
diff --git a/public/images/box-icon/building-07.svg b/public/images/box-icon/building-07.svg
new file mode 100644
index 0000000..0ad6f85
--- /dev/null
+++ b/public/images/box-icon/building-07.svg
@@ -0,0 +1,3 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6673 14.6667H6.80065C6.05391 14.6667 5.68055 14.6667 5.39533 14.812C5.14445 14.9398 4.94047 15.1438 4.81264 15.3947C4.66732 15.6799 4.66732 16.0533 4.66732 16.8V28M22.6673 14.6667H26.534C27.2807 14.6667 27.6541 14.6667 27.9393 14.812C28.1902 14.9398 28.3942 15.1438 28.522 15.3947C28.6673 15.6799 28.6673 16.0533 28.6673 16.8V28M22.6673 28V8.26667C22.6673 6.77319 22.6673 6.02646 22.3767 5.45603C22.121 4.95426 21.7131 4.54631 21.2113 4.29065C20.6409 4 19.8941 4 18.4007 4H14.934C13.4405 4 12.6938 4 12.1233 4.29065C11.6216 4.54631 11.2136 4.95426 10.958 5.45603C10.6673 6.02646 10.6673 6.77319 10.6673 8.26667V28M30.0007 28H3.33398M15.334 9.33333H18.0007M15.334 14.6667H18.0007M15.334 20H18.0007" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/business-idea.png b/public/images/box-icon/business-idea.png
new file mode 100644
index 0000000..72a0f5a
Binary files /dev/null and b/public/images/box-icon/business-idea.png differ
diff --git a/public/images/box-icon/check-verified-01.svg b/public/images/box-icon/check-verified-01.svg
new file mode 100644
index 0000000..fdf06c1
--- /dev/null
+++ b/public/images/box-icon/check-verified-01.svg
@@ -0,0 +1,4 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6503 5.10198C15.5762 6.0173 14.2408 6.57046 12.8341 6.68272C9.5514 6.94468 6.94468 9.5514 6.68272 12.8341C6.57046 14.2408 6.0173 15.5762 5.10198 16.6503C2.96601 19.1568 2.96601 22.8432 5.10198 25.3497C6.0173 26.4237 6.57046 27.7592 6.68272 29.1659C6.94468 32.4486 9.5514 35.0553 12.8341 35.3173C14.2408 35.4295 15.5763 35.9827 16.6503 36.898C19.1568 39.034 22.8432 39.034 25.3497 36.898C26.4237 35.9827 27.7592 35.4295 29.1659 35.3173C32.4486 35.0553 35.0553 32.4486 35.3173 29.1659C35.4295 27.7592 35.9827 26.4237 36.898 25.3497C39.034 22.8432 39.034 19.1568 36.898 16.6503C35.9827 15.5763 35.4295 14.2408 35.3173 12.8341C35.0553 9.5514 32.4486 6.94468 29.1659 6.68272C27.7592 6.57046 26.4237 6.0173 25.3497 5.10198C22.8432 2.96601 19.1568 2.96601 16.6503 5.10198Z" fill="#28285B"/>
+<path d="M15.75 21L19.25 24.5L27.125 16.625M12.8341 6.68272C14.2408 6.57046 15.5762 6.0173 16.6503 5.10198C19.1568 2.96601 22.8432 2.96601 25.3497 5.10198C26.4237 6.0173 27.7592 6.57046 29.1659 6.68272C32.4486 6.94468 35.0553 9.5514 35.3173 12.8341C35.4295 14.2408 35.9827 15.5763 36.898 16.6503C39.034 19.1568 39.034 22.8432 36.898 25.3497C35.9827 26.4237 35.4295 27.7592 35.3173 29.1659C35.0553 32.4486 32.4486 35.0553 29.1659 35.3173C27.7592 35.4295 26.4237 35.9827 25.3497 36.898C22.8432 39.034 19.1568 39.034 16.6503 36.898C15.5763 35.9827 14.2408 35.4295 12.8341 35.3173C9.5514 35.0553 6.94468 32.4486 6.68272 29.1659C6.57046 27.7592 6.0173 26.4237 5.10198 25.3497C2.96601 22.8432 2.96601 19.1568 5.10198 16.6503C6.0173 15.5762 6.57046 14.2408 6.68272 12.8341C6.94468 9.5514 9.5514 6.94468 12.8341 6.68272Z" stroke="#FEDC6E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/check-verified-02.svg b/public/images/box-icon/check-verified-02.svg
new file mode 100644
index 0000000..483a4ff
--- /dev/null
+++ b/public/images/box-icon/check-verified-02.svg
@@ -0,0 +1,4 @@
+<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6503 3.10198C13.5762 4.0173 12.2408 4.57046 10.8341 4.68272C7.5514 4.94468 4.94468 7.5514 4.68272 10.8341C4.57046 12.2408 4.0173 13.5762 3.10198 14.6503C0.966005 17.1568 0.966005 20.8432 3.10198 23.3497C4.0173 24.4237 4.57046 25.7592 4.68272 27.1659C4.94468 30.4486 7.5514 33.0553 10.8341 33.3173C12.2408 33.4295 13.5763 33.9827 14.6503 34.898C17.1568 37.034 20.8432 37.034 23.3497 34.898C24.4237 33.9827 25.7592 33.4295 27.1659 33.3173C30.4486 33.0553 33.0553 30.4486 33.3173 27.1659C33.4295 25.7592 33.9827 24.4237 34.898 23.3497C37.034 20.8432 37.034 17.1568 34.898 14.6503C33.9827 13.5763 33.4295 12.2408 33.3173 10.8341C33.0553 7.5514 30.4486 4.94468 27.1659 4.68272C25.7592 4.57046 24.4237 4.0173 23.3497 3.10198C20.8432 0.966005 17.1568 0.966005 14.6503 3.10198Z" fill="#28285B"/>
+<path d="M13.75 19L17.25 22.5L25.125 14.625M10.8341 4.68272C12.2408 4.57046 13.5762 4.0173 14.6503 3.10198C17.1568 0.966005 20.8432 0.966005 23.3497 3.10198C24.4237 4.0173 25.7592 4.57046 27.1659 4.68272C30.4486 4.94468 33.0553 7.5514 33.3173 10.8341C33.4295 12.2408 33.9827 13.5763 34.898 14.6503C37.034 17.1568 37.034 20.8432 34.898 23.3497C33.9827 24.4237 33.4295 25.7592 33.3173 27.1659C33.0553 30.4486 30.4486 33.0553 27.1659 33.3173C25.7592 33.4295 24.4237 33.9827 23.3497 34.898C20.8432 37.034 17.1568 37.034 14.6503 34.898C13.5763 33.9827 12.2408 33.4295 10.8341 33.3173C7.5514 33.0553 4.94468 30.4486 4.68272 27.1659C4.57046 25.7592 4.0173 24.4237 3.10198 23.3497C0.966005 20.8432 0.966005 17.1568 3.10198 14.6503C4.0173 13.5762 4.57046 12.2408 4.68272 10.8341C4.94468 7.5514 7.5514 4.94468 10.8341 4.68272Z" stroke="#9AD8C6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/clock.svg b/public/images/box-icon/clock.svg
new file mode 100644
index 0000000..d7c833d
--- /dev/null
+++ b/public/images/box-icon/clock.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3325 33.3333C12.4758 34.4957 12.1282 34.9001 11.4237 34.9881C10.7193 35.0761 10.2322 34.6728 9.25814 33.8662C5.63434 30.8656 3.33252 26.3756 3.33252 21.3579C3.33252 12.3237 10.7944 5 19.9992 5C29.2039 5 36.6659 12.3237 36.6659 21.3579C36.6659 26.3756 34.364 30.8656 30.7402 33.8662C29.7661 34.6728 29.2791 35.0761 28.5746 34.9881C27.8702 34.9001 27.5226 34.4957 26.6659 33.3333" stroke="#1C3F3A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.499 17.5L29.999 8.33337" stroke="#1C3F3A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="19.999" cy="20" r="2.5" stroke="#1C3F3A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/coins-stacked.svg b/public/images/box-icon/coins-stacked.svg
new file mode 100644
index 0000000..3970b0e
--- /dev/null
+++ b/public/images/box-icon/coins-stacked.svg
@@ -0,0 +1,3 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.6667 6.66667C17.6667 8.13943 14.3834 9.33333 10.3333 9.33333C6.28325 9.33333 3 8.13943 3 6.66667M17.6667 6.66667C17.6667 5.19391 14.3834 4 10.3333 4C6.28325 4 3 5.19391 3 6.66667M17.6667 6.66667V12.6095C16.038 13.0986 15 13.8386 15 14.6667M3 6.66667V22.6667C3 24.1394 6.28325 25.3333 10.3333 25.3333C12.1062 25.3333 13.7321 25.1046 15 24.7238V14.6667M3 12C3 13.4728 6.28325 14.6667 10.3333 14.6667C12.1062 14.6667 13.7321 14.4379 15 14.0571M3 17.3333C3 18.8061 6.28325 20 10.3333 20C12.1062 20 13.7321 19.7712 15 19.3905M29.6667 14.6667C29.6667 16.1394 26.3834 17.3333 22.3333 17.3333C18.2832 17.3333 15 16.1394 15 14.6667M29.6667 14.6667C29.6667 13.1939 26.3834 12 22.3333 12C18.2832 12 15 13.1939 15 14.6667M29.6667 14.6667V25.3333C29.6667 26.8061 26.3834 28 22.3333 28C18.2832 28 15 26.8061 15 25.3333V14.6667M29.6667 20C29.6667 21.4728 26.3834 22.6667 22.3333 22.6667C18.2832 22.6667 15 21.4728 15 20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/creative-solutions.svg b/public/images/box-icon/creative-solutions.svg
new file mode 100644
index 0000000..3666e43
--- /dev/null
+++ b/public/images/box-icon/creative-solutions.svg
@@ -0,0 +1,5 @@
+<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="22.3333" cy="11.6667" rx="5.33333" ry="10.6667" stroke="#FC6A2B" stroke-width="2"/>
+<path d="M22.3333 1C18.1958 1 9.62016 4.17015 4.69473 6.13829C2.43923 7.03957 1 9.23776 1 11.6667C1 14.0956 2.43923 16.2938 4.69473 17.195C9.62016 19.1632 18.1958 22.3333 22.3333 22.3333" stroke="#FC6A2B" stroke-width="2"/>
+<path d="M12.9997 27.6666L10.4087 26.2403C7.58763 24.6875 5.99506 21.5511 6.39363 18.3333" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/currency-exchange.png b/public/images/box-icon/currency-exchange.png
new file mode 100644
index 0000000..ca0c846
Binary files /dev/null and b/public/images/box-icon/currency-exchange.png differ
diff --git a/public/images/box-icon/database.svg b/public/images/box-icon/database.svg
new file mode 100644
index 0000000..16d1470
--- /dev/null
+++ b/public/images/box-icon/database.svg
@@ -0,0 +1,7 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="16.6667" cy="6.66626" rx="10.6667" ry="4" stroke="#FC6A2B" stroke-width="2"/>
+<path d="M27.3333 15.9995C27.3333 18.2087 22.5577 19.9995 16.6667 19.9995C10.7756 19.9995 6 18.2087 6 15.9995" stroke="#FC6A2B" stroke-width="2"/>
+<path d="M27.3333 6.66626V25.3329C27.3333 27.5421 22.5577 29.3329 16.6667 29.3329C10.7756 29.3329 6 27.5421 6 25.3329V6.66626" stroke="#FC6A2B" stroke-width="2"/>
+<path d="M11.333 10.6663V13.3329" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round"/>
+<path d="M11.333 19.9995V22.6662" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/public/images/box-icon/discover-circle.svg b/public/images/box-icon/discover-circle.svg
new file mode 100644
index 0000000..b1be411
--- /dev/null
+++ b/public/images/box-icon/discover-circle.svg
@@ -0,0 +1,5 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.6667 15.9996C29.6667 8.6358 23.6971 2.66626 16.3333 2.66626C8.96954 2.66626 3 8.6358 3 15.9996C3 23.3634 8.96954 29.3329 16.3333 29.3329C23.6971 29.3329 29.6667 23.3634 29.6667 15.9996Z" stroke="#FC6A2B" stroke-width="2"/>
+<path d="M16.8688 11.0636L20.762 9.76588C21.9437 9.37199 22.5345 9.17505 22.8464 9.48693C23.1583 9.7988 22.9613 10.3896 22.5675 11.5713L21.2697 15.4645C20.5985 17.4781 20.2629 18.4849 19.5409 19.2069C18.8189 19.9289 17.8121 20.2645 15.7985 20.9357L11.9053 22.2335C10.7236 22.6274 10.1328 22.8243 9.82091 22.5124C9.50904 22.2005 9.70598 21.6097 10.0999 20.4281L11.3976 16.5348C12.0688 14.5212 12.4044 13.5144 13.1264 12.7924C13.8484 12.0704 14.8552 11.7348 16.8688 11.0636Z" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.333 15.9995L16.3245 16.008" stroke="#FC6A2B" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/email-marketing.png b/public/images/box-icon/email-marketing.png
new file mode 100644
index 0000000..f6ffdbd
Binary files /dev/null and b/public/images/box-icon/email-marketing.png differ
diff --git a/public/images/box-icon/handshake.svg b/public/images/box-icon/handshake.svg
new file mode 100644
index 0000000..cd8130d
--- /dev/null
+++ b/public/images/box-icon/handshake.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4289_2150)">
+<path d="M27.5728 31.4519H27.9988C27.9988 31.4519 34.9048 31.4659 34.9988 31.4519L39.3588 30.6519C39.8193 30.5676 40.2356 30.3245 40.5353 29.9649C40.8349 29.6053 40.999 29.152 40.9988 28.6839V17.8159C40.9988 17.4138 40.8776 17.0211 40.6511 16.6889C40.4246 16.3568 40.1032 16.1006 39.7288 15.9539L29.6388 11.9999C29.1415 11.8053 28.6012 11.747 28.0739 11.8311C27.5465 11.9151 27.0511 12.1384 26.6388 12.4779L19.3088 18.5079C19.0308 18.7355 18.8412 19.0533 18.7731 19.4061C18.7049 19.7589 18.7624 20.1245 18.9356 20.4393C19.1088 20.7541 19.3868 20.9984 19.7213 21.1296C20.0558 21.2609 20.4257 21.2709 20.7668 21.1579L28.9988 18.4519" stroke="#3F3D2E" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.00098 27.4524L12.201 28.4524L19.371 35.6224C19.5973 35.8491 19.8747 36.0181 20.18 36.1152C20.4852 36.2123 20.8093 36.2346 21.125 36.1804L22.125 36.0064C22.5323 35.9363 22.9079 35.7418 23.2001 35.4496C23.4924 35.1573 23.6869 34.7817 23.757 34.3744L24.105 32.3484L27.523 31.7584L28.113 28.3424L31.531 27.7524L32.119 24.3344L26.919 19.1344" stroke="#3F3D2E" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.141 15.3567L20.183 12.4007C19.9033 12.1201 19.5467 11.9289 19.1582 11.8513C18.7697 11.7736 18.367 11.8131 18.001 11.9647L12.001 14.4527L7.00098 15.4527" stroke="#3F3D2E" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.00098 12.4524H5.00098C5.53141 12.4524 6.04012 12.6631 6.41519 13.0382C6.79026 13.4133 7.00098 13.922 7.00098 14.4524V28.4524C7.00098 28.9828 6.79026 29.4915 6.41519 29.8666C6.04012 30.2417 5.53141 30.4524 5.00098 30.4524H1.00098V12.4524Z" stroke="#3F3D2E" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M42.999 14.4515H46.999V32.4515H42.999C42.4686 32.4515 41.9599 32.2408 41.5848 31.8658C41.2097 31.4907 40.999 30.982 40.999 30.4515V16.4515C40.999 15.9211 41.2097 15.4124 41.5848 15.0373C41.9599 14.6623 42.4686 14.4515 42.999 14.4515Z" stroke="#3F3D2E" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_4289_2150">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/box-icon/heart-circle.svg b/public/images/box-icon/heart-circle.svg
new file mode 100644
index 0000000..b783b65
--- /dev/null
+++ b/public/images/box-icon/heart-circle.svg
@@ -0,0 +1,6 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 38.5C30.665 38.5 38.5 30.665 38.5 21C38.5 11.335 30.665 3.5 21 3.5C11.335 3.5 3.5 11.335 3.5 21C3.5 30.665 11.335 38.5 21 38.5Z" fill="#28285B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.994 15.8688C19.2446 13.8236 16.3273 13.2734 14.1354 15.1463C11.9434 17.0191 11.6348 20.1504 13.3562 22.3654C14.4587 23.7841 17.2823 26.4149 19.1699 28.1231C19.7972 28.6908 20.1108 28.9746 20.4865 29.0885C20.8095 29.1863 21.1785 29.1863 21.5015 29.0885C21.8772 28.9746 22.1908 28.6908 22.8181 28.1231C24.7057 26.4149 27.5293 23.7841 28.6318 22.3654C30.3532 20.1504 30.0823 16.9994 27.8527 15.1463C25.6231 13.2931 22.7434 13.8236 20.994 15.8688Z" fill="#28285B"/>
+<path d="M21 38.5C30.665 38.5 38.5 30.665 38.5 21C38.5 11.335 30.665 3.5 21 3.5C11.335 3.5 3.5 11.335 3.5 21C3.5 30.665 11.335 38.5 21 38.5Z" stroke="#FF8283" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.994 15.8688C19.2446 13.8236 16.3273 13.2734 14.1354 15.1463C11.9434 17.0191 11.6348 20.1504 13.3562 22.3654C14.4587 23.7841 17.2823 26.4149 19.1699 28.1231C19.7972 28.6908 20.1108 28.9746 20.4865 29.0885C20.8095 29.1863 21.1785 29.1863 21.5015 29.0885C21.8772 28.9746 22.1908 28.6908 22.8181 28.1231C24.7057 26.4149 27.5293 23.7841 28.6318 22.3654C30.3532 20.1504 30.0823 16.9994 27.8527 15.1463C25.6231 13.2931 22.7434 13.8236 20.994 15.8688Z" stroke="#FF8283" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/house.svg b/public/images/box-icon/house.svg
new file mode 100644
index 0000000..2e50ad1
--- /dev/null
+++ b/public/images/box-icon/house.svg
@@ -0,0 +1,3 @@
+<svg width="29" height="26" viewBox="0 0 29 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33333 11.6667H4.46667C3.71993 11.6667 3.34656 11.6667 3.06135 11.812C2.81046 11.9398 2.60649 12.1438 2.47866 12.3947C2.33333 12.6799 2.33333 13.0533 2.33333 13.8V25M20.3333 11.6667H24.2C24.9467 11.6667 25.3201 11.6667 25.6053 11.812C25.8562 11.9398 26.0602 12.1438 26.188 12.3947C26.3333 12.6799 26.3333 13.0533 26.3333 13.8V25M20.3333 25V5.26667C20.3333 3.77319 20.3333 3.02646 20.0427 2.45603C19.787 1.95426 19.3791 1.54631 18.8773 1.29065C18.3069 1 17.5601 1 16.0667 1H12.6C11.1065 1 10.3598 1 9.78936 1.29065C9.28759 1.54631 8.87965 1.95426 8.62398 2.45603C8.33333 3.02646 8.33333 3.77319 8.33333 5.26667V25M27.6667 25H1M13 6.33333H15.6667M13 11.6667H15.6667M13 17H15.6667" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/invoice.svg b/public/images/box-icon/invoice.svg
new file mode 100644
index 0000000..13ad572
--- /dev/null
+++ b/public/images/box-icon/invoice.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.3591 3.33264C31.5034 3.33264 29.999 7.80979 29.999 13.3326H33.3591C34.9784 13.3326 35.7881 13.3326 36.2893 12.7736C36.7905 12.2145 36.7032 11.4782 36.5287 10.0057C36.0681 6.11836 34.8229 3.33264 33.3591 3.33264Z" stroke="#1C3F3A" stroke-width="2.5"/>
+<path d="M29.9992 13.4231V31.0756C29.9992 33.5951 29.9992 34.8548 29.2293 35.3507C27.9711 36.1611 26.0259 34.4617 25.0477 33.8448C24.2394 33.335 23.8353 33.0801 23.3867 33.0654C22.9021 33.0495 22.4907 33.2939 21.6173 33.8448L18.4325 35.8533C17.5734 36.3951 17.1438 36.666 16.6659 36.666C16.1879 36.666 15.7583 36.3951 14.8992 35.8533L11.7144 33.8448C10.9061 33.335 10.502 33.0801 10.0534 33.0654C9.56872 33.0495 9.15739 33.2939 8.28398 33.8448C7.30577 34.4617 5.36064 36.1611 4.10244 35.3507C3.33252 34.8548 3.33252 33.5951 3.33252 31.0756V13.4231C3.33252 8.6664 3.33252 6.28806 4.79699 4.81035C6.26145 3.33264 8.61847 3.33264 13.3325 3.33264H33.3325" stroke="#1C3F3A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6659 13.3327C14.8249 13.3327 13.3325 14.452 13.3325 15.8327C13.3325 17.2134 14.8249 18.3327 16.6659 18.3327C18.5068 18.3327 19.9992 19.452 19.9992 20.8327C19.9992 22.2134 18.5068 23.3327 16.6659 23.3327M16.6659 13.3327C18.1172 13.3327 19.3519 14.0284 19.8095 14.9993M16.6659 13.3327V11.666M16.6659 23.3327C15.2145 23.3327 13.9798 22.637 13.5222 21.666M16.6659 23.3327V24.9993" stroke="#1C3F3A" stroke-width="2.5" stroke-linecap="round"/>
+</svg>
diff --git a/public/images/box-icon/laptop-issue.svg b/public/images/box-icon/laptop-issue.svg
new file mode 100644
index 0000000..1c87861
--- /dev/null
+++ b/public/images/box-icon/laptop-issue.svg
@@ -0,0 +1,6 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.0003 19.3337V8.66707C27.0003 6.15292 27.0003 4.89584 26.2193 4.11479C25.4382 3.33374 24.1812 3.33374 21.667 3.33374H11.0003C8.48617 3.33374 7.22909 3.33374 6.44804 4.11479C5.66699 4.89584 5.66699 6.15292 5.66699 8.66707V19.3337" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.99682 20.6877L5.69271 19.3337H26.9357L27.6697 20.6877C29.5936 24.2363 30.0728 26.0107 29.3415 27.3389C28.6103 28.6671 26.6715 28.6671 22.7939 28.6671L9.87283 28.6671C5.99522 28.6671 4.05642 28.6671 3.32516 27.3389C2.5939 26.0107 3.07299 24.2363 4.99682 20.6877Z" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.333 14.667H16.345" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.333 11.3337L16.333 8.00041" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/line-board.svg b/public/images/box-icon/line-board.svg
new file mode 100644
index 0000000..32c3610
--- /dev/null
+++ b/public/images/box-icon/line-board.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.6035 40.8018L17.4035 40.8018" stroke="#3F3D2E" stroke-width="3" stroke-linecap="round"/>
+<path d="M24 40.1992L24 29.3992" stroke="#3F3D2E" stroke-width="3" stroke-linecap="round"/>
+<path d="M8.39844 8.99941C8.39844 8.66804 8.66707 8.39941 8.99844 8.39941H23.9984H38.9984C39.3298 8.39941 39.5984 8.66805 39.5984 8.99941V18.5994V28.1994C39.5984 28.5308 39.3298 28.7994 38.9984 28.7994H23.9984H8.99844C8.66707 28.7994 8.39844 28.5308 8.39844 28.1994V18.5994V8.99941Z" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M15.1499 20.5483C15.1499 20.5483 18.8833 22.5269 23.2499 20.9984C29.6482 18.7587 31.8454 15.0105 31.8454 15.0105M31.8454 15.0105L25.4999 14.3983M31.8454 15.0105L32.3999 21.7484" stroke="#3F3D2E" stroke-width="3" stroke-linecap="round"/>
+</svg>
diff --git a/public/images/box-icon/line-chart.svg b/public/images/box-icon/line-chart.svg
new file mode 100644
index 0000000..327a9be
--- /dev/null
+++ b/public/images/box-icon/line-chart.svg
@@ -0,0 +1,19 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="24.15" cy="23.8492" r="6.15" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="24.1512" cy="6.75078" r="3.45" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="4.95" cy="4.95" r="3.45" transform="matrix(1 0 0 -1 19.2012 46.1992)" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="41.2512" cy="23.8484" r="3.45" transform="rotate(90 41.2512 23.8484)" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="6.75078" cy="23.8508" r="3.45" transform="rotate(-90 6.75078 23.8508)" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M24.1484 9.75V18" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M24.1484 38.25V30" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M38.1035 23.8516L29.8535 23.8516" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M9.89844 23.8516L18.1484 23.8516" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="11.9066" cy="11.6953" r="3.45" transform="rotate(-45 11.9066 11.6953)" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="4.95" cy="4.95" r="3.45" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 36.3047 43.0938)" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="36.0898" cy="11.6957" r="3.45" transform="rotate(45 36.0898 11.6957)" stroke="#3F3D2E" stroke-width="3"/>
+<circle cx="11.6953" cy="36.0934" r="3.45" transform="rotate(-135 11.6953 36.0934)" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M14.0332 13.8164L19.8668 19.65" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M34.1836 33.9688L28.35 28.1351" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M33.8633 13.9219L28.0296 19.7555" stroke="#3F3D2E" stroke-width="3"/>
+<path d="M13.9219 33.8633L19.7555 28.0296" stroke="#3F3D2E" stroke-width="3"/>
+</svg>
diff --git a/public/images/box-icon/line-radar.svg b/public/images/box-icon/line-radar.svg
new file mode 100644
index 0000000..b878656
--- /dev/null
+++ b/public/images/box-icon/line-radar.svg
@@ -0,0 +1,3 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.85 21H21V26.85C23.9387 26.2535 26.2535 23.9387 26.85 21ZM21 29.8937C25.5985 29.2359 29.2359 25.5985 29.8937 21H35.9327C35.2194 28.9157 28.9157 35.2194 21 35.9327V29.8937ZM18 26.85V21H12.15C12.7466 23.9387 15.0613 26.2535 18 26.85ZM9.10634 21C9.7641 25.5985 13.4015 29.2359 18 29.8937V35.9327C10.0843 35.2194 3.78059 28.9157 3.06727 21H9.10634ZM0.0568344 21C0.0191744 20.5049 0 20.0047 0 19.5C0 18.9953 0.0191744 18.4951 0.0568344 18C0.785112 8.42639 8.42639 0.785112 18 0.0568344C18.4951 0.0191744 18.9953 0 19.5 0C20.0047 0 20.5049 0.0191744 21 0.0568344C30.5736 0.785111 38.2149 8.42639 38.9432 18C38.9808 18.4951 39 18.9953 39 19.5C39 20.0047 38.9808 20.5049 38.9432 21C38.2149 30.5736 30.5736 38.2149 21 38.9432C20.5049 38.9808 20.0047 39 19.5 39C18.9953 39 18.4951 38.9808 18 38.9432C8.42639 38.2149 0.785111 30.5736 0.0568344 21ZM35.9327 18H29.8937C29.2359 13.4015 25.5985 9.7641 21 9.10634V3.06727C28.9157 3.78059 35.2194 10.0843 35.9327 18ZM18 3.06727C10.0843 3.78059 3.78059 10.0843 3.06727 18H9.10634C9.7641 13.4015 13.4015 9.7641 18 9.10634V3.06727ZM18 12.15C15.0613 12.7466 12.7466 15.0613 12.15 18H18V12.15ZM21 18H26.85C26.2535 15.0613 23.9387 12.7466 21 12.15V18Z" fill="#3F3D2E"/>
+</svg>
diff --git a/public/images/box-icon/medical-circle.svg b/public/images/box-icon/medical-circle.svg
new file mode 100644
index 0000000..076760a
--- /dev/null
+++ b/public/images/box-icon/medical-circle.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9993 29.3334C23.3631 29.3334 29.3327 23.3639 29.3327 16.0001C29.3327 8.63628 23.3631 2.66675 15.9993 2.66675C8.63555 2.66675 2.66602 8.63628 2.66602 16.0001C2.66602 23.3639 8.63555 29.3334 15.9993 29.3334Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.4438 9.73342C18.4438 9.36005 18.4438 9.17336 18.3711 9.03075C18.3072 8.90531 18.2052 8.80333 18.0798 8.73941C17.9372 8.66675 17.7505 8.66675 17.3771 8.66675H14.6216C14.2482 8.66675 14.0615 8.66675 13.9189 8.73941C13.7935 8.80333 13.6915 8.90531 13.6276 9.03075C13.5549 9.17336 13.5549 9.36005 13.5549 9.73342V12.489C13.5549 12.8623 13.5549 13.049 13.4822 13.1916C13.4183 13.3171 13.3163 13.4191 13.1909 13.483C13.0483 13.5556 12.8616 13.5556 12.4882 13.5556H9.73268C9.35931 13.5556 9.17263 13.5556 9.03002 13.6283C8.90458 13.6922 8.80259 13.7942 8.73868 13.9196C8.66602 14.0623 8.66602 14.2489 8.66602 14.6223V17.3779C8.66602 17.7512 8.66602 17.9379 8.73868 18.0805C8.80259 18.206 8.90458 18.3079 9.03002 18.3719C9.17263 18.4445 9.35931 18.4445 9.73268 18.4445H12.4882C12.8616 18.4445 13.0483 18.4445 13.1909 18.5172C13.3163 18.5811 13.4183 18.6831 13.4822 18.8085C13.5549 18.9511 13.5549 19.1378 13.5549 19.5112V22.2667C13.5549 22.6401 13.5549 22.8268 13.6276 22.9694C13.6915 23.0949 13.7935 23.1968 13.9189 23.2608C14.0615 23.3334 14.2482 23.3334 14.6216 23.3334H17.3771C17.7505 23.3334 17.9372 23.3334 18.0798 23.2608C18.2052 23.1968 18.3072 23.0949 18.3711 22.9694C18.4438 22.8268 18.4438 22.6401 18.4438 22.2667V19.5112C18.4438 19.1378 18.4438 18.9511 18.5165 18.8085C18.5804 18.6831 18.6824 18.5811 18.8078 18.5172C18.9504 18.4445 19.1371 18.4445 19.5105 18.4445H22.266C22.6394 18.4445 22.8261 18.4445 22.9687 18.3719C23.0941 18.3079 23.1961 18.206 23.26 18.0805C23.3327 17.9379 23.3327 17.7512 23.3327 17.3779V14.6223C23.3327 14.2489 23.3327 14.0623 23.26 13.9196C23.1961 13.7942 23.0941 13.6922 22.9687 13.6283C22.8261 13.5556 22.6394 13.5556 22.266 13.5556H19.5105C19.1371 13.5556 18.9504 13.5556 18.8078 13.483C18.6824 13.4191 18.5804 13.3171 18.5165 13.1916C18.4438 13.049 18.4438 12.8623 18.4438 12.489V9.73342Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/money-bag-02.svg b/public/images/box-icon/money-bag-02.svg
new file mode 100644
index 0000000..ab55552
--- /dev/null
+++ b/public/images/box-icon/money-bag-02.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.8855 33.6708C40.5728 25.7732 36.4864 19.8923 32.9339 16.438C31.9002 15.4328 31.3833 14.9303 30.2416 14.4651C29.0998 14 28.1184 14 26.1556 14H21.8444C19.8816 14 18.9002 14 17.7584 14.4651C16.6167 14.9303 16.0998 15.4328 15.0661 16.438C11.5136 19.8923 7.42721 25.7732 6.11453 33.6708C5.13786 39.5469 10.5585 44 16.6166 44H31.3834C37.4415 44 42.8621 39.5469 41.8855 33.6708Z" stroke="#1C3F3A" stroke-width="2" stroke-linecap="round"/>
+<path d="M24.8261 22C24.8261 21.4477 24.3784 21 23.8261 21C23.2738 21 22.8261 21.4477 22.8261 22L24.8261 22ZM22.8261 36C22.8261 36.5523 23.2738 37 23.8261 37C24.3784 37 24.8261 36.5523 24.8261 36H22.8261ZM26.3694 25.6051C26.7036 26.0448 27.3309 26.1303 27.7706 25.7961C28.2103 25.4619 28.2958 24.8346 27.9616 24.3949L26.3694 25.6051ZM21.161 32.577C20.7494 32.2087 20.1172 32.2438 19.7489 32.6553C19.3806 33.0668 19.4156 33.699 19.8272 34.0673L21.161 32.577ZM23.8261 27.7987C22.4993 27.7987 21.7875 27.5861 21.4283 27.3441C21.1537 27.1591 21 26.9027 21 26.3789H19C19 27.4142 19.3681 28.3677 20.3109 29.0028C21.169 29.5809 22.3703 29.7987 23.8261 29.7987V27.7987ZM21 26.3789C21 25.9918 21.2105 25.5591 21.7144 25.1874C22.2179 24.8159 22.9612 24.5559 23.8261 24.5559V22.5559C22.5779 22.5559 21.4082 22.9278 20.5269 23.578C19.646 24.228 19 25.2069 19 26.3789H21ZM27 31.6217C27 32.2537 26.7391 32.6459 26.2626 32.9322C25.7254 33.2548 24.8878 33.4447 23.8261 33.4447V35.4447C25.0696 35.4447 26.3189 35.2314 27.2924 34.6466C28.3265 34.0255 29 33.0061 29 31.6217H27ZM23.8261 29.7987C25.161 29.7987 25.963 29.9999 26.4102 30.2916C26.7675 30.5246 27 30.8795 27 31.6217H29C29 30.3474 28.5369 29.2908 27.5028 28.6164C26.5587 28.0007 25.2738 27.7987 23.8261 27.7987V29.7987ZM24.8261 23.5559L24.8261 22L22.8261 22L22.8261 23.5559L24.8261 23.5559ZM22.8261 34.4447V36H24.8261V34.4447H22.8261ZM23.8261 24.5559C25.0173 24.5559 25.9418 25.0426 26.3694 25.6051L27.9616 24.3949C27.0791 23.2338 25.5036 22.5559 23.8261 22.5559V24.5559ZM23.8261 33.4447C22.6612 33.4447 21.7055 33.0644 21.161 32.577L19.8272 34.0673C20.8065 34.9438 22.2687 35.4447 23.8261 35.4447V33.4447Z" fill="#1C3F3A"/>
+<path d="M14.5132 8.88574C14.1006 8.28517 13.5026 7.46999 14.738 7.28409C16.0078 7.09302 17.3264 7.96228 18.6171 7.94442C19.7847 7.92825 20.3796 7.41039 21.0178 6.67096C21.6899 5.89235 22.7305 4 24 4C25.2695 4 26.3101 5.89235 26.9822 6.67096C27.6204 7.41039 28.2153 7.92825 29.3829 7.94442C30.6736 7.96228 31.9922 7.09302 33.262 7.28409C34.4974 7.46999 33.8994 8.28517 33.4868 8.88573L31.6211 11.6013C30.823 12.7629 30.424 13.3437 29.5889 13.6719C28.7538 14 27.6747 14 25.5164 14H22.4836C20.3253 14 19.2462 14 18.4111 13.6719C17.576 13.3437 17.177 12.7629 16.3789 11.6013L14.5132 8.88574Z" stroke="#1C3F3A" stroke-width="2"/>
+</svg>
diff --git a/public/images/box-icon/package-open.svg b/public/images/box-icon/package-open.svg
new file mode 100644
index 0000000..87e87fa
--- /dev/null
+++ b/public/images/box-icon/package-open.svg
@@ -0,0 +1,4 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.667 29.3338C15.5761 29.3338 14.5339 28.8867 12.4496 27.9924C7.26118 25.7663 4.66699 24.6532 4.66699 22.7809L4.66699 10.3305M16.667 29.3338C17.7579 29.3338 18.8001 28.8867 20.8844 27.9924C26.0728 25.7663 28.667 24.6532 28.667 22.7809L28.667 10.3305M16.667 29.3338L16.667 16.2281M28.667 10.3305C28.667 11.1355 27.5982 11.6438 25.4607 12.6605L21.5658 14.513C19.1619 15.6564 17.9599 16.2281 16.667 16.2281M28.667 10.3305C28.667 9.5255 27.5982 9.01716 25.4607 8.00049M4.66699 10.3305C4.66699 11.1355 5.73575 11.6438 7.87328 12.6605L11.7682 14.513C14.1721 15.6564 15.374 16.2281 16.667 16.2281M4.66699 10.3305C4.66699 9.5255 5.73575 9.01716 7.87328 8.00049M9.1097 17.7485L11.7682 19.013" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.6673 2.66699V5.33366M22.0007 4.00033L20.0007 6.66699M11.334 4.00033L13.334 6.66699" stroke="#FC6A2B" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/public/images/box-icon/settings-02.svg b/public/images/box-icon/settings-02.svg
new file mode 100644
index 0000000..9929817
--- /dev/null
+++ b/public/images/box-icon/settings-02.svg
@@ -0,0 +1,6 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4418 33.8994L17.4646 36.1997C17.7686 36.8845 18.2648 37.4662 18.893 37.8745C19.5211 38.2829 20.2543 38.5001 21.0035 38.5C21.7527 38.5001 22.4858 38.2829 23.114 37.8745C23.7421 37.4662 24.2383 36.8845 24.5424 36.1997L25.5651 33.8994C25.9292 33.0832 26.5417 32.4028 27.3151 31.955C28.0935 31.506 28.994 31.3148 29.8876 31.4086L32.3901 31.675C33.1351 31.7538 33.8869 31.6148 34.5543 31.2748C35.2218 30.9349 35.7764 30.4086 36.1507 29.7597C36.5255 29.1113 36.7041 28.368 36.6647 27.62C36.6254 26.8721 36.3698 26.1517 35.929 25.5461L34.4474 23.5103C33.9198 22.78 33.6379 21.9009 33.6424 21C33.6422 20.1015 33.9267 19.2261 34.4551 18.4994L35.9368 16.4636C36.3776 15.8581 36.6332 15.1376 36.6725 14.3897C36.7119 13.6417 36.5333 12.8984 36.1585 12.25C35.7841 11.6012 35.2296 11.0749 34.5621 10.7349C33.8946 10.3949 33.1428 10.2559 32.3979 10.3347L29.8954 10.6011C29.0018 10.695 28.1013 10.5037 27.3229 10.0547C26.5479 9.60444 25.9353 8.92038 25.5729 8.10056L24.5424 5.80028C24.2383 5.11555 23.7421 4.53375 23.114 4.12545C22.4858 3.71714 21.7527 3.49988 21.0035 3.5C20.2543 3.49988 19.5211 3.71714 18.893 4.12545C18.2648 4.53375 17.7686 5.11555 17.4646 5.80028L16.4418 8.10056C16.0794 8.92038 15.4668 9.60444 14.6918 10.0547C13.9134 10.5037 13.013 10.695 12.1193 10.6011L9.60903 10.3347C8.86411 10.2559 8.11233 10.3949 7.44484 10.7349C6.77734 11.0749 6.22281 11.6012 5.84848 12.25C5.47366 12.8984 5.2951 13.6417 5.33445 14.3897C5.37379 15.1376 5.62936 15.8581 6.07015 16.4636L7.55181 18.4994C8.08021 19.2261 8.36475 20.1015 8.36459 21C8.36475 21.8985 8.08021 22.7739 7.55181 23.5006L6.07015 25.5364C5.62936 26.1419 5.37379 26.8624 5.33445 27.6103C5.2951 28.3583 5.47366 29.1016 5.84848 29.75C6.22318 30.3985 6.77778 30.9245 7.44517 31.2644C8.11257 31.6043 8.86417 31.7436 9.60903 31.6653L12.1115 31.3989C13.0052 31.305 13.9057 31.4963 14.684 31.9453C15.462 32.3943 16.0774 33.0785 16.4418 33.8994Z" fill="#28285B"/>
+<path d="M21.0004 26.25C23.8998 26.25 26.2504 23.8995 26.2504 21C26.2504 18.1005 23.8998 15.75 21.0004 15.75C18.1009 15.75 15.7504 18.1005 15.7504 21C15.7504 23.8995 18.1009 26.25 21.0004 26.25Z" fill="#28285B"/>
+<path d="M16.4418 33.8994L17.4646 36.1997C17.7686 36.8845 18.2648 37.4662 18.893 37.8745C19.5211 38.2829 20.2543 38.5001 21.0035 38.5C21.7527 38.5001 22.4858 38.2829 23.114 37.8745C23.7421 37.4662 24.2383 36.8845 24.5424 36.1997L25.5651 33.8994C25.9292 33.0832 26.5417 32.4028 27.3151 31.955C28.0935 31.506 28.994 31.3148 29.8876 31.4086L32.3901 31.675C33.1351 31.7538 33.8869 31.6148 34.5543 31.2748C35.2218 30.9349 35.7764 30.4086 36.1507 29.7597C36.5255 29.1113 36.7041 28.368 36.6647 27.62C36.6254 26.8721 36.3698 26.1517 35.929 25.5461L34.4474 23.5103C33.9198 22.78 33.6379 21.9009 33.6424 21C33.6422 20.1015 33.9267 19.2261 34.4551 18.4994L35.9368 16.4636C36.3776 15.8581 36.6332 15.1376 36.6725 14.3897C36.7119 13.6417 36.5333 12.8984 36.1585 12.25C35.7841 11.6012 35.2296 11.0749 34.5621 10.7349C33.8946 10.3949 33.1428 10.2559 32.3979 10.3347L29.8954 10.6011C29.0018 10.695 28.1013 10.5037 27.3229 10.0547C26.5479 9.60444 25.9353 8.92038 25.5729 8.10056L24.5424 5.80028C24.2383 5.11555 23.7421 4.53375 23.114 4.12545C22.4858 3.71714 21.7527 3.49988 21.0035 3.5C20.2543 3.49988 19.5211 3.71714 18.893 4.12545C18.2648 4.53375 17.7686 5.11555 17.4646 5.80028L16.4418 8.10056C16.0794 8.92038 15.4668 9.60444 14.6918 10.0547C13.9134 10.5037 13.013 10.695 12.1193 10.6011L9.60903 10.3347C8.86411 10.2559 8.11233 10.3949 7.44484 10.7349C6.77734 11.0749 6.22281 11.6012 5.84848 12.25C5.47366 12.8984 5.2951 13.6417 5.33445 14.3897C5.37379 15.1376 5.62936 15.8581 6.07015 16.4636L7.55181 18.4994C8.08021 19.2261 8.36475 20.1015 8.36459 21C8.36475 21.8985 8.08021 22.7739 7.55181 23.5006L6.07015 25.5364C5.62936 26.1419 5.37379 26.8624 5.33445 27.6103C5.2951 28.3583 5.47366 29.1016 5.84848 29.75C6.22318 30.3985 6.77778 30.9245 7.44517 31.2644C8.11257 31.6043 8.86417 31.7436 9.60903 31.6653L12.1115 31.3989C13.0052 31.305 13.9057 31.4963 14.684 31.9453C15.462 32.3943 16.0774 33.0785 16.4418 33.8994Z" stroke="#FF8282" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.0004 26.25C23.8998 26.25 26.2504 23.8995 26.2504 21C26.2504 18.1005 23.8998 15.75 21.0004 15.75C18.1009 15.75 15.7504 18.1005 15.7504 21C15.7504 23.8995 18.1009 26.25 21.0004 26.25Z" stroke="#FF8282" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/box-icon/stock-market.png b/public/images/box-icon/stock-market.png
new file mode 100644
index 0000000..64a0d79
Binary files /dev/null and b/public/images/box-icon/stock-market.png differ
diff --git a/public/images/box-icon/taxes.svg b/public/images/box-icon/taxes.svg
new file mode 100644
index 0000000..5564c0f
--- /dev/null
+++ b/public/images/box-icon/taxes.svg
@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 17.1381C4 14.7458 4.96476 13.2796 6.96126 12.1686L15.1797 7.59489C19.4862 5.1983 21.6394 4 24 4C26.3606 4 28.5138 5.19829 32.8202 7.59488L41.0387 12.1686C43.0352 13.2796 44 14.7458 44 17.1381C44 17.7869 44 18.1112 43.9292 18.3779C43.557 19.7789 42.2875 20 41.0614 20H6.93857C5.71254 20 4.44304 19.7789 4.07084 18.3779C4 18.1112 4 17.7869 4 17.1381Z" stroke="#1C3F3A" stroke-width="2"/>
+<path d="M8 20V37M16 20V37" stroke="#1C3F3A" stroke-width="2"/>
+<path d="M22 37H10C6.68629 37 4 39.6863 4 43C4 43.5523 4.44771 44 5 44H22" stroke="#1C3F3A" stroke-width="2" stroke-linecap="round"/>
+<path d="M43 29L29 43" stroke="#1C3F3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="30.5" cy="30.5" r="1.5" stroke="#1C3F3A" stroke-width="2"/>
+<circle cx="41.5" cy="41.5" r="1.5" stroke="#1C3F3A" stroke-width="2"/>
+</svg>
diff --git a/public/images/brands/brand-1-1.png b/public/images/brands/brand-1-1.png
new file mode 100644
index 0000000..2b7aff3
Binary files /dev/null and b/public/images/brands/brand-1-1.png differ
diff --git a/public/images/brands/brand-1.png b/public/images/brands/brand-1.png
new file mode 100644
index 0000000..8a0ffd0
Binary files /dev/null and b/public/images/brands/brand-1.png differ
diff --git a/public/images/brands/brand-10.png b/public/images/brands/brand-10.png
new file mode 100644
index 0000000..a5564e6
Binary files /dev/null and b/public/images/brands/brand-10.png differ
diff --git a/public/images/brands/brand-11.png b/public/images/brands/brand-11.png
new file mode 100644
index 0000000..8c3f835
Binary files /dev/null and b/public/images/brands/brand-11.png differ
diff --git a/public/images/brands/brand-12.png b/public/images/brands/brand-12.png
new file mode 100644
index 0000000..3e4d06d
Binary files /dev/null and b/public/images/brands/brand-12.png differ
diff --git a/public/images/brands/brand-13.png b/public/images/brands/brand-13.png
new file mode 100644
index 0000000..b494ca3
Binary files /dev/null and b/public/images/brands/brand-13.png differ
diff --git a/public/images/brands/brand-14.png b/public/images/brands/brand-14.png
new file mode 100644
index 0000000..eaf6567
Binary files /dev/null and b/public/images/brands/brand-14.png differ
diff --git a/public/images/brands/brand-15.png b/public/images/brands/brand-15.png
new file mode 100644
index 0000000..0e56493
Binary files /dev/null and b/public/images/brands/brand-15.png differ
diff --git a/public/images/brands/brand-16.png b/public/images/brands/brand-16.png
new file mode 100644
index 0000000..ffdf53c
Binary files /dev/null and b/public/images/brands/brand-16.png differ
diff --git a/public/images/brands/brand-17.png b/public/images/brands/brand-17.png
new file mode 100644
index 0000000..7d50c04
Binary files /dev/null and b/public/images/brands/brand-17.png differ
diff --git a/public/images/brands/brand-18.png b/public/images/brands/brand-18.png
new file mode 100644
index 0000000..8610bf8
Binary files /dev/null and b/public/images/brands/brand-18.png differ
diff --git a/public/images/brands/brand-19.png b/public/images/brands/brand-19.png
new file mode 100644
index 0000000..cd81ca2
Binary files /dev/null and b/public/images/brands/brand-19.png differ
diff --git a/public/images/brands/brand-2-1.png b/public/images/brands/brand-2-1.png
new file mode 100644
index 0000000..7578c48
Binary files /dev/null and b/public/images/brands/brand-2-1.png differ
diff --git a/public/images/brands/brand-2.png b/public/images/brands/brand-2.png
new file mode 100644
index 0000000..b7c401f
Binary files /dev/null and b/public/images/brands/brand-2.png differ
diff --git a/public/images/brands/brand-20.png b/public/images/brands/brand-20.png
new file mode 100644
index 0000000..8559bb5
Binary files /dev/null and b/public/images/brands/brand-20.png differ
diff --git a/public/images/brands/brand-21.png b/public/images/brands/brand-21.png
new file mode 100644
index 0000000..4f99801
Binary files /dev/null and b/public/images/brands/brand-21.png differ
diff --git a/public/images/brands/brand-22.png b/public/images/brands/brand-22.png
new file mode 100644
index 0000000..083caed
Binary files /dev/null and b/public/images/brands/brand-22.png differ
diff --git a/public/images/brands/brand-23.png b/public/images/brands/brand-23.png
new file mode 100644
index 0000000..30ec8bd
Binary files /dev/null and b/public/images/brands/brand-23.png differ
diff --git a/public/images/brands/brand-24.png b/public/images/brands/brand-24.png
new file mode 100644
index 0000000..f086b61
Binary files /dev/null and b/public/images/brands/brand-24.png differ
diff --git a/public/images/brands/brand-25.png b/public/images/brands/brand-25.png
new file mode 100644
index 0000000..109c7e0
Binary files /dev/null and b/public/images/brands/brand-25.png differ
diff --git a/public/images/brands/brand-26.png b/public/images/brands/brand-26.png
new file mode 100644
index 0000000..f0aaa9c
Binary files /dev/null and b/public/images/brands/brand-26.png differ
diff --git a/public/images/brands/brand-27.png b/public/images/brands/brand-27.png
new file mode 100644
index 0000000..d1c1c82
Binary files /dev/null and b/public/images/brands/brand-27.png differ
diff --git a/public/images/brands/brand-28.png b/public/images/brands/brand-28.png
new file mode 100644
index 0000000..6d352c7
Binary files /dev/null and b/public/images/brands/brand-28.png differ
diff --git a/public/images/brands/brand-29.png b/public/images/brands/brand-29.png
new file mode 100644
index 0000000..4fa06ad
Binary files /dev/null and b/public/images/brands/brand-29.png differ
diff --git a/public/images/brands/brand-3-1.png b/public/images/brands/brand-3-1.png
new file mode 100644
index 0000000..77bc804
Binary files /dev/null and b/public/images/brands/brand-3-1.png differ
diff --git a/public/images/brands/brand-3.png b/public/images/brands/brand-3.png
new file mode 100644
index 0000000..1b3f7e7
Binary files /dev/null and b/public/images/brands/brand-3.png differ
diff --git a/public/images/brands/brand-30.png b/public/images/brands/brand-30.png
new file mode 100644
index 0000000..be9c213
Binary files /dev/null and b/public/images/brands/brand-30.png differ
diff --git a/public/images/brands/brand-31.png b/public/images/brands/brand-31.png
new file mode 100644
index 0000000..981bc1b
Binary files /dev/null and b/public/images/brands/brand-31.png differ
diff --git a/public/images/brands/brand-32.png b/public/images/brands/brand-32.png
new file mode 100644
index 0000000..fe74e1c
Binary files /dev/null and b/public/images/brands/brand-32.png differ
diff --git a/public/images/brands/brand-33.png b/public/images/brands/brand-33.png
new file mode 100644
index 0000000..a8d3152
Binary files /dev/null and b/public/images/brands/brand-33.png differ
diff --git a/public/images/brands/brand-34.png b/public/images/brands/brand-34.png
new file mode 100644
index 0000000..576b97d
Binary files /dev/null and b/public/images/brands/brand-34.png differ
diff --git a/public/images/brands/brand-4-1.png b/public/images/brands/brand-4-1.png
new file mode 100644
index 0000000..daf0889
Binary files /dev/null and b/public/images/brands/brand-4-1.png differ
diff --git a/public/images/brands/brand-4.png b/public/images/brands/brand-4.png
new file mode 100644
index 0000000..cb1cbcc
Binary files /dev/null and b/public/images/brands/brand-4.png differ
diff --git a/public/images/brands/brand-5-1.png b/public/images/brands/brand-5-1.png
new file mode 100644
index 0000000..a8d6346
Binary files /dev/null and b/public/images/brands/brand-5-1.png differ
diff --git a/public/images/brands/brand-5.png b/public/images/brands/brand-5.png
new file mode 100644
index 0000000..296fbfc
Binary files /dev/null and b/public/images/brands/brand-5.png differ
diff --git a/public/images/brands/brand-6-1.png b/public/images/brands/brand-6-1.png
new file mode 100644
index 0000000..f5365ef
Binary files /dev/null and b/public/images/brands/brand-6-1.png differ
diff --git a/public/images/brands/brand-6.png b/public/images/brands/brand-6.png
new file mode 100644
index 0000000..d20dbc3
Binary files /dev/null and b/public/images/brands/brand-6.png differ
diff --git a/public/images/brands/brand-7-1.png b/public/images/brands/brand-7-1.png
new file mode 100644
index 0000000..25a0f2a
Binary files /dev/null and b/public/images/brands/brand-7-1.png differ
diff --git a/public/images/brands/brand-7.png b/public/images/brands/brand-7.png
new file mode 100644
index 0000000..aa6dbd1
Binary files /dev/null and b/public/images/brands/brand-7.png differ
diff --git a/public/images/brands/brand-8-1.png b/public/images/brands/brand-8-1.png
new file mode 100644
index 0000000..2058a5c
Binary files /dev/null and b/public/images/brands/brand-8-1.png differ
diff --git a/public/images/brands/brand-8.png b/public/images/brands/brand-8.png
new file mode 100644
index 0000000..41dc1ac
Binary files /dev/null and b/public/images/brands/brand-8.png differ
diff --git a/public/images/brands/brand-9-1.png b/public/images/brands/brand-9-1.png
new file mode 100644
index 0000000..06e0ebd
Binary files /dev/null and b/public/images/brands/brand-9-1.png differ
diff --git a/public/images/brands/brand1.png b/public/images/brands/brand1.png
new file mode 100644
index 0000000..3bc62eb
Binary files /dev/null and b/public/images/brands/brand1.png differ
diff --git a/public/images/brands/brand2.png b/public/images/brands/brand2.png
new file mode 100644
index 0000000..2ffbf51
Binary files /dev/null and b/public/images/brands/brand2.png differ
diff --git a/public/images/country/us.svg b/public/images/country/us.svg
new file mode 100644
index 0000000..9c65270
--- /dev/null
+++ b/public/images/country/us.svg
@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4289_6019)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#F0F0F0"/>
+<path d="M11.4785 12.0001H24.0002C24.0002 10.917 23.8559 9.86774 23.5868 8.86963H11.4785V12.0001Z" fill="#D80027"/>
+<path d="M11.4785 5.73934H22.239C21.5044 4.54065 20.5651 3.48114 19.47 2.60889H11.4785V5.73934Z" fill="#D80027"/>
+<path d="M12.0001 24.0003C14.8243 24.0003 17.4201 23.0242 19.4699 21.3916H4.53027C6.58012 23.0242 9.17591 24.0003 12.0001 24.0003Z" fill="#D80027"/>
+<path d="M1.76146 18.2608H22.2389C22.8286 17.2985 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2985 1.76146 18.2608Z" fill="#D80027"/>
+<path d="M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z" fill="#0052B4"/>
+</g>
+<defs>
+<clipPath id="clip0_4289_6019">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/country/vn.svg b/public/images/country/vn.svg
new file mode 100644
index 0000000..2c899f0
--- /dev/null
+++ b/public/images/country/vn.svg
@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_10011_2922)">
+<mask id="mask0_10011_2922" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M0 0H24.0001V24H0V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_10011_2922)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M-7 0H31V24H-7V0Z" fill="#EC0015"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.63 17.8619L12.1978 14.7262L7.78742 17.8926L9.42775 12.7472L5.02539 9.5698L10.4721 9.52551L12.1614 4.39551L13.8869 9.51379L19.3335 9.52054L14.9538 12.7279L16.6304 17.8621L16.63 17.8619Z" fill="#FFFF00"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_10011_2922">
+<rect width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/demo/demo-1.jpg b/public/images/demo/demo-1.jpg
new file mode 100644
index 0000000..f1de466
Binary files /dev/null and b/public/images/demo/demo-1.jpg differ
diff --git a/public/images/demo/demo-2.jpg b/public/images/demo/demo-2.jpg
new file mode 100644
index 0000000..e206b16
Binary files /dev/null and b/public/images/demo/demo-2.jpg differ
diff --git a/public/images/demo/demo-3.jpg b/public/images/demo/demo-3.jpg
new file mode 100644
index 0000000..bb61c7d
Binary files /dev/null and b/public/images/demo/demo-3.jpg differ
diff --git a/public/images/demo/demo-4.jpg b/public/images/demo/demo-4.jpg
new file mode 100644
index 0000000..319a4a8
Binary files /dev/null and b/public/images/demo/demo-4.jpg differ
diff --git a/public/images/demo/demo-5.jpg b/public/images/demo/demo-5.jpg
new file mode 100644
index 0000000..96f62ef
Binary files /dev/null and b/public/images/demo/demo-5.jpg differ
diff --git a/public/images/item/404.png b/public/images/item/404.png
new file mode 100644
index 0000000..74a60c2
Binary files /dev/null and b/public/images/item/404.png differ
diff --git a/public/images/item/banner-item.png b/public/images/item/banner-item.png
new file mode 100644
index 0000000..0172051
Binary files /dev/null and b/public/images/item/banner-item.png differ
diff --git a/public/images/item/bg-faq.png b/public/images/item/bg-faq.png
new file mode 100644
index 0000000..2a056b7
Binary files /dev/null and b/public/images/item/bg-faq.png differ
diff --git a/public/images/item/bg-project.png b/public/images/item/bg-project.png
new file mode 100644
index 0000000..0b417cd
Binary files /dev/null and b/public/images/item/bg-project.png differ
diff --git a/public/images/item/clutch-rating.png b/public/images/item/clutch-rating.png
new file mode 100644
index 0000000..387909e
Binary files /dev/null and b/public/images/item/clutch-rating.png differ
diff --git a/public/images/item/ellipse-1.png b/public/images/item/ellipse-1.png
new file mode 100644
index 0000000..680ae7b
Binary files /dev/null and b/public/images/item/ellipse-1.png differ
diff --git a/public/images/item/ellipse-2.png b/public/images/item/ellipse-2.png
new file mode 100644
index 0000000..9c9c74a
Binary files /dev/null and b/public/images/item/ellipse-2.png differ
diff --git a/public/images/item/item-1.png b/public/images/item/item-1.png
new file mode 100644
index 0000000..49e3050
Binary files /dev/null and b/public/images/item/item-1.png differ
diff --git a/public/images/item/item-accounting.png b/public/images/item/item-accounting.png
new file mode 100644
index 0000000..b6d942d
Binary files /dev/null and b/public/images/item/item-accounting.png differ
diff --git a/public/images/item/item-approach-1.png b/public/images/item/item-approach-1.png
new file mode 100644
index 0000000..bc9bcc0
Binary files /dev/null and b/public/images/item/item-approach-1.png differ
diff --git a/public/images/item/item-approach-2.png b/public/images/item/item-approach-2.png
new file mode 100644
index 0000000..9e752c0
Binary files /dev/null and b/public/images/item/item-approach-2.png differ
diff --git a/public/images/item/item-choice-1.png b/public/images/item/item-choice-1.png
new file mode 100644
index 0000000..836e683
Binary files /dev/null and b/public/images/item/item-choice-1.png differ
diff --git a/public/images/item/item-choice-2.png b/public/images/item/item-choice-2.png
new file mode 100644
index 0000000..bbfac0d
Binary files /dev/null and b/public/images/item/item-choice-2.png differ
diff --git a/public/images/item/item-expert.png b/public/images/item/item-expert.png
new file mode 100644
index 0000000..03aa2f1
Binary files /dev/null and b/public/images/item/item-expert.png differ
diff --git a/public/images/item/item-finance.png b/public/images/item/item-finance.png
new file mode 100644
index 0000000..d73e539
Binary files /dev/null and b/public/images/item/item-finance.png differ
diff --git a/public/images/item/item-testimonial.png b/public/images/item/item-testimonial.png
new file mode 100644
index 0000000..f79bece
Binary files /dev/null and b/public/images/item/item-testimonial.png differ
diff --git a/public/images/item/item-title.png b/public/images/item/item-title.png
new file mode 100644
index 0000000..8469fd7
Binary files /dev/null and b/public/images/item/item-title.png differ
diff --git a/public/images/item/logo-banner-item.png b/public/images/item/logo-banner-item.png
new file mode 100644
index 0000000..3ef0f0b
Binary files /dev/null and b/public/images/item/logo-banner-item.png differ
diff --git a/public/images/item/shape-1.png b/public/images/item/shape-1.png
new file mode 100644
index 0000000..3395644
Binary files /dev/null and b/public/images/item/shape-1.png differ
diff --git a/public/images/item/shape-10.png b/public/images/item/shape-10.png
new file mode 100644
index 0000000..03d5cd0
Binary files /dev/null and b/public/images/item/shape-10.png differ
diff --git a/public/images/item/shape-11.png b/public/images/item/shape-11.png
new file mode 100644
index 0000000..d1fdd11
Binary files /dev/null and b/public/images/item/shape-11.png differ
diff --git a/public/images/item/shape-2.png b/public/images/item/shape-2.png
new file mode 100644
index 0000000..b68a919
Binary files /dev/null and b/public/images/item/shape-2.png differ
diff --git a/public/images/item/shape-3.png b/public/images/item/shape-3.png
new file mode 100644
index 0000000..c70776e
Binary files /dev/null and b/public/images/item/shape-3.png differ
diff --git a/public/images/item/shape-4.png b/public/images/item/shape-4.png
new file mode 100644
index 0000000..03010ce
Binary files /dev/null and b/public/images/item/shape-4.png differ
diff --git a/public/images/item/shape-5.png b/public/images/item/shape-5.png
new file mode 100644
index 0000000..56cf8b2
Binary files /dev/null and b/public/images/item/shape-5.png differ
diff --git a/public/images/item/shape-6.1.png b/public/images/item/shape-6.1.png
new file mode 100644
index 0000000..2b68705
Binary files /dev/null and b/public/images/item/shape-6.1.png differ
diff --git a/public/images/item/shape-6.png b/public/images/item/shape-6.png
new file mode 100644
index 0000000..5cb2388
Binary files /dev/null and b/public/images/item/shape-6.png differ
diff --git a/public/images/item/shape-7.png b/public/images/item/shape-7.png
new file mode 100644
index 0000000..0e79e56
Binary files /dev/null and b/public/images/item/shape-7.png differ
diff --git a/public/images/item/shape-8.png b/public/images/item/shape-8.png
new file mode 100644
index 0000000..b200189
Binary files /dev/null and b/public/images/item/shape-8.png differ
diff --git a/public/images/item/shape-9.png b/public/images/item/shape-9.png
new file mode 100644
index 0000000..d1fdd11
Binary files /dev/null and b/public/images/item/shape-9.png differ
diff --git a/public/images/item/shape.png b/public/images/item/shape.png
new file mode 100644
index 0000000..ab40d29
Binary files /dev/null and b/public/images/item/shape.png differ
diff --git a/public/images/item/team-emty.png b/public/images/item/team-emty.png
new file mode 100644
index 0000000..9b620f9
Binary files /dev/null and b/public/images/item/team-emty.png differ
diff --git a/public/images/logo/favicon.svg b/public/images/logo/favicon.svg
new file mode 100644
index 0000000..df42932
--- /dev/null
+++ b/public/images/logo/favicon.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3775 17.311L19.7515 29.7325C19.8499 29.8983 20.0285 30 20.2214 30L27.6138 30C27.8054 30 27.983 29.8997 28.0819 29.7356L32 23.2351L24.3144 23.2245C24.123 23.2242 23.9458 23.1239 23.847 22.9599L16.2013 10.2645C16.1024 10.1004 15.9248 10 15.7332 10L8.38609 10C8.19479 10 8.01741 10.1 7.91844 10.2638L3.98206 16.776L0.170825 23.052C0.065736 23.2251 0.0649426 23.4421 0.168767 23.6159L3.82303 29.7338C3.92166 29.8989 4.09983 30 4.29217 30L10.9792 30C11.4043 30 11.6666 29.5358 11.4473 29.1716L3.98206 16.776L11.4378 16.776C11.8235 16.776 12.1806 16.9793 12.3775 17.311Z" fill="#0075FF"/>
+</svg>
diff --git a/public/images/logo/footer-logo-2.1.png b/public/images/logo/footer-logo-2.1.png
new file mode 100644
index 0000000..0b933bb
Binary files /dev/null and b/public/images/logo/footer-logo-2.1.png differ
diff --git a/public/images/logo/footer-logo-2.png b/public/images/logo/footer-logo-2.png
new file mode 100644
index 0000000..8af0304
Binary files /dev/null and b/public/images/logo/footer-logo-2.png differ
diff --git a/public/images/logo/footer-logo-3.png b/public/images/logo/footer-logo-3.png
new file mode 100644
index 0000000..44e9fb3
Binary files /dev/null and b/public/images/logo/footer-logo-3.png differ
diff --git a/public/images/logo/footer-logo-4.png b/public/images/logo/footer-logo-4.png
new file mode 100644
index 0000000..ac1b793
Binary files /dev/null and b/public/images/logo/footer-logo-4.png differ
diff --git a/public/images/logo/footer-logo.png b/public/images/logo/footer-logo.png
new file mode 100644
index 0000000..bde87ee
Binary files /dev/null and b/public/images/logo/footer-logo.png differ
diff --git a/public/images/logo/footer-logo1.png b/public/images/logo/footer-logo1.png
new file mode 100644
index 0000000..e56a4e2
Binary files /dev/null and b/public/images/logo/footer-logo1.png differ
diff --git a/public/images/logo/loading.png b/public/images/logo/loading.png
new file mode 100644
index 0000000..d9e3e08
Binary files /dev/null and b/public/images/logo/loading.png differ
diff --git a/public/images/logo/logo-1.png b/public/images/logo/logo-1.png
new file mode 100644
index 0000000..935ba1c
Binary files /dev/null and b/public/images/logo/logo-1.png differ
diff --git a/public/images/logo/logo-2.png b/public/images/logo/logo-2.png
new file mode 100644
index 0000000..e96d4f9
Binary files /dev/null and b/public/images/logo/logo-2.png differ
diff --git a/public/images/logo/logo-3.png b/public/images/logo/logo-3.png
new file mode 100644
index 0000000..87d8e6b
Binary files /dev/null and b/public/images/logo/logo-3.png differ
diff --git a/public/images/logo/logo-4.png b/public/images/logo/logo-4.png
new file mode 100644
index 0000000..70e2f2a
Binary files /dev/null and b/public/images/logo/logo-4.png differ
diff --git a/public/images/logo/logo-5.png b/public/images/logo/logo-5.png
new file mode 100644
index 0000000..59016a3
Binary files /dev/null and b/public/images/logo/logo-5.png differ
diff --git a/public/images/logo/logo-6.png b/public/images/logo/logo-6.png
new file mode 100644
index 0000000..a45bdda
Binary files /dev/null and b/public/images/logo/logo-6.png differ
diff --git a/public/images/logo/logo.png b/public/images/logo/logo.png
new file mode 100644
index 0000000..6a5a578
Binary files /dev/null and b/public/images/logo/logo.png differ
diff --git a/public/images/logo/mercury-2.png b/public/images/logo/mercury-2.png
new file mode 100644
index 0000000..3d4f09a
Binary files /dev/null and b/public/images/logo/mercury-2.png differ
diff --git a/public/images/logo/mercury.png b/public/images/logo/mercury.png
new file mode 100644
index 0000000..13a79ed
Binary files /dev/null and b/public/images/logo/mercury.png differ
diff --git a/public/images/page-title/Image.jpg b/public/images/page-title/Image.jpg
new file mode 100644
index 0000000..ad8562f
Binary files /dev/null and b/public/images/page-title/Image.jpg differ
diff --git a/public/images/page-title/Image2.png b/public/images/page-title/Image2.png
new file mode 100644
index 0000000..f4cbac7
Binary files /dev/null and b/public/images/page-title/Image2.png differ
diff --git a/public/images/page-title/banner-slide-1.jpg b/public/images/page-title/banner-slide-1.jpg
new file mode 100644
index 0000000..e9e0263
Binary files /dev/null and b/public/images/page-title/banner-slide-1.jpg differ
diff --git a/public/images/page-title/banner-slide-2.jpg b/public/images/page-title/banner-slide-2.jpg
new file mode 100644
index 0000000..0053edf
Binary files /dev/null and b/public/images/page-title/banner-slide-2.jpg differ
diff --git a/public/images/page-title/banner-slide-3.jpg b/public/images/page-title/banner-slide-3.jpg
new file mode 100644
index 0000000..b86bf15
Binary files /dev/null and b/public/images/page-title/banner-slide-3.jpg differ
diff --git a/public/images/page-title/banner-slide-4.jpg b/public/images/page-title/banner-slide-4.jpg
new file mode 100644
index 0000000..441e0b6
Binary files /dev/null and b/public/images/page-title/banner-slide-4.jpg differ
diff --git a/public/images/page-title/banner-slide-5.jpg b/public/images/page-title/banner-slide-5.jpg
new file mode 100644
index 0000000..d977504
Binary files /dev/null and b/public/images/page-title/banner-slide-5.jpg differ
diff --git a/public/images/page-title/banner-slide-6.jpg b/public/images/page-title/banner-slide-6.jpg
new file mode 100644
index 0000000..2b50a08
Binary files /dev/null and b/public/images/page-title/banner-slide-6.jpg differ
diff --git a/public/images/page-title/banner-slide1.jpg b/public/images/page-title/banner-slide1.jpg
new file mode 100644
index 0000000..a42aae1
Binary files /dev/null and b/public/images/page-title/banner-slide1.jpg differ
diff --git a/public/images/page-title/img-1..png b/public/images/page-title/img-1..png
new file mode 100644
index 0000000..7969c93
Binary files /dev/null and b/public/images/page-title/img-1..png differ
diff --git a/public/images/page-title/img-1.jpg b/public/images/page-title/img-1.jpg
new file mode 100644
index 0000000..f0c4c7e
Binary files /dev/null and b/public/images/page-title/img-1.jpg differ
diff --git a/public/images/page-title/img-2.jpg b/public/images/page-title/img-2.jpg
new file mode 100644
index 0000000..0b14fee
Binary files /dev/null and b/public/images/page-title/img-2.jpg differ
diff --git a/public/images/page-title/img-2.png b/public/images/page-title/img-2.png
new file mode 100644
index 0000000..fa7b77b
Binary files /dev/null and b/public/images/page-title/img-2.png differ
diff --git a/public/images/page-title/img-3.jpg b/public/images/page-title/img-3.jpg
new file mode 100644
index 0000000..21904a4
Binary files /dev/null and b/public/images/page-title/img-3.jpg differ
diff --git a/public/images/page-title/img-3.png b/public/images/page-title/img-3.png
new file mode 100644
index 0000000..2472a59
Binary files /dev/null and b/public/images/page-title/img-3.png differ
diff --git a/public/images/page-title/infinity-img-1.jpg b/public/images/page-title/infinity-img-1.jpg
new file mode 100644
index 0000000..1bc722f
Binary files /dev/null and b/public/images/page-title/infinity-img-1.jpg differ
diff --git a/public/images/page-title/infinity-img-2.jpg b/public/images/page-title/infinity-img-2.jpg
new file mode 100644
index 0000000..82c4c1c
Binary files /dev/null and b/public/images/page-title/infinity-img-2.jpg differ
diff --git a/public/images/page-title/infinity-img-3.jpg b/public/images/page-title/infinity-img-3.jpg
new file mode 100644
index 0000000..9373e1e
Binary files /dev/null and b/public/images/page-title/infinity-img-3.jpg differ
diff --git a/public/images/page-title/infinity-img-4.jpg b/public/images/page-title/infinity-img-4.jpg
new file mode 100644
index 0000000..d5e4ff4
Binary files /dev/null and b/public/images/page-title/infinity-img-4.jpg differ
diff --git a/public/images/page-title/infinity-img-5.jpg b/public/images/page-title/infinity-img-5.jpg
new file mode 100644
index 0000000..617efbc
Binary files /dev/null and b/public/images/page-title/infinity-img-5.jpg differ
diff --git a/public/images/page-title/infinity-img-6.jpg b/public/images/page-title/infinity-img-6.jpg
new file mode 100644
index 0000000..38527a7
Binary files /dev/null and b/public/images/page-title/infinity-img-6.jpg differ
diff --git a/public/images/page-title/page-title-1.jpg b/public/images/page-title/page-title-1.jpg
new file mode 100644
index 0000000..f2f3738
Binary files /dev/null and b/public/images/page-title/page-title-1.jpg differ
diff --git a/public/images/page-title/person.png b/public/images/page-title/person.png
new file mode 100644
index 0000000..f899c36
Binary files /dev/null and b/public/images/page-title/person.png differ
diff --git a/public/images/section/banner-form-help.jpg b/public/images/section/banner-form-help.jpg
new file mode 100644
index 0000000..de27dac
Binary files /dev/null and b/public/images/section/banner-form-help.jpg differ
diff --git a/public/images/section/bg-testimonial.png b/public/images/section/bg-testimonial.png
new file mode 100644
index 0000000..995737f
Binary files /dev/null and b/public/images/section/bg-testimonial.png differ
diff --git a/public/images/section/career-1.jpg b/public/images/section/career-1.jpg
new file mode 100644
index 0000000..fdebec3
Binary files /dev/null and b/public/images/section/career-1.jpg differ
diff --git a/public/images/section/case-studies-1.jpg b/public/images/section/case-studies-1.jpg
new file mode 100644
index 0000000..6e140ea
Binary files /dev/null and b/public/images/section/case-studies-1.jpg differ
diff --git a/public/images/section/case-studies-10.jpg b/public/images/section/case-studies-10.jpg
new file mode 100644
index 0000000..e7ec4a7
Binary files /dev/null and b/public/images/section/case-studies-10.jpg differ
diff --git a/public/images/section/case-studies-11.jpg b/public/images/section/case-studies-11.jpg
new file mode 100644
index 0000000..1248ba3
Binary files /dev/null and b/public/images/section/case-studies-11.jpg differ
diff --git a/public/images/section/case-studies-12.jpg b/public/images/section/case-studies-12.jpg
new file mode 100644
index 0000000..965073f
Binary files /dev/null and b/public/images/section/case-studies-12.jpg differ
diff --git a/public/images/section/case-studies-13.jpg b/public/images/section/case-studies-13.jpg
new file mode 100644
index 0000000..1a81ec2
Binary files /dev/null and b/public/images/section/case-studies-13.jpg differ
diff --git a/public/images/section/case-studies-14.jpg b/public/images/section/case-studies-14.jpg
new file mode 100644
index 0000000..93be1f5
Binary files /dev/null and b/public/images/section/case-studies-14.jpg differ
diff --git a/public/images/section/case-studies-15.jpg b/public/images/section/case-studies-15.jpg
new file mode 100644
index 0000000..40ba294
Binary files /dev/null and b/public/images/section/case-studies-15.jpg differ
diff --git a/public/images/section/case-studies-16.jpg b/public/images/section/case-studies-16.jpg
new file mode 100644
index 0000000..d4594d6
Binary files /dev/null and b/public/images/section/case-studies-16.jpg differ
diff --git a/public/images/section/case-studies-17.jpg b/public/images/section/case-studies-17.jpg
new file mode 100644
index 0000000..7efca65
Binary files /dev/null and b/public/images/section/case-studies-17.jpg differ
diff --git a/public/images/section/case-studies-18.jpg b/public/images/section/case-studies-18.jpg
new file mode 100644
index 0000000..23f711b
Binary files /dev/null and b/public/images/section/case-studies-18.jpg differ
diff --git a/public/images/section/case-studies-19.jpg b/public/images/section/case-studies-19.jpg
new file mode 100644
index 0000000..ae9e68a
Binary files /dev/null and b/public/images/section/case-studies-19.jpg differ
diff --git a/public/images/section/case-studies-2.jpg b/public/images/section/case-studies-2.jpg
new file mode 100644
index 0000000..0971a5d
Binary files /dev/null and b/public/images/section/case-studies-2.jpg differ
diff --git a/public/images/section/case-studies-20.jpg b/public/images/section/case-studies-20.jpg
new file mode 100644
index 0000000..a94baa7
Binary files /dev/null and b/public/images/section/case-studies-20.jpg differ
diff --git a/public/images/section/case-studies-21.jpg b/public/images/section/case-studies-21.jpg
new file mode 100644
index 0000000..0d8a705
Binary files /dev/null and b/public/images/section/case-studies-21.jpg differ
diff --git a/public/images/section/case-studies-22.jpg b/public/images/section/case-studies-22.jpg
new file mode 100644
index 0000000..a0eddd3
Binary files /dev/null and b/public/images/section/case-studies-22.jpg differ
diff --git a/public/images/section/case-studies-23.jpg b/public/images/section/case-studies-23.jpg
new file mode 100644
index 0000000..2be0767
Binary files /dev/null and b/public/images/section/case-studies-23.jpg differ
diff --git a/public/images/section/case-studies-24.jpg b/public/images/section/case-studies-24.jpg
new file mode 100644
index 0000000..f923a72
Binary files /dev/null and b/public/images/section/case-studies-24.jpg differ
diff --git a/public/images/section/case-studies-3.jpg b/public/images/section/case-studies-3.jpg
new file mode 100644
index 0000000..a855d16
Binary files /dev/null and b/public/images/section/case-studies-3.jpg differ
diff --git a/public/images/section/case-studies-4.jpg b/public/images/section/case-studies-4.jpg
new file mode 100644
index 0000000..0b95be9
Binary files /dev/null and b/public/images/section/case-studies-4.jpg differ
diff --git a/public/images/section/case-studies-5.jpg b/public/images/section/case-studies-5.jpg
new file mode 100644
index 0000000..dca2c3f
Binary files /dev/null and b/public/images/section/case-studies-5.jpg differ
diff --git a/public/images/section/case-studies-6.jpg b/public/images/section/case-studies-6.jpg
new file mode 100644
index 0000000..4f573e7
Binary files /dev/null and b/public/images/section/case-studies-6.jpg differ
diff --git a/public/images/section/case-studies-7.jpg b/public/images/section/case-studies-7.jpg
new file mode 100644
index 0000000..f1007f9
Binary files /dev/null and b/public/images/section/case-studies-7.jpg differ
diff --git a/public/images/section/case-studies-8.jpg b/public/images/section/case-studies-8.jpg
new file mode 100644
index 0000000..7cc19b4
Binary files /dev/null and b/public/images/section/case-studies-8.jpg differ
diff --git a/public/images/section/case-studies-9.jpg b/public/images/section/case-studies-9.jpg
new file mode 100644
index 0000000..2ce2bc6
Binary files /dev/null and b/public/images/section/case-studies-9.jpg differ
diff --git a/public/images/section/challenges-item-1.jpg b/public/images/section/challenges-item-1.jpg
new file mode 100644
index 0000000..975dc77
Binary files /dev/null and b/public/images/section/challenges-item-1.jpg differ
diff --git a/public/images/section/challenges-item-10.jpg b/public/images/section/challenges-item-10.jpg
new file mode 100644
index 0000000..ddc807b
Binary files /dev/null and b/public/images/section/challenges-item-10.jpg differ
diff --git a/public/images/section/challenges-item-11.jpg b/public/images/section/challenges-item-11.jpg
new file mode 100644
index 0000000..1bbfd14
Binary files /dev/null and b/public/images/section/challenges-item-11.jpg differ
diff --git a/public/images/section/challenges-item-2.jpg b/public/images/section/challenges-item-2.jpg
new file mode 100644
index 0000000..0e0e17a
Binary files /dev/null and b/public/images/section/challenges-item-2.jpg differ
diff --git a/public/images/section/challenges-item-3.jpg b/public/images/section/challenges-item-3.jpg
new file mode 100644
index 0000000..17b3b36
Binary files /dev/null and b/public/images/section/challenges-item-3.jpg differ
diff --git a/public/images/section/challenges-item-4.jpg b/public/images/section/challenges-item-4.jpg
new file mode 100644
index 0000000..0a9df7d
Binary files /dev/null and b/public/images/section/challenges-item-4.jpg differ
diff --git a/public/images/section/challenges-item-5.jpg b/public/images/section/challenges-item-5.jpg
new file mode 100644
index 0000000..f637655
Binary files /dev/null and b/public/images/section/challenges-item-5.jpg differ
diff --git a/public/images/section/challenges-item-6.jpg b/public/images/section/challenges-item-6.jpg
new file mode 100644
index 0000000..49d7c06
Binary files /dev/null and b/public/images/section/challenges-item-6.jpg differ
diff --git a/public/images/section/challenges-item-7.jpg b/public/images/section/challenges-item-7.jpg
new file mode 100644
index 0000000..0d377eb
Binary files /dev/null and b/public/images/section/challenges-item-7.jpg differ
diff --git a/public/images/section/challenges-item-8.jpg b/public/images/section/challenges-item-8.jpg
new file mode 100644
index 0000000..3ae0b95
Binary files /dev/null and b/public/images/section/challenges-item-8.jpg differ
diff --git a/public/images/section/challenges-item-9.jpg b/public/images/section/challenges-item-9.jpg
new file mode 100644
index 0000000..5a8ec47
Binary files /dev/null and b/public/images/section/challenges-item-9.jpg differ
diff --git a/public/images/section/cta.jpg b/public/images/section/cta.jpg
new file mode 100644
index 0000000..35a0d97
Binary files /dev/null and b/public/images/section/cta.jpg differ
diff --git a/public/images/section/img-with-shape-1.jpg b/public/images/section/img-with-shape-1.jpg
new file mode 100644
index 0000000..7c10f2e
Binary files /dev/null and b/public/images/section/img-with-shape-1.jpg differ
diff --git a/public/images/section/img-with-shape-2.jpg b/public/images/section/img-with-shape-2.jpg
new file mode 100644
index 0000000..1106083
Binary files /dev/null and b/public/images/section/img-with-shape-2.jpg differ
diff --git a/public/images/section/img-with-shape-3.jpg b/public/images/section/img-with-shape-3.jpg
new file mode 100644
index 0000000..24433ed
Binary files /dev/null and b/public/images/section/img-with-shape-3.jpg differ
diff --git a/public/images/section/img-with-shape-4.jpg b/public/images/section/img-with-shape-4.jpg
new file mode 100644
index 0000000..9562f60
Binary files /dev/null and b/public/images/section/img-with-shape-4.jpg differ
diff --git a/public/images/section/img-with-shape-5.jpg b/public/images/section/img-with-shape-5.jpg
new file mode 100644
index 0000000..6281584
Binary files /dev/null and b/public/images/section/img-with-shape-5.jpg differ
diff --git a/public/images/section/img-with-shape-6.jpg b/public/images/section/img-with-shape-6.jpg
new file mode 100644
index 0000000..610314c
Binary files /dev/null and b/public/images/section/img-with-shape-6.jpg differ
diff --git a/public/images/section/section-about-1.jpg b/public/images/section/section-about-1.jpg
new file mode 100644
index 0000000..2194774
Binary files /dev/null and b/public/images/section/section-about-1.jpg differ
diff --git a/public/images/section/section-about-2.jpg b/public/images/section/section-about-2.jpg
new file mode 100644
index 0000000..3a2f752
Binary files /dev/null and b/public/images/section/section-about-2.jpg differ
diff --git a/public/images/section/section-about.jpg b/public/images/section/section-about.jpg
new file mode 100644
index 0000000..efc4755
Binary files /dev/null and b/public/images/section/section-about.jpg differ
diff --git a/public/images/section/section-approach.jpg b/public/images/section/section-approach.jpg
new file mode 100644
index 0000000..778e0df
Binary files /dev/null and b/public/images/section/section-approach.jpg differ
diff --git a/public/images/section/section-choose.jpg b/public/images/section/section-choose.jpg
new file mode 100644
index 0000000..30c2c93
Binary files /dev/null and b/public/images/section/section-choose.jpg differ
diff --git a/public/images/section/service-1.jpg b/public/images/section/service-1.jpg
new file mode 100644
index 0000000..5cd086a
Binary files /dev/null and b/public/images/section/service-1.jpg differ
diff --git a/public/images/section/service-10.jpg b/public/images/section/service-10.jpg
new file mode 100644
index 0000000..a4b5b26
Binary files /dev/null and b/public/images/section/service-10.jpg differ
diff --git a/public/images/section/service-11.jpg b/public/images/section/service-11.jpg
new file mode 100644
index 0000000..3e58af6
Binary files /dev/null and b/public/images/section/service-11.jpg differ
diff --git a/public/images/section/service-2.jpg b/public/images/section/service-2.jpg
new file mode 100644
index 0000000..3de946c
Binary files /dev/null and b/public/images/section/service-2.jpg differ
diff --git a/public/images/section/service-3.jpg b/public/images/section/service-3.jpg
new file mode 100644
index 0000000..2ad5323
Binary files /dev/null and b/public/images/section/service-3.jpg differ
diff --git a/public/images/section/service-4.jpg b/public/images/section/service-4.jpg
new file mode 100644
index 0000000..7f90905
Binary files /dev/null and b/public/images/section/service-4.jpg differ
diff --git a/public/images/section/service-5.jpg b/public/images/section/service-5.jpg
new file mode 100644
index 0000000..de6ffe6
Binary files /dev/null and b/public/images/section/service-5.jpg differ
diff --git a/public/images/section/service-6.jpg b/public/images/section/service-6.jpg
new file mode 100644
index 0000000..6c0afd2
Binary files /dev/null and b/public/images/section/service-6.jpg differ
diff --git a/public/images/section/service-7.jpg b/public/images/section/service-7.jpg
new file mode 100644
index 0000000..ed45387
Binary files /dev/null and b/public/images/section/service-7.jpg differ
diff --git a/public/images/section/service-8.jpg b/public/images/section/service-8.jpg
new file mode 100644
index 0000000..c95d778
Binary files /dev/null and b/public/images/section/service-8.jpg differ
diff --git a/public/images/section/service-9.jpg b/public/images/section/service-9.jpg
new file mode 100644
index 0000000..757cfa0
Binary files /dev/null and b/public/images/section/service-9.jpg differ
diff --git a/public/images/section/single-project-1.jpg b/public/images/section/single-project-1.jpg
new file mode 100644
index 0000000..74dfc45
Binary files /dev/null and b/public/images/section/single-project-1.jpg differ
diff --git a/public/images/section/single-project-2.jpg b/public/images/section/single-project-2.jpg
new file mode 100644
index 0000000..b69ac28
Binary files /dev/null and b/public/images/section/single-project-2.jpg differ
diff --git a/public/images/section/single-project-3.jpg b/public/images/section/single-project-3.jpg
new file mode 100644
index 0000000..123277e
Binary files /dev/null and b/public/images/section/single-project-3.jpg differ
diff --git a/public/images/section/testimonial-1.jpg b/public/images/section/testimonial-1.jpg
new file mode 100644
index 0000000..b948c80
Binary files /dev/null and b/public/images/section/testimonial-1.jpg differ
diff --git a/public/images/section/testimonial-2.jpg b/public/images/section/testimonial-2.jpg
new file mode 100644
index 0000000..d9242a8
Binary files /dev/null and b/public/images/section/testimonial-2.jpg differ
diff --git a/public/images/section/testimonial-3.jpg b/public/images/section/testimonial-3.jpg
new file mode 100644
index 0000000..d297b1d
Binary files /dev/null and b/public/images/section/testimonial-3.jpg differ
diff --git a/public/images/shop/cart-item.jpg b/public/images/shop/cart-item.jpg
new file mode 100644
index 0000000..5c0a3bc
Binary files /dev/null and b/public/images/shop/cart-item.jpg differ
diff --git a/public/images/shop/product-1.jpg b/public/images/shop/product-1.jpg
new file mode 100644
index 0000000..e254fb3
Binary files /dev/null and b/public/images/shop/product-1.jpg differ
diff --git a/public/images/shop/product-2.jpg b/public/images/shop/product-2.jpg
new file mode 100644
index 0000000..3908c63
Binary files /dev/null and b/public/images/shop/product-2.jpg differ
diff --git a/public/images/shop/product-3.jpg b/public/images/shop/product-3.jpg
new file mode 100644
index 0000000..eacf13d
Binary files /dev/null and b/public/images/shop/product-3.jpg differ
diff --git a/public/images/shop/product-4.jpg b/public/images/shop/product-4.jpg
new file mode 100644
index 0000000..96d025a
Binary files /dev/null and b/public/images/shop/product-4.jpg differ
diff --git a/public/images/shop/product-5.jpg b/public/images/shop/product-5.jpg
new file mode 100644
index 0000000..ae613a2
Binary files /dev/null and b/public/images/shop/product-5.jpg differ
diff --git a/public/images/shop/product-6.jpg b/public/images/shop/product-6.jpg
new file mode 100644
index 0000000..9206bbb
Binary files /dev/null and b/public/images/shop/product-6.jpg differ
diff --git a/public/images/shop/product-7.jpg b/public/images/shop/product-7.jpg
new file mode 100644
index 0000000..a1db47b
Binary files /dev/null and b/public/images/shop/product-7.jpg differ
diff --git a/public/images/shop/product-8.jpg b/public/images/shop/product-8.jpg
new file mode 100644
index 0000000..5da8e5a
Binary files /dev/null and b/public/images/shop/product-8.jpg differ
diff --git a/public/images/shop/product-9.jpg b/public/images/shop/product-9.jpg
new file mode 100644
index 0000000..6aa443a
Binary files /dev/null and b/public/images/shop/product-9.jpg differ
diff --git a/public/images/shop/thumbs-1.jpg b/public/images/shop/thumbs-1.jpg
new file mode 100644
index 0000000..8d9d7de
Binary files /dev/null and b/public/images/shop/thumbs-1.jpg differ
diff --git a/public/images/shop/thumbs-2.jpg b/public/images/shop/thumbs-2.jpg
new file mode 100644
index 0000000..ba507ea
Binary files /dev/null and b/public/images/shop/thumbs-2.jpg differ
diff --git a/public/images/shop/thumbs-3.jpg b/public/images/shop/thumbs-3.jpg
new file mode 100644
index 0000000..527b6a5
Binary files /dev/null and b/public/images/shop/thumbs-3.jpg differ
diff --git a/public/images/shop/thumbs-4.jpg b/public/images/shop/thumbs-4.jpg
new file mode 100644
index 0000000..93773dd
Binary files /dev/null and b/public/images/shop/thumbs-4.jpg differ
diff --git a/public/images/shop/thumbs-main-1.jpg b/public/images/shop/thumbs-main-1.jpg
new file mode 100644
index 0000000..db84f9d
Binary files /dev/null and b/public/images/shop/thumbs-main-1.jpg differ
diff --git a/public/images/shop/thumbs-main-2.jpg b/public/images/shop/thumbs-main-2.jpg
new file mode 100644
index 0000000..7cf1cf8
Binary files /dev/null and b/public/images/shop/thumbs-main-2.jpg differ
diff --git a/public/images/shop/thumbs-main-3.jpg b/public/images/shop/thumbs-main-3.jpg
new file mode 100644
index 0000000..d54155f
Binary files /dev/null and b/public/images/shop/thumbs-main-3.jpg differ
diff --git a/public/images/shop/thumbs-main-4.jpg b/public/images/shop/thumbs-main-4.jpg
new file mode 100644
index 0000000..e4155e0
Binary files /dev/null and b/public/images/shop/thumbs-main-4.jpg differ
diff --git a/public/images/team/team-1.jpg b/public/images/team/team-1.jpg
new file mode 100644
index 0000000..f45ce4c
Binary files /dev/null and b/public/images/team/team-1.jpg differ
diff --git a/public/images/team/team-10.jpg b/public/images/team/team-10.jpg
new file mode 100644
index 0000000..19f53d9
Binary files /dev/null and b/public/images/team/team-10.jpg differ
diff --git a/public/images/team/team-11.jpg b/public/images/team/team-11.jpg
new file mode 100644
index 0000000..667ebc9
Binary files /dev/null and b/public/images/team/team-11.jpg differ
diff --git a/public/images/team/team-12.jpg b/public/images/team/team-12.jpg
new file mode 100644
index 0000000..6d94d1b
Binary files /dev/null and b/public/images/team/team-12.jpg differ
diff --git a/public/images/team/team-13.jpg b/public/images/team/team-13.jpg
new file mode 100644
index 0000000..58c56bd
Binary files /dev/null and b/public/images/team/team-13.jpg differ
diff --git a/public/images/team/team-14.jpg b/public/images/team/team-14.jpg
new file mode 100644
index 0000000..fd0a775
Binary files /dev/null and b/public/images/team/team-14.jpg differ
diff --git a/public/images/team/team-2.jpg b/public/images/team/team-2.jpg
new file mode 100644
index 0000000..44e6c33
Binary files /dev/null and b/public/images/team/team-2.jpg differ
diff --git a/public/images/team/team-3.jpg b/public/images/team/team-3.jpg
new file mode 100644
index 0000000..1b870ba
Binary files /dev/null and b/public/images/team/team-3.jpg differ
diff --git a/public/images/team/team-4.jpg b/public/images/team/team-4.jpg
new file mode 100644
index 0000000..bb717ea
Binary files /dev/null and b/public/images/team/team-4.jpg differ
diff --git a/public/images/team/team-5.jpg b/public/images/team/team-5.jpg
new file mode 100644
index 0000000..fc2f537
Binary files /dev/null and b/public/images/team/team-5.jpg differ
diff --git a/public/images/team/team-6.jpg b/public/images/team/team-6.jpg
new file mode 100644
index 0000000..a0dc728
Binary files /dev/null and b/public/images/team/team-6.jpg differ
diff --git a/public/images/team/team-7.jpg b/public/images/team/team-7.jpg
new file mode 100644
index 0000000..af58ad1
Binary files /dev/null and b/public/images/team/team-7.jpg differ
diff --git a/public/images/team/team-8.jpg b/public/images/team/team-8.jpg
new file mode 100644
index 0000000..22c999f
Binary files /dev/null and b/public/images/team/team-8.jpg differ
diff --git a/public/images/team/team-9.jpg b/public/images/team/team-9.jpg
new file mode 100644
index 0000000..4ea3f74
Binary files /dev/null and b/public/images/team/team-9.jpg differ
diff --git a/public/scss/_reset.scss b/public/scss/_reset.scss
new file mode 100644
index 0000000..ea52692
--- /dev/null
+++ b/public/scss/_reset.scss
@@ -0,0 +1,1969 @@
+@use "./abstracts/index" as *;
+
+/* Reset Browsers
+-------------------------------------------------------------- */
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font: inherit;
+    vertical-align: baseline;
+    font-family: inherit;
+    font-size: 100%;
+    font-style: inherit;
+    font-weight: inherit;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+    display: block;
+}
+
+html {
+    margin-right: 0 !important;
+    font-size: 62.5%;
+    scroll-behavior: smooth;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+}
+
+*,
+*:before,
+*:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+body {
+    line-height: 1;
+    padding: 0 !important;
+    font-family: $font-main;
+    &::-webkit-scrollbar {
+        width: 10px;
+    }
+    &::-webkit-scrollbar-thumb {
+        background: var(--Primary);
+        border-radius: 999px;
+    }
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+nav,
+section {
+    display: block;
+}
+
+ol,
+ul {
+    list-style: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+caption,
+th,
+td {
+    font-weight: normal;
+    text-align: left;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+    content: "";
+}
+
+blockquote,
+q {
+    quotes: none;
+}
+
+a img {
+    border: 0;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+select {
+    max-width: 100%;
+}
+
+/* General
+-------------------------------------------------------------- */
+
+body,
+button,
+input,
+select,
+textarea {
+    font-family: $font-main;
+    font-size: 15px;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+img {
+    height: auto;
+    max-width: 100%;
+    vertical-align: middle;
+    -ms-interpolation-mode: bicubic;
+}
+
+p {
+    font-weight: 400; //change
+    font-size: 15px;
+    line-height: 25px;
+}
+
+strong,
+b,
+cite {
+    font-weight: bold;
+}
+
+dfn,
+cite,
+em,
+i,
+blockquote {
+    font-style: italic;
+}
+
+abbr,
+acronym {
+    border-bottom: 1px dotted #e0e0e0;
+    cursor: help;
+}
+
+.btn-link:focus,
+.btn-link:hover,
+mark,
+ins {
+    text-decoration: none;
+}
+
+sup,
+sub {
+    font-size: 75%;
+    height: 0;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+small {
+    font-size: 75%;
+}
+
+big {
+    font-size: 125%;
+}
+
+address {
+    font-style: italic;
+    margin: 0 0 20px;
+}
+
+code,
+kbd,
+tt,
+var,
+samp,
+pre {
+    margin: 20px 0;
+    padding: 4px 12px;
+    background: #f5f5f5;
+    border: 1px solid #e0e0e0;
+    overflow-x: auto;
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    hyphens: none;
+    border-radius: 0;
+    height: auto;
+}
+
+svg,
+svg path {
+    @include transition3();
+}
+
+/* Elements
+-------------------------------------------------------------- */
+
+html {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+hr {
+    margin-bottom: 20px;
+    border: dashed 1px #ccc;
+}
+
+/* List */
+
+ul,
+ol {
+    padding: 0;
+}
+
+ul {
+    list-style: disc;
+}
+
+ol {
+    list-style: decimal;
+}
+
+li > ul,
+li > ol {
+    margin-bottom: 0;
+}
+
+li {
+    list-style: none;
+}
+
+ul li,
+ol li {
+    padding: 0;
+}
+
+dl,
+dd {
+    margin: 0 0 20px;
+}
+
+dt {
+    font-weight: bold;
+}
+
+del,
+.disable {
+    text-decoration: line-through;
+    filter: alpha(opacity=50);
+    opacity: 0.5;
+}
+
+/* Table */
+
+table,
+th,
+td {
+    border: 1px solid #343444;
+}
+
+table {
+    border-collapse: separate;
+    border-spacing: 0;
+    border-width: 1px 0 0 1px;
+    margin: 0 0 30px;
+    table-layout: fixed;
+    width: 100%;
+}
+
+caption,
+th,
+td {
+    font-weight: normal;
+    text-align: left;
+}
+
+th {
+    border-width: 0 1px 1px 0;
+    font-weight: bold;
+}
+
+td {
+    border-width: 0 1px 1px 0;
+}
+
+th,
+td {
+    padding: 8px 12px;
+}
+
+/* Media */
+
+embed,
+object,
+video {
+    margin-bottom: 20px;
+    max-width: 100%;
+    vertical-align: middle;
+}
+
+p > embed,
+p > iframe,
+p > object,
+p > video {
+    margin-bottom: 0;
+}
+
+/* Forms
+-------------------------------------------------------------- */
+/* Fixes */
+button,
+input {
+    line-height: normal;
+}
+
+button,
+input,
+select,
+textarea {
+    font-size: 100%;
+    line-height: inherit;
+    margin: 0;
+    vertical-align: baseline;
+}
+
+textarea {
+    overflow: auto;
+    /* Removes default vertical scrollbar in IE6/7/8/9 */
+    vertical-align: top;
+    /* Improves readability and alignment in all browsers */
+}
+
+input[type="checkbox"] {
+    display: inline;
+}
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    line-height: 1;
+    cursor: pointer;
+    -webkit-appearance: button;
+    border: 0;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 6px;
+    background: rgba(0, 0, 0, 0);
+    cursor: pointer;
+    vertical-align: sub;
+    /* Addresses excess padding in IE8/9 */
+}
+
+input[type="search"] {
+    -webkit-appearance: textfield;
+    /* Addresses appearance set to searchfield in S5, Chrome */
+}
+
+input[type="search"]::-webkit-search-decoration {
+    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
+    -webkit-appearance: none;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/* Remove chrome yellow autofill */
+input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
+}
+
+/* Reset search styling */
+input[type="search"] {
+    outline: 0;
+}
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-results-button,
+input[type="search"]::-webkit-search-results-decoration {
+    display: none;
+}
+
+/* Placeholder color */
+::-webkit-input-placeholder {
+    color: #171412;
+}
+
+::-moz-placeholder {
+    color: #171412;
+    opacity: 1;
+}
+
+/* Since FF19 lowers the opacity of the placeholder by default */
+:-ms-input-placeholder {
+    color: #171412;
+}
+
+textarea::placeholder,
+input[type="text"]::placeholder,
+input[type="password"]::placeholder,
+input[type="datetime"]::placeholder,
+input[type="datetime-local"]::placeholder,
+input[type="date"]::placeholder,
+input[type="month"]::placeholder,
+input[type="time"]::placeholder,
+input[type="week"]::placeholder,
+input[type="number"]::placeholder,
+input[type="email"]::placeholder,
+input[type="url"]::placeholder,
+input[type="search"]::placeholder,
+input[type="tel"]::placeholder,
+input[type="color"]::placeholder {
+    @include transition3;
+}
+
+/* Typography
+-------------------------------------------------------------- */
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+    font-family: $font-main;
+    margin: 0;
+    text-rendering: optimizeLegibility;
+    color: var(--Black);
+    font-weight: 400;
+}
+
+h1,
+.h1 {
+    font-size: 64px;
+    line-height: 72px;
+}
+
+h2,
+.h2 {
+    font-size: 48px;
+    line-height: 60px;
+}
+
+h3,
+.h3 {
+    font-size: 40px;
+    line-height: 48px;
+}
+
+h4,
+.h4 {
+    font-size: 36px;
+    line-height: 48px;
+}
+
+h5,
+.h5 {
+    font-size: 32px;
+    line-height: 40px;
+}
+
+h6,
+.h6 {
+    font-size: 24px;
+    line-height: 32px;
+}
+
+.text-display {
+    font-size: 128px;
+    line-height: 128px;
+}
+
+.text-display-2 {
+    font-size: 96px;
+    line-height: 96px;
+}
+
+.text-display-3 {
+    font-size: 72px;
+    line-height: 96px;
+}
+
+.sub-heading {
+    font-size: 20px;
+    line-height: 28px;
+}
+.text-body-1 {
+    font-size: 18px;
+    line-height: 28px;
+}
+
+.text-body-2 {
+    font-size: 16px;
+    line-height: 24px;
+}
+
+.text-body-3 {
+    font-size: 14px !important;
+    line-height: 20px !important;
+}
+
+.text-body-4 {
+    font-size: 12px !important;
+    line-height: 18px !important;
+}
+
+.text-caption {
+    font-size: 12px !important;
+    line-height: 16px !important;
+}
+
+.text-caption-1 {
+    font-size: 10px;
+    line-height: 16px;
+}
+
+.text-caption-2 {
+    font-size: 16px;
+    line-height: 19.36px;
+}
+
+.text-caption-3 {
+    font-size: 12px !important;
+    line-height: 14.52px !important;
+}
+
+.fs-18 {
+    font-size: 18px;
+}
+
+.lh-20 {
+    line-height: 20px !important;
+}
+
+// font-family
+.font2 {
+    font-family: $font-main2 !important;
+}
+.font3 {
+    font-family: $font-main3;
+}
+// font-weight
+.fw-3 {
+    font-weight: 300 !important;
+}
+.fw-4 {
+    font-weight: 400 !important;
+}
+.fw-5 {
+    font-weight: 500 !important;
+}
+.fw-6 {
+    font-weight: 600 !important;
+}
+// letter-spacing
+
+.letter-spacing-1 {
+    letter-spacing: 0.2px;
+}
+.letter-spacing-2 {
+    letter-spacing: 0.1px;
+}
+.letter-spacing-3 {
+    letter-spacing: 1.2px;
+}
+/* text-color
+-------------------------------------------------------------- */
+
+/* link style
+-------------------------------------------------------------- */
+.link,
+.link-white,
+.link-black {
+    @include transition3;
+    color: inherit;
+}
+.link {
+    &:hover {
+        color: var(--Primary) !important;
+    }
+}
+.link-white {
+    &:hover {
+        color: var(--White) !important;
+    }
+}
+.link-black {
+    &:hover {
+        color: var(--Black) !important;
+    }
+}
+
+a {
+    @include transition3;
+    text-decoration: none;
+    cursor: pointer;
+    display: inline-block;
+    &:focus,
+    &:hover {
+        @include transition3;
+        text-decoration: none;
+        outline: 0;
+    }
+}
+
+/* text color
+-------------------------------------------------------------- */
+.text_primary {
+    color: var(--Primary) !important;
+}
+.text_white {
+    color: var(--White) !important;
+}
+.text_black {
+    color: var(--Black) !important;
+}
+.text_color-text-1 {
+    color: var(--Color-text-1) !important;
+}
+.text_color-text-2 {
+    color: var(--Color-text-2) !important;
+}
+.text_color-text-3 {
+    color: var(--Color-text-3) !important;
+}
+.text_mono-gray {
+    color: var(--Mono-gray) !important;
+}
+.text_mono-gray-2 {
+    color: var(--Mono-gray-2) !important;
+}
+.text_mono-gray-3 {
+    color: var(--Mono-gray-3) !important;
+}
+.text_mono-gray-5 {
+    color: var(--Mono-gray-5);
+}
+.text_mono-gray-6 {
+    color: var(--Mono-gray-6);
+}
+.text_mono-gray-4 {
+    color: var(--Mono-gray-4);
+}
+.text_mono-gray-7 {
+    color: var(--Mono-gray-7);
+}
+.text_mono-gray-8 {
+    color: var(--Mono-gray-8);
+}
+.text_dark {
+    color: var(--Color-dark);
+}
+.text_mono-dark-8 {
+    color: var(--Mono-dark-8);
+}
+.text_mono-dark-9 {
+    color: var(--Mono-dark-9);
+}
+.text_mono-dark-10 {
+    color: var(--Mono-dark-10);
+}
+.text_primary-fa-yellow {
+    color: var(--Primary-fa-yellow-10);
+}
+
+// line-clamp
+.line-clamp-1 {
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    display: -webkit-box !important;
+}
+.line-clamp-2 {
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    display: -webkit-box !important;
+}
+.line-clamp-3 {
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    display: -webkit-box;
+}
+.line-clamp-4 {
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    display: -webkit-box;
+}
+.text-whitespace {
+    white-space: nowrap;
+}
+
+// overflow
+.overflow-x-auto {
+    overflow-x: auto;
+    &::-webkit-scrollbar {
+        height: 3px;
+        background-color: var(--Mono-gray-2);
+    }
+    &::-webkit-scrollbar-thumb {
+        background: var(--Primary);
+        border-radius: 999px;
+    }
+}
+
+#wrapper {
+    overflow-x: clip;
+}
+
+/* container
+-------------------------------------------------------------- */
+.row {
+    margin-top: 0 !important;
+    margin-right: -12px !important;
+    margin-left: -12px !important;
+    > * {
+        padding-left: 12px !important;
+        padding-right: 12px !important;
+    }
+}
+.tf-container {
+    max-width: 1726px;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+.tf-container-2 {
+    max-width: 1440px;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.tf-container-3 {
+    max-width: 1200px;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.h-full {
+    height: 100% !important;
+}
+
+.w-full {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
+        .slider-layout-right {
+            width: calc(100vw - (100vw - 1440px) / 2) !important;
+            margin-right: unset;
+            max-width: 100%;
+            margin-left: auto;
+            &.w-xl {
+                width: calc(100vw - (100vw - 1728px) / 2) !important;
+            }
+        }
+/* backgroud
+-------------------------------------------------------------- */
+
+.tf-grid-layout {
+    display: grid;
+    column-gap: 15px;
+    row-gap: 15px;
+    &.tf-col-2 {
+        grid-template-columns: 1fr 1fr;
+    }
+    &.tf-col-3 {
+        grid-template-columns: repeat(3, 1fr);
+    }
+    &.tf-col-4 {
+        grid-template-columns: repeat(4, 1fr);
+    }
+    &.tf-col-5 {
+        grid-template-columns: repeat(5, 1fr);
+    }
+    &.tf-col-6 {
+        grid-template-columns: repeat(6, 1fr);
+    }
+    &.tf-col-7 {
+        grid-template-columns: repeat(7, 1fr);
+    }
+    .wg-pagination {
+        grid-column: 1 / -1;
+        width: 100%;
+    }
+    .wd-load {
+        grid-column: 1 / -1;
+    }
+    &.gap30 {
+        gap: 30px;
+    }
+}
+
+.tf-grid-layout-2 {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 15px;
+}
+
+// decoration
+.flex-direction-row {
+    flex-direction: row;
+}
+.flex-direction-column {
+    flex-direction: column;
+}
+.flex-1 {
+    flex: 1;
+}
+// Rounded
+.rounded-cycle {
+    border-radius: 999px !important;
+}
+.rounded-4 {
+    border-radius: 4px !important;
+}
+.rounded-8 {
+    border-radius: 8px !important;
+}
+.rounded-12 {
+    border-radius: 12px !important;
+}
+.rounded-16 {
+    border-radius: 16px !important;
+}
+.rounded-24 {
+    border-radius: 24px !important;
+}
+.rounded-30 {
+    border-radius: 30px !important;
+}
+.rounded-32 {
+    border-radius: 32px !important;
+}
+
+// gap
+.gap_0 {
+    gap: 0;
+}
+.gap_2 {
+    gap: 2px;
+}
+.gap_4 {
+    gap: 4px;
+}
+.gap_5 {
+    gap: 5px;
+}
+.gap_6 {
+    gap: 6px;
+}
+.gap_7 {
+    gap: 7px;
+}
+.gap_8 {
+    gap: 8px;
+}
+.gap_9 {
+    gap: 9px;
+}
+.gap_10 {
+    gap: 10px;
+}
+.gap_11 {
+    gap: 11px;
+}
+.gap_12 {
+    gap: 12px;
+}
+.gap_13 {
+    gap: 13px;
+}
+.gap_14 {
+    gap: 14px;
+}
+.gap_15 {
+    gap: 15px;
+}
+.gap_16 {
+    gap: 16px;
+}
+
+.gap_17 {
+    gap: 17px;
+}
+.gap_18 {
+    gap: 18px;
+}
+.gap_19 {
+    gap: 19px;
+}
+.gap_20 {
+    gap: 20px;
+}
+.gap_22 {
+    gap: 22px;
+}
+.gap_23 {
+    gap: 23px;
+}
+.gap_24 {
+    gap: 24px;
+}
+.gap_25 {
+    gap: 25px;
+}
+.gap_28 {
+    gap: 28px;
+}
+.gap_29 {
+    gap: 29px;
+}
+.gap_30 {
+    gap: 30px;
+}
+.gap_40 {
+    gap: 40px;
+}
+.gap_46 {
+    gap: 46px;
+}
+
+/* margin
+-------------------------------------------------------------- */
+.mx_24 {
+    margin-left: 24px;
+    margin-right: 24px;
+}
+
+.ml_5 {
+    margin-left: 5px;
+}
+.my-64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+}
+.-mt_6 {
+    margin-top: -6px;
+}
+.-mt_7 {
+    margin-top: -7px !important;
+}
+.-mt_9 {
+    margin-top: -9px;
+}
+.mt_5 {
+    margin-top: 5px !important;
+}
+.mt_6 {
+    margin-top: 6px;
+}
+.mt_7 {
+    margin-top: 7px;
+}
+.mt_8 {
+    margin-top: 8px;
+}
+.mt_13 {
+    margin-top: 13px;
+}
+.mt_17 {
+    margin-top: 17px;
+}
+.mt_18 {
+    margin-top: 18px;
+}
+.mt_19 {
+    margin-top: 19px;
+}
+.mt_20 {
+    margin-top: 20px;
+}
+.mt_21 {
+    margin-top: 21px;
+}
+.mt_22 {
+    margin-top: 22px;
+}
+.mt_23 {
+    margin-top: 23px;
+}
+.mt_24 {
+    margin-top: 24px;
+}
+.mt_25 {
+    margin-top: 25px;
+}
+.mt_27 {
+    margin-top: 27px;
+}
+.mt_28 {
+    margin-top: 28px;
+}
+.mt_30 {
+    margin-top: 30px;
+}
+.mt_32 {
+    margin-top: 32px;
+}
+.mt_40 {
+    margin-top: 40px;
+}
+.mt_58 {
+    margin-top: 58px;
+}
+.mt_60 {
+    margin-top: 60px;
+}
+.mt_64 {
+    margin-top: 64px;
+}
+.mt_67 {
+    margin-top: 67px;
+}
+.mt_73 {
+    margin-top: 73px;
+}
+.mt_84 {
+    margin-top: 84px;
+}
+.mt_85 {
+    margin-top: 85px;
+}
+.mt_86 {
+    margin-top: 86px;
+}
+.mt_96 {
+    margin-top: 96px;
+}
+.-mb_11 {
+    margin-bottom: -11px !important;
+}
+.mb_2 {
+    margin-bottom: 2px;
+}
+.mb_3 {
+    margin-bottom: 3px;
+}
+.mb_4 {
+    margin-bottom: 4px;
+}
+.mb_5 {
+    margin-bottom: 5px !important;
+}
+.mb_6 {
+    margin-bottom: 6px;
+}
+.mb_7 {
+    margin-bottom: 7px;
+}
+.mb_8 {
+    margin-bottom: 8px;
+}
+.mb_9 {
+    margin-bottom: 9px;
+}
+.mb_10 {
+    margin-bottom: 10px;
+}
+.mb_11 {
+    margin-bottom: 11px;
+}
+.mb_12 {
+    margin-bottom: 12px;
+}
+.mb_13 {
+    margin-bottom: 13px;
+}
+.mb_14 {
+    margin-bottom: 14px;
+}
+.mb_15 {
+    margin-bottom: 15px;
+}
+.mb_16 {
+    margin-bottom: 16px;
+}
+.mb_17 {
+    margin-bottom: 17px;
+}
+.mb_18 {
+    margin-bottom: 18px;
+}
+.mb_19 {
+    margin-bottom: 19px;
+}
+.mb_20 {
+    margin-bottom: 20px;
+}
+.mb_21 {
+    margin-bottom: 21px;
+}
+.mb_22 {
+    margin-bottom: 22px;
+}
+.mb_23 {
+    margin-bottom: 23px;
+}
+.mb_24 {
+    margin-bottom: 24px;
+}
+.mb_25 {
+    margin-bottom: 25px;
+}
+.mb_26 {
+    margin-bottom: 26px;
+}
+.mb_27 {
+    margin-bottom: 27px;
+}
+.mb_28 {
+    margin-bottom: 28px;
+}
+.mb_29 {
+    margin-bottom: 29px;
+}
+.mb_30 {
+    margin-bottom: 30px;
+}
+.mb_31 {
+    margin-bottom: 31px;
+}
+.mb_32 {
+    margin-bottom: 32px;
+}
+.mb_33 {
+    margin-bottom: 33px;
+}
+.mb_34 {
+    margin-bottom: 34px;
+}
+.mb_35 {
+    margin-bottom: 35px;
+}
+.mb_36 {
+    margin-bottom: 36px;
+}
+
+.mb_37 {
+    margin-bottom: 37px;
+}
+
+.mb_38 {
+    margin-bottom: 37px;
+}
+.mb_39 {
+    margin-bottom: 39px;
+}
+.mb_40 {
+    margin-bottom: 40px;
+}
+.mb_41 {
+    margin-bottom: 41px;
+}
+.mb_42 {
+    margin-bottom: 42px;
+}
+.mb_43 {
+    margin-bottom: 43px;
+}
+
+.mb_44 {
+    margin-bottom: 44px;
+}
+.mb_45 {
+    margin-bottom: 45px;
+}
+.mb_47 {
+    margin-bottom: 47px;
+}
+
+.mb_48 {
+    margin-bottom: 48px;
+}
+
+.mb_49 {
+    margin-bottom: 49px;
+}
+.mb_50 {
+    margin-bottom: 50px;
+}
+.mb_51 {
+    margin-bottom: 51px;
+}
+.mb_52 {
+    margin-bottom: 52px;
+}
+.mb_53 {
+    margin-bottom: 53px;
+}
+.mb_54 {
+    margin-bottom: 54px;
+}
+
+.mb_55 {
+    margin-bottom: 55px;
+}
+.mb_56 {
+    margin-bottom: 56px;
+}
+.mb_57 {
+    margin-bottom: 57px;
+}
+.mb_58 {
+    margin-bottom: 58px;
+}
+.mb_59 {
+    margin-bottom: 59px;
+}
+.mb_60 {
+    margin-bottom: 60px;
+}
+.mb_61 {
+    margin-bottom: 61px;
+}
+.mb_62 {
+    margin-bottom: 62px;
+}
+.mb_63 {
+    margin-bottom: 63px;
+}
+.mb_64 {
+    margin-bottom: 64px;
+}
+.mb_65 {
+    margin-bottom: 65px;
+}
+.mb_66 {
+    margin-bottom: 66px;
+}
+.mb_67 {
+    margin-bottom: 67px;
+}
+.mb_68 {
+    margin-bottom: 66px;
+}
+.mb_70 {
+    margin-bottom: 70px;
+}
+.mb_72 {
+    margin-bottom: 72px;
+}
+.mb_73 {
+    margin-bottom: 73px;
+}
+.mb_75 {
+    margin-bottom: 75px;
+}
+.mb_77 {
+    margin-bottom: 77px;
+}
+
+.mb_80 {
+    margin-bottom: 80px;
+}
+.mb_82 {
+    margin-bottom: 82px;
+}
+.mb_83 {
+    margin-bottom: 83px;
+}
+.mb_84 {
+    margin-bottom: 84px;
+}
+.mb_85 {
+    margin-bottom: 85px;
+}
+.mb_86 {
+    margin-bottom: 86px;
+}
+.mb_87 {
+    margin-bottom: 87px;
+}
+.mb_88 {
+    margin-bottom: 88px;
+}
+.mb_89 {
+    margin-bottom: 89px;
+}
+.mb_90 {
+    margin-bottom: 90px;
+}
+.mb_92 {
+    margin-bottom: 92px;
+}
+.mb_94 {
+    margin-bottom: 94px;
+}
+.mb_95 {
+    margin-bottom: 95px;
+}
+.mb_96 {
+    margin-bottom: 96px;
+}
+.mb_100 {
+    margin-bottom: 100px;
+}
+.mb_102 {
+    margin-bottom: 102px;
+}
+.mb_104 {
+    margin-bottom: 104px;
+}
+.mb_108 {
+    margin-bottom: 108px;
+}
+.mb_111 {
+    margin-bottom: 111px;
+}
+.mb_112 {
+    margin-bottom: 112px;
+}
+.mb_122 {
+    margin-bottom: 122px;
+}
+/* padding
+-------------------------------------------------------------- */
+// py
+.py_10 {
+    padding: 10px 0;
+}
+.py_12 {
+    padding: 12px 0;
+}
+.py_14 {
+    padding: 14px 0;
+}
+.py_32 {
+    padding: 32px 0;
+}
+.py_50 {
+    padding: 50px 0;
+}
+// px
+.px_15 {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+// pt
+.pt_13 {
+    padding-top: 13px;
+}
+.pt_14 {
+    padding-top: 14px;
+}
+.pt_15 {
+    padding-top: 15px;
+}
+.pt_20 {
+    padding-top: 20px;
+}
+.pt_22 {
+    padding-top: 22px;
+}
+.pt_18 {
+    padding-top: 18px;
+}
+.pt_21 {
+    padding-top: 21px;
+}
+.pt_22 {
+    padding-top: 22px;
+}
+.pt_23 {
+    padding-top: 23px;
+}
+.pt_26 {
+    padding-top: 26px;
+}
+.pt_31 {
+    padding-top: 31px;
+}
+
+.pt_32 {
+    padding-top: 32px;
+}
+.pt_34 {
+    padding-top: 34px;
+}
+.pt_66 {
+    padding-top: 66px;
+}
+
+.pt_80 {
+    padding-top: 80px;
+}
+.pt_111 {
+    padding-top: 111px;
+}
+// pb
+.pb_12 {
+    padding-bottom: 12px;
+}
+.pb_14 {
+    padding-bottom: 14px !important;
+}
+.pb_18 {
+    padding-bottom: 18px;
+}
+.pb_20 {
+    padding-bottom: 20px;
+}
+.pb_23 {
+    padding-bottom: 23px;
+}
+.pb_24 {
+    padding-bottom: 24px;
+}
+.pb_30 {
+    padding-bottom: 30px;
+}
+.pb_31 {
+    padding-bottom: 31px;
+}
+.pb_32 {
+    padding-bottom: 32px;
+}
+.pb_33 {
+    padding-bottom: 33px;
+}
+.pb_37 {
+    padding-bottom: 37px;
+}
+.pb_42 {
+    padding-bottom: 42px;
+}
+.pb_48 {
+    padding-bottom: 48px;
+}
+
+.pb_50 {
+    padding-bottom: 50px;
+}
+
+.pb_52 {
+    padding-bottom: 52px;
+}
+.pb_54 {
+    padding-bottom: 54px;
+}
+.pb_56 {
+    padding-bottom: 56px;
+}
+
+.pb_55 {
+    padding-bottom: 55px;
+}
+
+.pb_61 {
+    padding-bottom: 61px;
+}
+
+/* spacing-section
+-------------------------------------------------------------- */
+.tf-spacing-1 {
+    padding-top: 122px;
+    padding-bottom: 122px;
+}
+.tf-spacing-2 {
+    padding-top: 114px;
+    padding-bottom: 118px;
+}
+
+.tf-spacing-3 {
+    padding-top: 106px;
+    padding-bottom: 80px;
+}
+
+.tf-spacing-4 {
+    padding-top: 188px;
+    padding-bottom: 158px;
+}
+
+.tf-spacing-5 {
+    padding-top: 112px;
+    padding-bottom: 112px;
+}
+.tf-spacing-6 {
+    padding-top: 109px;
+    padding-bottom: 112px;
+}
+.tf-spacing-7 {
+    padding-top: 110px;
+    padding-bottom: 121px;
+}
+.tf-spacing-8 {
+    padding-top: 110px;
+    padding-bottom: 126px;
+}
+.tf-spacing-9 {
+    padding-top: 111px;
+    padding-bottom: 126px;
+}
+.tf-spacing-10 {
+    padding-top: 109px;
+    padding-bottom: 87px;
+}
+.tf-spacing-11 {
+    padding-top: 122px;
+    padding-bottom: 168px;
+}
+.tf-spacing-12 {
+    padding-top: 111px;
+    padding-bottom: 75px;
+}
+.tf-spacing-13 {
+    padding-top: 60px;
+    padding-bottom: 122px;
+}
+.tf-spacing-14 {
+    padding-top: 115px;
+    padding-bottom: 122px;
+}
+.tf-spacing-15 {
+    padding-top: 115px;
+    padding-bottom: 110px;
+}
+.tf-spacing-16 {
+    padding-top: 110px;
+    padding-bottom: 148px;
+}
+.tf-spacing-17 {
+    padding-top: 109px;
+    padding-bottom: 110px;
+}
+.tf-spacing-18 {
+    padding-top: 119px;
+    padding-bottom: 160px;
+}
+.tf-spacing-19 {
+    padding-top: 161px;
+    padding-bottom: 160px;
+}
+.tf-spacing-20 {
+    padding-top: 158px;
+    padding-bottom: 160px;
+}
+.tf-spacing-21 {
+    padding-top: 163px;
+    padding-bottom: 158px;
+}
+.tf-spacing-22 {
+    padding-top: 153px;
+    padding-bottom: 297px;
+}
+.tf-spacing-23 {
+    padding-top: 160px;
+    padding-bottom: 160px;
+}
+.tf-spacing-24 {
+    padding-top: 148px;
+    padding-bottom: 146px;
+}
+.tf-spacing-25 {
+    padding-top: 121px;
+    padding-bottom: 109px;
+}
+
+.tf-spacing-26 {
+    padding-top: 114px;
+    padding-bottom: 118px;
+}
+.tf-spacing-27 {
+    padding-top: 105px;
+    padding-bottom: 123px;
+}
+.tf-spacing-28 {
+    padding-top: 166px;
+    padding-bottom: 160px;
+}
+.tf-spacing-29 {
+    padding-top: 157px;
+    padding-bottom: 160px;
+}
+.tf-spacing-30 {
+    padding-top: 160px;
+    padding-bottom: 58px;
+}
+.tf-spacing-31 {
+    padding-top: 133px;
+    padding-bottom: 74px;
+}
+.tf-spacing-32 {
+    padding-top: 94px;
+    padding-bottom: 156px;
+}
+.tf-spacing-33 {
+    padding-top: 157px;
+    padding-bottom: 156px;
+}
+.tf-spacing-34 {
+    padding-top: 150px;
+    padding-bottom: 156px;
+}
+.tf-spacing-35 {
+    padding-top: 161px;
+    padding-bottom: 157px;
+}
+.tf-spacing-36 {
+    padding-top: 85px;
+    padding-bottom: 157px;
+}
+.tf-spacing-37 {
+    padding-top: 108px;
+    padding-bottom: 110px;
+}
+.tf-spacing-38 {
+    padding-top: 113px;
+    padding-bottom: 95px;
+}
+.tf-spacing-39 {
+    padding-top: 170px;
+    padding-bottom: 120px;
+}
+.tf-spacing-40 {
+    padding-top: 125px;
+    padding-bottom: 120px;
+}
+.tf-spacing-41 {
+    padding-top: 119px;
+    padding-bottom: 120px;
+}
+.tf-spacing-42 {
+    padding-bottom: 159px;
+}
+.tf-spacing-43 {
+    padding-top: 144px;
+    padding-bottom: 148px;
+}
+.tf-spacing-44 {
+    padding-top: 120px;
+    padding-bottom: 152px;
+}
+.tf-spacing-45 {
+    padding-bottom: 135px;
+}
+.tf-spacing-46{
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+/* backgroub color
+-------------------------------------------------------------- */
+.bg-color-1 {
+    background-color: var(--Bg-color-1);
+}
+.bg-color-primary {
+    background-color: var(--Primary);
+}
+.bg-sub-color {
+    background-color: var(--Sub-color-1);
+}
+.bg-color-red {
+    background-color: var(--Primary-ic-red);
+}
+.bg-color-yellow {
+    background-color: var(--Primary-ic-yellow);
+}
+.bg-color-green {
+    background-color: var(--Primary-ic-green);
+}
+.bg-color-blue {
+    background-color: var(--Primary-ic-blue);
+}
+.bg-mono-gray-1 {
+    background-color: var(--Mono-gray-1);
+}
+.bg-primary-fa-green {
+    background-color: var(--Primary-fa-green);
+}
+/* Extra classes
+-------------------------------------------------------------- */
+.w-100vw {
+    width: 100vw;
+}
+
+.hidden {
+    display: none;
+}
+
+.z-5 {
+    z-index: 5;
+}
+
+.sticky-element {
+    position: sticky;
+    top: 30px;
+}
+
+.point {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    .item {
+        height: 18px;
+        width: 18px;
+        border-radius: 999px;
+        position: relative !important;
+        display: inline-block;
+        border: 4px solid var(--Primary);
+    }
+}
+
+.heading-tag {
+    padding: 6px 12px 5px;
+    border: 1px solid var(--Mono-gray-2);
+    border-radius: 8px;
+    width: max-content;
+    .icon {
+        color: var(--Mono-dark-9);
+        font-size: 18px;
+    }
+    &.v2 {
+        border-color: var(--Mono-gray-7);
+    }
+    &.style-1 {
+        padding: 0 16px;
+        height: 32px;
+        @include flex(center, center);
+        border: none;
+        background-color: var(--Mono-gray-1);
+        border-radius: unset;
+    }
+    &.style-2 {
+        background-color: var(--Mono-gray-1);
+        border: none;
+        height: 32px;
+        padding: 0 16px;
+        border-radius: 999px;
+        @include flex(center, center);
+        &.v2 {
+            background-color: #133a37;
+            color: var(--Primary-fa-yellow-10);
+        }
+    }
+}
+
+.swiper-slide {
+    height: auto;
+}
+
+.wrap-page-header {
+    background: linear-gradient(103.01deg, #eff4ff 0%, #c9d9ff 100.23%);
+}
+
+.grid-2 {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+}
+
+.text-gradient {
+    background: linear-gradient(90deg, #ff3a2d 24.69%, #ffa13f 54.15%);
+    background-clip: text !important;
+    -webkit-background-clip: text !important;
+    -webkit-text-fill-color: transparent !important;
+    > .word > * {
+        background: linear-gradient(90deg, #ff3a2d 24.69%, #ffa13f 54.15%);
+        background-clip: text !important;
+        -webkit-background-clip: text !important;
+        -webkit-text-fill-color: transparent !important;
+    }
+}
+
+.loadItem.hidden {
+    display: none;
+}
+
+.divider {
+    width: 100%;
+    border-block-start: 2px dashed #a7a7a7;
+}
+
+.progress-wrap {
+    position: fixed;
+    bottom: 40px;
+    right: 15px;
+    height: 40px;
+    width: 40px;
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 999px;
+    z-index: 98;
+    opacity: 0;
+    visibility: hidden;
+    -webkit-transform: translateY(20px);
+    -ms-transform: translateY(20px);
+    transform: translateY(20px);
+    -webkit-transition: all 400ms linear;
+    -o-transition: all 400ms linear;
+    transition: all 400ms linear;
+    background: var(--White);
+    border: 1.2px solid rgba(134, 134, 134, 0.12);
+    &::after {
+        position: absolute;
+        content: "\e950";
+        font-family: $fontIcon;
+        text-align: center;
+        line-height: 40px;
+        font-size: 20px;
+        color: var(--Primary);
+        height: 40px;
+        width: 40px;
+        cursor: pointer;
+        z-index: 1;
+        -webkit-transition: all 400ms linear;
+        -o-transition: all 400ms linear;
+        transition: all 400ms linear;
+    }
+    &.active-progress {
+        opacity: 1;
+        visibility: visible;
+        -webkit-transform: translateY(0);
+        -ms-transform: translateY(0);
+        transform: translateY(0);
+    }
+    svg path {
+        fill: none;
+    }
+    svg.progress-circle path {
+        box-sizing: border-box;
+        stroke: var(--Primary);
+        stroke-width: 4;
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        transition-duration: 0.4s;
+        transition-timing-function: linear;
+    }
+}
diff --git a/public/scss/_responsive.scss b/public/scss/_responsive.scss
new file mode 100644
index 0000000..29b4724
--- /dev/null
+++ b/public/scss/_responsive.scss
@@ -0,0 +1,2675 @@
+@use "./abstracts/index" as *;
+
+@media (min-width: 576px) {
+  .tf-grid-layout-sm,
+  .tf-grid-layout {
+    &.sm-col-2 {
+      grid-template-columns: 1fr 1fr;
+    }
+    &.sm-col-3 {
+      grid-template-columns: repeat(3, 1fr);
+    }
+    &.sm-col-4 {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+  .tf-grid-layout-sm {
+    display: grid;
+  }
+  .page-title {
+    .facts {
+      gap: 10px;
+      .avatar {
+        &:not(:first-child) {
+          margin-left: -15px;
+        }
+      }
+    }
+  }
+  .footer {
+    &.style-1 {
+      .footer-body {
+        .right {
+          .content {
+            padding: 32px;
+            flex: 30%;
+          }
+          .image {
+            flex: 3%;
+          }
+        }
+      }
+    }
+  }
+  .tf-countdown-lg {
+    .countdown__timer {
+      gap: 40px;
+    }
+    .countdown__item {
+      min-width: 76px;
+      min-height: 89px;
+      .countdown__value {
+        font-weight: 500;
+        font-size: 64px;
+        line-height: 72px;
+      }
+    }
+  }
+}
+@media (min-width: 768px) {
+  .tf-grid-layout-2,
+  .tf-grid-layout,
+  .tf-grid-layout-md,
+  .tf-grid-layout-lg,
+  .tf-grid-layout-sm {
+    &.md-col-2 {
+      grid-template-columns: 1fr 1fr;
+    }
+    &.md-col-3 {
+      grid-template-columns: repeat(3, 1fr);
+    }
+    &.md-col-4 {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+  .tf-grid-layout-md {
+    display: grid;
+  }
+  .footer {
+    &.style-4 {
+      .footer-top {
+        .wrap-social {
+          text-align: end;
+        }
+        margin-bottom: 72px;
+      }
+      .footer-body {
+        justify-content: space-between;
+        flex-direction: row;
+      }
+      .left {
+        flex: 30%;
+        flex-direction: row;
+      }
+      .right {
+        flex: 20%;
+        text-align: end;
+        padding-left: 30px;
+      }
+      .footer-bottom .left {
+        gap: 40px;
+      }
+    }
+  }
+  .page-title {
+    &.style-1 {
+      .content-inner {
+        padding-top: 145px;
+      }
+      .heading-title {
+        margin-bottom: 120px;
+      }
+    }
+    &.style-5 {
+      .form-send-email {
+        max-width: 550px;
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+  }
+  .tf-btn {
+    &.height-1 {
+      height: 58px;
+    }
+    &.height-2 {
+      height: 52px;
+    }
+    &.height-3 {
+      height: 64px;
+    }
+    &.height-4 {
+      height: 72px;
+    }
+  }
+  .blog-article-item {
+    &.style-2 {
+      .article-content {
+        padding: 0 40px;
+      }
+    }
+  }
+  .counter-item {
+    &.style-default {
+      max-width: 430px;
+    }
+  }
+  .tf-countdown-lg {
+    .countdown__timer {
+      gap: 69px;
+    }
+    .countdown__item {
+      min-width: 115px;
+      min-height: 90px;
+      gap: 13px;
+      .countdown__value {
+        font-weight: 500;
+        font-size: 96px;
+        line-height: 96px;
+      }
+    }
+  }
+
+  .section-process {
+    &.style-1 {
+      .heading-secion {
+        padding-left: 19px;
+      }
+      .right {
+        width: 63%;
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+  }
+  .section-service {
+    &.style-1 {
+      .heading-section {
+        .right {
+          p {
+            max-width: 406px;
+          }
+        }
+      }
+    }
+  }
+  .product-item .tooltip {
+    display: block;
+  }
+  .cart-product {
+    .left {
+      padding: 27px 40px 32px;
+    }
+  }
+  .job-card {
+    display: flex;
+    padding: 42px 40px 37px;
+    justify-content: space-between;
+    flex-direction: row;
+    .heading {
+      width: calc(100% * 4 / 12);
+    }
+    .content {
+      width: calc(100% * 3.8 / 12);
+    }
+    .description {
+      width: calc(100% * 4.4 / 12);
+    }
+    .content {
+      text-align: end;
+    }
+  }
+  .section-process {
+    &.style-1 {
+      .wrap {
+        padding-bottom: 116px;
+      }
+    }
+  }
+  .section-team {
+    &.style-2 {
+      .wrap {
+        padding-bottom: 112px;
+      }
+    }
+  }
+  .section-blog {
+    &.style-3 {
+      .wrap {
+        padding-bottom: 109px;
+      }
+    }
+  }
+  .section-values.style-1 {
+    .tf-grid-layout-md {
+      gap: 32px;
+    }
+  }
+  .banner-CTA {
+    height: 411px;
+    border-radius: 24px;
+    padding: 29px 48px 32px;
+  }
+  .section-testimonial.style-6 {
+    padding-top: 205px;
+    padding-bottom: 159px;
+  }
+  .tf-box-icon.style-1 {
+    .title {
+      max-width: 295px;
+    }
+  }
+}
+@media (min-width: 992px) {
+  .tf-grid-layout-2,
+  .tf-grid-layout,
+  .tf-grid-layout-md,
+  .tf-grid-layout-lg,
+  .tf-grid-layout-sm {
+    &.lg-col-2 {
+      grid-template-columns: 1fr 1fr;
+    }
+    &.lg-col-3 {
+      grid-template-columns: repeat(3, 1fr);
+    }
+    &.lg-col-4 {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+  .tf-grid-layout {
+    column-gap: 24px;
+  }
+  .tf-grid-layout-lg {
+    display: grid;
+  }
+  .page-title {
+    &.style-1 {
+      .content-inner {
+        padding-top: 188px;
+        padding-bottom: 208px;
+      }
+      .heading-title {
+        margin-bottom: 215px;
+      }
+      .thumbs-main {
+        img {
+          min-height: 1066px;
+          object-fit: cover;
+        }
+      }
+      .tf-btn {
+        max-width: 226px;
+        width: 100%;
+      }
+    }
+    &.style-4 {
+      padding-top: 138px;
+      .heading-title {
+        flex-direction: row;
+        margin-bottom: 99px;
+      }
+
+      .left {
+        flex: 50%;
+      }
+      .right {
+        padding-top: 17px;
+        flex: 18%;
+        p {
+          text-align: end;
+          margin-bottom: 42px;
+        }
+        .tf-btn {
+          padding: 0 30px;
+        }
+      }
+      .wrap-btn {
+        justify-content: flex-end;
+      }
+    }
+    &.style-5 {
+      .bot {
+        margin-top: 29px;
+      }
+    }
+  }
+  .footer {
+    &.style-1 {
+      .footer-col-block {
+        width: calc(100% * 3.9 / 12);
+      }
+      .home {
+        padding-left: 35px;
+      }
+      .contact {
+        padding-left: 6px;
+      }
+      .footer-bottom .wrapper .right {
+        margin-right: 178px;
+      }
+    }
+    &.style-3 {
+      padding-top: 121px;
+    }
+    &.style-4 {
+      .footer-newsletter {
+        .tf-btn {
+          width: 162px;
+        }
+      }
+      .footer-top {
+        .wrap-social {
+          text-align: end;
+        }
+        margin-bottom: 66px;
+      }
+      .footer-col-block {
+        width: 26.1%;
+      }
+      .wrapper {
+        margin-top: 104px;
+      }
+    }
+  }
+  .section-blog-grid {
+    .tf-grid-layout {
+      row-gap: 88px;
+    }
+  }
+  .relatest-post-item {
+    &.style-default {
+      max-width: 359px;
+    }
+  }
+  .sidebar {
+    gap: 57px;
+    max-width: 430px;
+    margin-left: auto;
+    .wrap-popular-tag {
+      max-width: 379px;
+    }
+  }
+  .reply-comment-item {
+    &.type-reply {
+      margin-left: 143px;
+    }
+  }
+  .section-sigle-post {
+    .wrap-popular-tag {
+      gap: 20px;
+    }
+    .wrap-tag {
+      max-width: 979px;
+    }
+  }
+  .testimonial {
+    &.style-default {
+      padding: 40px;
+      .box-user {
+        gap: 24px;
+      }
+    }
+    &.style-2 {
+      padding: 24px 0px;
+    }
+    &.style-3 {
+      padding: 32px 40px 40px;
+      .box-user {
+        gap: 18px;
+      }
+    }
+  }
+  .error-404 {
+    padding-bottom: 97px;
+    .tf-btn {
+      width: 200px;
+    }
+    .img {
+      margin-bottom: 59px;
+    }
+    p {
+      margin-bottom: 87px;
+    }
+  }
+  .cart-product {
+    .left {
+      .title {
+        margin-bottom: 40px;
+      }
+    }
+  }
+  .coming-soon {
+    .tf-countdown-lg {
+      margin-bottom: 77px;
+    }
+    p {
+      margin-bottom: 89px;
+    }
+    .form-newsletter {
+      margin-bottom: 64px;
+      .subscribe-content {
+        gap: 11px;
+      }
+      fieldset {
+        max-width: 399px;
+      }
+      .tf-btn {
+        width: 137px;
+      }
+    }
+  }
+  .section-case-studie.style-1 {
+    .sw-button {
+      height: 64px;
+      width: 64px;
+    }
+  }
+  .text-with-img-1 {
+    .content {
+      padding: 70px 0 83px;
+    }
+    .heading {
+      margin-bottom: 51px;
+    }
+    .description {
+      max-width: 576px;
+    }
+    .title {
+      margin-bottom: 44px;
+    }
+    .contact {
+      .icon {
+        height: 52px;
+        width: 52px;
+      }
+    }
+  }
+  .section-testimonial {
+    &.style-1 {
+      .wrap {
+        padding-top: 111px;
+        padding-bottom: 94px;
+        &.v2 {
+          padding-top: 168px;
+        }
+      }
+      .heading-section {
+        max-width: 440px;
+      }
+      &.v2 {
+        .wrap {
+          padding-top: 174px;
+        }
+      }
+    }
+    &.style-5 {
+      .sw-layout {
+        margin-bottom: 120px;
+      }
+    }
+    &.style-6 {
+      padding-top: 55px;
+      padding-bottom: 59px;
+    }
+  }
+  .section-faqs {
+    &.style-1 {
+      .accordion-wrap {
+        max-width: 1122px;
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+    &.style-2 {
+      .accordion-wrap {
+        max-width: 1076px;
+        margin-left: auto;
+        margin-right: auto;
+      }
+      .bot {
+        margin-top: 63px;
+        .tf-btn {
+          margin-top: 24px;
+          padding: 0 36px;
+        }
+      }
+    }
+    &.style-3 {
+      .heading-section {
+        max-width: 740px;
+      }
+    }
+  }
+  .section-contact {
+    &.style-default {
+      .heading {
+        max-width: 591px;
+      }
+      .bot {
+        .content {
+          margin-bottom: 59px;
+        }
+      }
+    }
+  }
+  .single-post {
+    .description {
+      margin-bottom: 57px;
+    }
+    .wrap-text {
+      margin-bottom: 191px;
+    }
+    .unique-features {
+      margin-bottom: 88px;
+      padding-top: 110px;
+      margin-top: 112px;
+      .right {
+        padding-top: 5px;
+        gap: 25px;
+      }
+    }
+    .thumbs-main {
+      margin-bottom: 88px;
+    }
+    .facts {
+      padding-bottom: 9px;
+      margin-top: 14px;
+    }
+    .group-img {
+      margin-bottom: 142px;
+    }
+  }
+  .section-work {
+    &.style-1 {
+      .heading-section {
+        max-width: 430px;
+      }
+      .step-container {
+        justify-content: flex-end;
+      }
+    }
+  }
+  .section-CTA {
+    .parallaxie {
+      height: 639px;
+    }
+  }
+  .box-about {
+    display: flex;
+    gap: 30px;
+    .left {
+      flex: 20%;
+      max-width: 668px;
+    }
+    .right {
+      flex: 20%;
+      .image {
+        text-align: end;
+      }
+    }
+  }
+  .section-work {
+    &.style-2 {
+      .tf-btn {
+        width: 240px;
+      }
+    }
+  }
+  .section-figures {
+    .heading-section {
+      .right {
+        margin-top: -5px;
+        max-width: 616px;
+        width: 100%;
+      }
+    }
+    padding-top: 618px;
+    margin-top: -521px;
+  }
+  .section-about {
+    &.style-1 {
+      .highlight {
+        left: 40px;
+        bottom: 39px;
+      }
+      .left {
+        .content {
+          max-width: 550px;
+          padding-top: 23px;
+          margin-top: 73px;
+          p {
+            margin-bottom: 40px;
+          }
+        }
+      }
+    }
+  }
+  .tf-cart-item_product {
+    padding: 51px 0 62px;
+    .product-item {
+      gap: 24px;
+    }
+  }
+  .text-with-img-2 {
+    .content {
+      max-width: 684px;
+      padding-top: 100px;
+    }
+    .description-1 {
+      margin-top: 43px;
+    }
+    .wrap-counter {
+      margin-top: 169px;
+    }
+    &.v2 {
+      .content {
+        padding-top: 114px;
+      }
+      .shape-img-bg {
+        margin-left: auto;
+      }
+    }
+  }
+  .section-pricing {
+    &.style-1 {
+      .tf-grid-layout {
+        padding-bottom: 121px;
+      }
+    }
+  }
+  .pricing-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    .heading {
+      margin-bottom: 46px;
+    }
+    .price {
+      padding-bottom: 30px;
+      margin-bottom: 36px;
+      span {
+        line-height: 37px;
+      }
+    }
+    .tf-btn {
+      margin-top: 91px;
+    }
+  }
+  .form-checkout {
+    padding: 30px 40px 40px;
+    .grid-2 {
+      gap: 24px;
+    }
+  }
+  .section-team {
+    &.style-1,
+    &.style-2 {
+      .tf-grid-layout-2 {
+        gap: 89px 15px;
+      }
+    }
+    &.style-2 {
+      .wrap {
+        padding-bottom: 112px;
+      }
+    }
+    &.style-3 {
+      .swiper {
+        margin-bottom: 65px;
+      }
+    }
+  }
+  .section-service {
+    &.style-1 {
+      .heading-section {
+        .right {
+          padding-top: 24px;
+          max-width: 406px;
+          width: 100%;
+        }
+      }
+    }
+    &.style-4 {
+      .wrap {
+        margin-bottom: 71px;
+      }
+    }
+  }
+  .wg-listing {
+    .tf-grid-layout {
+      gap: 41px 24px;
+    }
+    .wd-load {
+      padding-bottom: 122px;
+      border-bottom: 1px solid var(--Mono-gray-2);
+      .tf-btn {
+        max-width: 262px;
+        width: 100%;
+        height: 56px;
+        margin-top: 104px;
+      }
+    }
+  }
+  .projectCarousel {
+    .content {
+      .sw-button {
+        width: 64px;
+        height: 64px;
+      }
+    }
+    .wrap-sw-button {
+      padding-bottom: 8px;
+    }
+  }
+  .unique-benefits {
+    .img-thumbs {
+      margin-top: 124px;
+    }
+  }
+  .widget-tabs {
+    &.style-1 {
+      .widget-content-tab {
+        padding-bottom: 111px;
+      }
+    }
+  }
+  .section-hard-data {
+    .tf-btn-link {
+      padding-top: 5px;
+      i {
+        height: 30px;
+        width: 30px;
+        font-size: 20px;
+      }
+    }
+  }
+  .section-case-studies {
+    &.style-1 {
+      .sw-button {
+        height: 64px;
+        width: 64px;
+      }
+    }
+  }
+}
+@media (min-width: 1200px) {
+  .tf-grid-layout-2,
+  .tf-grid-layout,
+  .tf-grid-layout-md,
+  .tf-grid-layout-lg,
+  .tf-grid-layout-sm {
+    &.xl-col-4 {
+      grid-template-columns: repeat(4, 1fr);
+    }
+    &.xl-col-5 {
+      grid-template-columns: repeat(5, 1fr);
+    }
+  }
+  .section-blog-grid {
+    .left {
+      padding-top: 9px;
+    }
+  }
+  .page-title {
+    &.style-1 {
+      .wrap-facts {
+        margin-right: -39px;
+      }
+    }
+    &.style-2 {
+      .heading-title {
+        gap: 96px;
+        padding-bottom: 26px;
+      }
+    }
+  }
+  .box-service.style-2 > .content {
+    padding-top: 17px;
+  }
+  .footer {
+    &.style-1 {
+      .footer-wrap {
+        .right {
+          margin-top: -141px;
+          .content {
+            flex: 23%;
+          }
+          .image {
+            flex: 20%;
+          }
+          .content {
+            padding: 25px 31px;
+          }
+        }
+      }
+    }
+  }
+  .shape-img-bg {
+    height: 568px;
+    img {
+      height: 568px;
+    }
+    &.style-2 {
+      max-width: 682px;
+      margin-left: auto;
+      margin-right: 27px;
+      img {
+        height: 535px;
+      }
+    }
+  }
+  .text-with-img-1 {
+    .content {
+      padding: 131px 0 83px;
+    }
+  }
+  .section-process {
+    &.style-1 {
+      .accordion-wrap {
+        margin-right: -26px;
+      }
+      .accordion-faqs-content {
+        max-width: 766px;
+      }
+      .right {
+        width: 50%;
+        padding-bottom: 60px;
+      }
+    }
+  }
+  .box-about {
+    &.style-2 {
+      .heading-section {
+        padding-top: 124px;
+        margin-bottom: 72px;
+      }
+      .right {
+        .image {
+          padding-right: 46px;
+        }
+      }
+    }
+  }
+  .product-item {
+    .box-icon {
+      height: 40px;
+      width: 40px;
+    }
+    &.style-list {
+      .add-cart {
+        height: 40px;
+      }
+    }
+  }
+  .section-contact {
+    &.style-default {
+      .form-contact {
+        margin-top: 10px;
+        max-width: 717px;
+      }
+    }
+  }
+  .case-studies-item.style-2 {
+    .bot {
+      padding-bottom: 8px;
+      p {
+        max-width: 382px;
+      }
+    }
+  }
+  .step-container {
+    margin-left: 66px;
+  }
+  .section-CTA {
+    .list {
+      padding-top: 11px;
+      padding-left: 8px;
+    }
+  }
+  .section-blog {
+    &.style-1 {
+      .right {
+        .sw-progress {
+          margin-bottom: 10px;
+        }
+      }
+    }
+  }
+  .section-service {
+    &.style-4 {
+      .wrap-counter {
+        padding: 0 57px;
+      }
+    }
+  }
+  .section-approach.style-1 {
+    .right {
+      margin-bottom: 21px;
+    }
+  }
+  .projectCarousel {
+    .content {
+      .sw-button {
+        width: 64px;
+        height: 64px;
+      }
+    }
+  }
+  .shop-details {
+    .right {
+      padding-left: 118px;
+      padding-top: 75px;
+    }
+  }
+  .wrap-shop {
+    .left {
+      margin-right: -25px;
+      .tf-grid-layout-2 {
+        gap: 30px 23px;
+      }
+    }
+    .right {
+      max-width: 430px;
+      margin-left: auto;
+    }
+  }
+  .sildebar-fiiler {
+    .form-search {
+      margin-bottom: 95px;
+    }
+  }
+  .case-studies-item.style-2 .heading {
+    max-width: 692px;
+  }
+}
+
+@media (min-width: 1441px) {
+  .header {
+    .mega-menu {
+      padding: 40px !important;
+    }
+    .wrap-demo-item {
+      gap: 28px;
+    }
+    &.style-1,
+    &.style-3 {
+      .header-left {
+        gap: 50px;
+      }
+      .main-menu .navigation {
+        gap: 40px;
+      }
+    }
+    &.style-3 {
+      .header-left {
+        gap: 56px;
+      }
+    }
+  }
+  .footer {
+    &.style-default {
+      .footer-about {
+        padding-top: 5px;
+      }
+    }
+  }
+  .section-testimonial {
+    &.style-5 {
+      .testimonial {
+        margin-top: -46px;
+        transition: 350ms ease-in-out;
+        transition-property: margin-top;
+        height: 100%;
+      }
+      .swiper-slide {
+        overflow: hidden;
+        height: 794px;
+      }
+      .swiper-slide-active {
+        .testimonial {
+          margin-top: 0;
+        }
+      }
+    }
+  }
+  .section-sigle-post {
+    .left {
+      margin-top: 9px;
+      margin-right: -25px;
+    }
+    .heading-single-post .box-infor .right {
+      padding-right: 20px;
+    }
+    .reply-comment {
+      max-width: 979px;
+    }
+  }
+  .nav-tabs-wrap {
+    &.style-1 {
+      justify-content: center;
+      gap: 59px;
+    }
+  }
+}
+@media (max-width: 1440px) {
+  .counter-item.style-1 {
+    flex-direction: column;
+    text-align: center;
+    gap: 0;
+  }
+  .projectCarousel {
+    .bg {
+      width: 100%;
+    }
+    .shape {
+      width: 890px;
+    }
+  }
+  .testimonial {
+    &.style-default {
+      padding: 24px 15px;
+    }
+  }
+
+  .case-studies-item {
+    &.style-1 {
+      .group-number {
+        gap: 17px !important;
+      }
+    }
+  }
+  .section-service.style-2 .sw-button {
+    &.nav-prev-layout-1 {
+      left: 78px;
+    }
+    &.nav-next-layout-1 {
+      right: 78px;
+    }
+  }
+  .nav-tabs-wrap.style-1,
+  .navigation-bar,
+  .nav-tabs-wrap.style-2 {
+    padding-bottom: 20px;
+  }
+  .tf-project-filter {
+    gap: 24px;
+    padding-bottom: 10px;
+  }
+}
+@media (max-width: 1350px) {
+  .pricing-item {
+    padding: 40px 15px;
+  }
+}
+
+@media (max-width: 1199px) {
+  .xl-hide {
+    display: none !important;
+  }
+  .footer {
+    &.style-1 {
+      .footer-body {
+        .col-xl-6 {
+          &:nth-child(1) {
+            order: 2;
+          }
+        }
+      }
+    }
+  }
+  .box-service {
+    &.style-1 {
+      gap: 30px;
+      .heading {
+        margin-bottom: 12px;
+      }
+      .list {
+        margin-bottom: 23px;
+      }
+      .author {
+        margin-bottom: 34px;
+      }
+    }
+    &.style-2 {
+      padding: 60px 40px;
+      gap: 40px;
+    }
+  }
+  .counter-item.style-3 span {
+    font-size: 112px;
+  }
+  .accordion-item.style-default.v5 {
+    .heading .title {
+      font-size: 35px;
+      line-height: 47px;
+      gap: 20px;
+    }
+    .accordion-faqs-content {
+      padding-left: 49px;
+    }
+  }
+  .section-approach {
+    &.style-1 {
+      .approach-1 {
+        left: 3%;
+      }
+    }
+  }
+  .canvas-body {
+    padding: 15px 15px 70px;
+  }
+  .sildebar-fiiler {
+    position: fixed;
+    bottom: 0;
+    z-index: 99999;
+    display: flex;
+    flex-direction: column;
+    background-clip: padding-box;
+    outline: 0;
+    top: 0;
+    left: 0;
+    transform: translateX(-100%);
+    .categories,
+    .filter {
+      padding: 24px 15px;
+      margin-bottom: 40px;
+    }
+    .title,
+    .heading {
+      margin-bottom: 30px;
+    }
+  }
+  .filterShop {
+    display: flex;
+  }
+  .sildebar-fiiler .wrap-range {
+    padding: 40px 15px;
+  }
+  .range-price .box-price-item {
+    width: 84px;
+  }
+  .case-studies-item.style-1 {
+    &.v2 {
+      .heading {
+        p {
+          max-width: 100%;
+        }
+      }
+    }
+    .content {
+      max-width: 100%;
+    }
+  }
+  .tf-spacing-22 {
+    padding-bottom: 153px;
+  }
+}
+@media (max-width: 1190px) {
+  h1,
+  .h1 {
+    font-size: 53px;
+    line-height: 61px;
+  }
+  .header {
+    .support {
+      display: none !important;
+    }
+  }
+  .main-menu {
+    display: none;
+  }
+  .mobile-button {
+    display: block;
+  }
+
+  .pricing-item {
+    .price-value {
+      font-size: 28px;
+      line-height: 36px;
+    }
+  }
+}
+@media (max-width: 1024px) {
+  .heading-section {
+    margin-bottom: 50px;
+  }
+  .text-display {
+    font-size: 100px;
+    line-height: 100px;
+  }
+  .box-service {
+    &.style-3 {
+      .right {
+        display: none;
+      }
+    }
+  }
+  .popup-cart {
+    width: 700px;
+  }
+}
+@media (max-width: 991px) {
+  br {
+    display: none;
+  }
+  h1,
+  .h1 {
+    font-size: 40px;
+    line-height: 48px;
+  }
+  h3,
+  .h3 {
+    font-size: 33px;
+    line-height: 43px;
+  }
+  h4,
+  .h4 {
+    font-size: 30px;
+    line-height: 38px;
+  }
+  .text-display-2 {
+    font-size: 80px;
+    line-height: 88px;
+  }
+  .text-display-3 {
+    font-size: 60px;
+    line-height: 68px;
+  }
+  .hide-lg {
+    display: none !important;
+  }
+  .tf-spacing-1,
+  .tf-spacing-2,
+  .tf-spacing-3,
+  .tf-spacing-4,
+  .tf-spacing-5,
+  .tf-spacing-6,
+  .tf-spacing-7,
+  .tf-spacing-8,
+  .tf-spacing-9,
+  .tf-spacing-10,
+  .tf-spacing-11,
+  .tf-spacing-12,
+  .tf-spacing-13,
+  .tf-spacing-14,
+  .tf-spacing-15,
+  .tf-spacing-16,
+  .tf-spacing-17,
+  .tf-spacing-18,
+  .tf-spacing-19,
+  .tf-spacing-20,
+  .tf-spacing-21,
+  .tf-spacing-22,
+  .tf-spacing-23,
+  .tf-spacing-24,
+  .tf-spacing-25,
+  .tf-spacing-26,
+  .tf-spacing-27,
+  .tf-spacing-28,
+  .tf-spacing-29,
+  .tf-spacing-30,
+  .tf-spacing-31,
+  .tf-spacing-32,
+  .tf-spacing-33,
+  .tf-spacing-34,
+  .tf-spacing-35,
+  .tf-spacing-36,
+  .tf-spacing-37,
+  .tf-spacing-38,
+  .tf-spacing-39,
+  .tf-spacing-40,
+  .tf-spacing-41,
+  .tf-spacing-42,
+  .tf-spacing-43,
+  .tf-spacing-44,
+  .tf-spacing-45 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+  .heading-section {
+    margin-bottom: 40px;
+  }
+  .main-content {
+    border-radius: 20px 20px 0 0;
+  }
+  .flex-wrap-lg {
+    flex-wrap: wrap;
+  }
+  .page-title {
+    &.style-default {
+      padding-top: 60px;
+      &.v2 {
+        padding-bottom: 104px;
+      }
+    }
+
+    &.style-2 {
+      .heading-title {
+        flex-direction: column;
+      }
+    }
+    &.style-4 {
+      .left {
+        margin-bottom: 11px;
+      }
+    }
+    &.style-5 {
+      .shape-top {
+        width: 123%;
+      }
+      .shape.shape-bottom {
+        top: calc(100% - 27px);
+      }
+    }
+  }
+  .footer {
+    .footer-logo,
+    .footer-info {
+      margin-bottom: 20px;
+    }
+    .footer-about {
+      margin-bottom: 50px;
+    }
+    .footer-col-block {
+      margin-bottom: 40px;
+    }
+    .footer-bottom {
+      .wrapper {
+        justify-content: center;
+      }
+    }
+    &.style-1 {
+      .left .content {
+        justify-content: space-between;
+      }
+    }
+    &.style-2 {
+      padding-top: 0;
+    }
+  }
+  .wrap-logo-carousel {
+    padding-top: 218px;
+    padding-bottom: 80px;
+  }
+  .wg-pagination {
+    margin-top: 50px;
+  }
+  .section-blog-grid {
+    .row {
+      gap: 60px;
+    }
+  }
+  .section-process {
+    &.style-1 {
+      .left {
+        order: 2;
+      }
+    }
+  }
+  .box-about {
+    &.style-2 {
+      .left {
+        margin-bottom: 40px;
+      }
+    }
+  }
+  .text-with-img-1 {
+    .item {
+      width: 180px;
+      height: 180px;
+      .text-circle {
+        width: 220px;
+      }
+      .logo {
+        width: 60px;
+      }
+    }
+  }
+  .case-studies-item.style-2 {
+    padding: 30px;
+    .highlight {
+      padding: 15px;
+      bottom: 30px;
+      right: 15px;
+      max-width: 194px;
+      height: 239px;
+    }
+  }
+  .single-post {
+    .info-item {
+      margin-bottom: 24px;
+    }
+    .unique-features {
+      .left {
+        margin-bottom: 40px;
+        height: unset !important;
+      }
+      .title {
+        margin-bottom: 16px;
+      }
+    }
+    .wrap-text {
+      p {
+        margin-top: 16px;
+      }
+    }
+    .counter-item {
+      margin-bottom: 20px;
+    }
+  }
+  .section-work {
+    &.style-1 {
+      .step-container {
+        --left-spacing: 135px;
+      }
+      .tf-box-icon {
+        min-width: 100%;
+      }
+    }
+  }
+  .section-CTA {
+    .left {
+      padding-bottom: 40px;
+    }
+  }
+  .box-service {
+    &.style-1 {
+      flex-direction: column;
+      .img-style {
+        text-align: center;
+      }
+    }
+    &.style-2 {
+      flex-direction: column;
+      padding-left: 24px;
+      padding-right: 24px;
+      .number {
+        margin-bottom: 6px;
+      }
+      .title {
+        margin-bottom: 10px;
+      }
+      .img-style {
+        max-width: 651px;
+        margin-left: auto;
+        margin-right: auto;
+      }
+      .list {
+        li {
+          color: var(--Black) !important;
+        }
+      }
+    }
+  }
+  .section-blog {
+    &.style-2 {
+      .wrapper {
+        flex-direction: column;
+        gap: 50px;
+      }
+      .blog-article-item {
+        margin-left: auto;
+        margin-right: auto;
+      }
+      .relatest-post-item {
+        padding: 24px 15px;
+      }
+    }
+  }
+  .counter-item.style-3 span {
+    font-size: 72px;
+  }
+  .projectCarousel {
+    padding: 64px 30px;
+    .bg {
+      width: 100%;
+    }
+    .shape {
+      width: 670px;
+    }
+    .filter-list li {
+      font-size: 18px;
+      line-height: 26px;
+      &.active {
+        font-size: 22px;
+        line-height: 30px;
+      }
+    }
+  }
+  .section-approach {
+    &.style-1 {
+      .right {
+        width: 100%;
+      }
+    }
+  }
+  .section-testimonial {
+    &.style-1 {
+      &::after {
+        display: none;
+      }
+      .wrap {
+        padding-top: 60px;
+        padding-bottom: 40px;
+      }
+    }
+    &.style-3 {
+      padding: 50px 30px;
+      .wrapper {
+        &::after {
+          width: 365px;
+          left: -34%;
+        }
+        &::before {
+          width: 365px;
+          right: -34%;
+        }
+      }
+    }
+    &.style-4 .highlight-item {
+      padding: 24px 15px;
+    }
+    &.style-6 {
+      padding-top: 168px;
+      padding-bottom: 80px;
+    }
+  }
+  .section-service {
+    .top {
+      flex-wrap: wrap;
+      gap: 12px;
+      margin-bottom: 24px;
+    }
+    .navigation-bar {
+      width: 100%;
+    }
+  }
+  .section-about {
+    &.style-1 {
+      .left {
+        margin-bottom: 50px;
+      }
+    }
+  }
+  .text-with-img-2 {
+    .wrap-img {
+      margin-bottom: 40px;
+    }
+    .content {
+      margin-bottom: 40px;
+    }
+    .description {
+      margin-top: 12px;
+    }
+  }
+  .text-with-img-1 {
+    margin-bottom: 60px;
+    .shape-img-bg {
+      margin-bottom: 40px;
+    }
+  }
+  .form-contact {
+    padding: 40px 15px;
+    gap: 24px;
+  }
+  .section-contact.style-default {
+    padding-top: 60px;
+    padding-bottom: 60px;
+    .form-contact {
+      margin-top: 40px;
+    }
+  }
+  .section-faqs {
+    &.style-3 {
+      .heading-secion {
+        margin-bottom: 40px;
+      }
+    }
+  }
+  .section-work.style-1 .left {
+    margin-bottom: 40px;
+  }
+  .clutch-rating-item {
+    gap: 12px;
+  }
+  .tf-project-filter {
+    gap: 24px;
+  }
+  .cart-totals {
+    margin-top: 60px;
+  }
+  .wrap-counter.style-2 {
+    gap: 12px !important;
+  }
+  .section-case-studie.style-1 {
+    .shape-1 {
+      position: absolute;
+      bottom: -80px;
+    }
+    .wrap-sw-button {
+      margin-top: 70px;
+    }
+  }
+  .choice-item {
+    padding: 15px 15px;
+    min-height: 350px;
+    p {
+      margin-bottom: 30px;
+    }
+    .list {
+      gap: 4px;
+      i {
+        font-size: 30px;
+      }
+    }
+  }
+}
+@media (max-width: 860px) {
+  .section-service.style-4 {
+    .wrap-counter {
+      flex-direction: column;
+      gap: 12px;
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .text-display {
+    font-size: 66px;
+    line-height: 78px;
+  }
+  .text-display-2 {
+    font-size: 66px;
+    line-height: 73px;
+  }
+  .text-display-3 {
+    font-size: 56px;
+    line-height: 64px;
+  }
+  h1,
+  .h1 {
+    font-size: 37px;
+    line-height: 45px;
+  }
+  h2,
+  .h2 {
+    font-size: 28px;
+    line-height: 36px;
+  }
+  h3,
+  .h3 {
+    font-size: 28px !important;
+    line-height: 36px !important;
+  }
+  h4,
+  .h4 {
+    font-size: 25px !important;
+    line-height: 33px !important;
+  }
+  h5,
+  .h5 {
+    font-size: 22px;
+    line-height: 30px;
+  }
+  h6,
+  .h6 {
+    font-size: 20px;
+    line-height: 28px;
+  }
+  .sub-heading {
+    font-size: 16px;
+    line-height: 22px;
+  }
+  .tf-spacing-1,
+  .tf-spacing-2,
+  .tf-spacing-3,
+  .tf-spacing-4,
+  .tf-spacing-5,
+  .tf-spacing-6,
+  .tf-spacing-7,
+  .tf-spacing-8,
+  .tf-spacing-9,
+  .tf-spacing-10,
+  .tf-spacing-11,
+  .tf-spacing-12,
+  .tf-spacing-13,
+  .tf-spacing-14,
+  .tf-spacing-15,
+  .tf-spacing-16,
+  .tf-spacing-17,
+  .tf-spacing-18,
+  .tf-spacing-19,
+  .tf-spacing-20,
+  .tf-spacing-21,
+  .tf-spacing-22,
+  .tf-spacing-23,
+  .tf-spacing-24,
+  .tf-spacing-25,
+  .tf-spacing-26,
+  .tf-spacing-27,
+  .tf-spacing-28,
+  .tf-spacing-29,
+  .tf-spacing-30,
+  .tf-spacing-31,
+  .tf-spacing-32,
+  .tf-spacing-33,
+  .tf-spacing-34,
+  .tf-spacing-35,
+  .tf-spacing-36,
+  .tf-spacing-37,
+  .tf-spacing-38,
+  .tf-spacing-39,
+  .tf-spacing-40,
+  .tf-spacing-41,
+  .tf-spacing-42,
+  .tf-spacing-43,
+  .tf-spacing-44,
+  .tf-spacing-45 {
+    padding-top: 50px;
+    padding-bottom: 50px;
+  }
+
+  .flex-wrap-md {
+    flex-wrap: wrap;
+  }
+  .tf-grid-layout-md {
+    gap: 0;
+  }
+
+  .hide-md {
+    display: none !important;
+  }
+  .main-content.style-1 {
+    border-radius: 20px 20px 0 0;
+  }
+  .page-title {
+    &.style-2 {
+      .heading-title {
+        gap: 10px;
+        .sub {
+          margin-bottom: 2px;
+        }
+      }
+      .tf-marquee {
+        padding: 24px 0;
+      }
+      .slide-inner .title,
+      .sw-line {
+        right: 15px;
+      }
+      .sw-line {
+        bottom: 25px;
+      }
+    }
+    &.style-3 {
+      .heading-title {
+        padding: 0 0 60px;
+      }
+      .tf-marquee {
+        padding-top: 34px;
+        padding-bottom: 48px;
+      }
+    }
+    &.style-5 {
+      .marquee-item {
+        img {
+          height: 300px;
+        }
+      }
+      .shape.shape-bottom {
+        top: calc(100% - 14px);
+      }
+    }
+  }
+  .footer {
+    .footer-col-block .tf-collapse-content {
+      display: none;
+    }
+    .content-right {
+      flex-direction: column;
+    }
+    .contact {
+      .footer-logo {
+        margin-top: 30px;
+      }
+    }
+    .footer-menu-listt {
+      margin-bottom: 30px;
+    }
+    .footer-heading {
+      margin-bottom: 10px !important;
+    }
+    .footer-body {
+      top {
+        gap: 0;
+      }
+    }
+    .footer-bottom {
+      text-align: center;
+      .right {
+        gap: 25px !important;
+      }
+    }
+    .footer-heading-mobile {
+      display: block;
+      position: relative;
+      &::after {
+        position: absolute;
+        content: "";
+        right: 10px;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 12px;
+        height: 1px;
+        background-color: var(--Mono-gray-4);
+        transition: 0.25s ease-in-out;
+      }
+      &::before {
+        position: absolute;
+        content: "";
+        right: 15px;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        width: 1px;
+        height: 12px;
+        background-color: var(--Mono-gray-4);
+        transition: 0.25s ease-in-out;
+      }
+    }
+    .footer-menu-list {
+      margin-bottom: 24px;
+      gap: 10px !important;
+    }
+    .footer-col-block {
+      &.open {
+        .footer-heading-mobile {
+          &::before {
+            opacity: 0;
+          }
+          &::after {
+            transform: translate(0%, -50%) rotate(180deg);
+          }
+        }
+      }
+      .tf-collapse-content {
+        display: none;
+      }
+    }
+    &.style-default {
+      .footer-body {
+        padding-top: 60px;
+      }
+      .wrapper {
+        margin-top: 58px;
+      }
+    }
+    &.style-1 {
+      .footer-bottom {
+        .wrapper {
+          gap: 12px 40px;
+          flex-wrap: wrap;
+          justify-content: center;
+          margin-top: 40px !important;
+        }
+      }
+    }
+    &.style-2 {
+      .footer-bottom {
+        padding-top: 60px;
+      }
+      .wrapper {
+        .right {
+          a {
+            font-size: 15px;
+            line-height: 23px;
+          }
+        }
+      }
+    }
+    &.style-3 {
+      .wrapper {
+        margin-top: 62px;
+      }
+    }
+    &.style-4 {
+      .footer-top {
+        flex-wrap: wrap;
+        gap: 24px;
+        margin-bottom: 40px;
+      }
+      .footer-col-block {
+        margin-bottom: 11px;
+      }
+      .footer-newsletter {
+        width: 100%;
+      }
+      .wrapper {
+        margin-top: 0;
+        justify-content: center;
+      }
+      .footer-logo {
+        width: 176px;
+      }
+    }
+  }
+  .breadcrumb {
+    gap: 22px;
+    flex-wrap: nowrap;
+    li {
+      font-size: 18px;
+      line-height: 26px;
+      &:not(:last-child) {
+        white-space: nowrap;
+        &::after {
+          right: -20px;
+        }
+      }
+      &:last-child {
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        display: -webkit-box;
+      }
+    }
+  }
+  .wrap-logo-carousel {
+    margin-top: -8px;
+    padding-top: 60px;
+    padding-bottom: 60px;
+  }
+  .form-contact {
+    .grid-2 {
+      grid-template-columns: 1fr;
+    }
+  }
+  .section-figures {
+    padding-bottom: 80px;
+  }
+  .blog-article-meta {
+    gap: 18px;
+  }
+  .quote {
+    padding: 0;
+  }
+  .unique-benefits {
+    .img-thumbs {
+      height: 191px;
+    }
+  }
+  .nav-tabs-wrap.style-1 .nav-link {
+    width: 240px;
+    padding: 7px 0;
+  }
+  .section-sigle-post {
+    .thumbs-post-single,
+    .single-post-content,
+    .wrap-quote {
+      margin-bottom: 50px;
+      ul {
+        gap: 20px;
+      }
+    }
+    .title-sigle-post {
+      margin-bottom: 23px;
+    }
+    .wrap-tag {
+      padding-bottom: 50px;
+      margin-bottom: 50px;
+      gap: 12px;
+    }
+  }
+  .reply-comment {
+    .heading {
+      margin-bottom: 9px;
+    }
+    .box-user {
+      gap: 12px;
+      .avatar {
+        width: 70px;
+        height: 70px;
+      }
+    }
+    .wrap-comment {
+      margin-bottom: 50px;
+    }
+    .comment {
+      margin-left: 83px;
+    }
+    .reply-comment-wrap {
+      margin-bottom: 50px !important;
+      padding-bottom: 50px !important;
+    }
+  }
+  .section-case-studies .tf-marquee {
+    margin-top: 60px;
+  }
+  .accordion-item {
+    &.style-default {
+      .heading .title {
+        display: flex;
+        gap: 5px;
+      }
+      .accordion-faqs-content {
+        padding-left: 41px;
+      }
+      &.v5 {
+        .list {
+          padding-left: 0;
+          gap: 9px;
+        }
+        .accordion-faqs-content {
+          padding-left: 0;
+        }
+      }
+    }
+  }
+  .box-about,
+  .box-choose {
+    &.style-1 {
+      flex-direction: column;
+      .img-style {
+        img {
+          width: 100%;
+        }
+      }
+    }
+  }
+  .marquee-item {
+    .text-inner {
+      padding-right: 30px;
+      gap: 30px;
+      i {
+        font-size: 43px;
+      }
+    }
+  }
+  .tf-box-icon {
+    &.style-1 {
+      h5 {
+        font-size: 25px;
+        line-height: 33px;
+        margin-bottom: 30px;
+      }
+      .icon {
+        max-width: 260px;
+        padding: 40px 70px;
+      }
+    }
+    &.style-2 {
+      height: 400px;
+      padding: 24px 15px;
+      .btn_link {
+        margin-top: 12px;
+      }
+    }
+    &.style-4 {
+      height: 320px;
+    }
+    &.style-6 {
+      padding: 24px 15px;
+      .icon {
+        margin-bottom: 28px;
+      }
+      .item {
+        top: -33%;
+        right: -19%;
+        width: 220px;
+      }
+    }
+  }
+  .wrap-challenges-item,
+  .challenges-item {
+    gap: 12px;
+  }
+  .case-studies-item {
+    &.style-1 {
+      flex-direction: column;
+      padding: 24px 15px !important;
+      .img-style {
+        max-width: 100%;
+      }
+      .heading,
+      .title,
+      .top {
+        margin-bottom: 12px;
+      }
+      .group-number {
+        padding: 12px !important;
+        grid-template-columns: 1fr 1fr;
+        gap: 12px;
+      }
+    }
+    &.style-2 {
+      padding: 24px 15px;
+      .tf-grid-layout {
+        gap: 50px;
+      }
+      .heaidng {
+        p {
+          margin-bottom: 20px;
+        }
+      }
+      .wrap-sw-button {
+        margin-bottom: 20px;
+      }
+      .content {
+        gap: 20px;
+      }
+    }
+  }
+  .section-work {
+    &.style-1 {
+      .step-container {
+        --left-spacing: 70px;
+        --spacing-item: 30px;
+      }
+      .tf-box-icon {
+        padding: 24px 15px;
+        .icon {
+          margin-bottom: 20px;
+        }
+      }
+    }
+    &.style-2 {
+      .shape-2 {
+        right: -245px;
+        top: -187px;
+        width: 375px;
+      }
+      .shape-1 {
+        width: 375px;
+        left: -228px;
+        bottom: -170px;
+      }
+    }
+  }
+  .section-CTA {
+    .box-inner {
+      padding: 60px 15px;
+    }
+    .list {
+      gap: 12px;
+      li {
+        gap: 12px;
+      }
+    }
+  }
+  .box-service {
+    &.style-1 {
+      padding: 60px 15px;
+    }
+    &.style-2 {
+      padding-left: 15px;
+      padding-right: 15px;
+      .list {
+        margin-bottom: 30px;
+      }
+      .author {
+        padding: 24px 15px;
+      }
+    }
+  }
+  .section-choices {
+    .cta {
+      padding: 24px 15px;
+      flex-direction: column;
+      .heading {
+        margin-bottom: 20px;
+      }
+      .left {
+        margin-bottom: 20px;
+      }
+    }
+  }
+  .counter-item.style-3 span {
+    font-size: 60px;
+  }
+  .section-case-studies.style-1 {
+    .shape-1 {
+      bottom: -60px;
+    }
+    .wrap-sw-button {
+      margin-top: 60px;
+    }
+  }
+  .projectCarousel {
+    padding: 60px 15px;
+    .thumbs {
+      flex-wrap: wrap;
+      justify-content: space-between;
+      padding-bottom: 65px;
+    }
+    .swiper-container {
+      order: 3;
+      width: 100%;
+    }
+    .swiper-filter {
+      width: 60%;
+    }
+    .project-carousel-layout {
+      margin-top: 40px;
+    }
+    .sw-pagination-project {
+      width: 40%;
+    }
+  }
+  .testimonial {
+    &.style-2 {
+      padding-bottom: 0;
+      .text {
+        margin-bottom: 28px;
+        font-size: 16px;
+        line-height: 24px;
+      }
+      .logo {
+        margin-bottom: 24px;
+        width: 190px;
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+    &.style-3 {
+      min-height: 315px;
+    }
+  }
+  .section-work {
+    &.style-2 {
+      .box-inner {
+        padding: 60px 15px;
+      }
+      .heading-title {
+        .item {
+          padding: 4px;
+          border-radius: 999px;
+          width: 38px;
+        }
+      }
+    }
+  }
+  .service-accordion-item {
+    padding: 24px 15px;
+    .box-service {
+      padding-left: 40px;
+    }
+  }
+  .wrap-shop {
+    .top {
+      flex-direction: column;
+      align-items: unset;
+      .wrap {
+        gap: 12px;
+      }
+      .result-count {
+        order: 2;
+      }
+    }
+  }
+  .text-with-img-1 {
+    .shape-img-bg {
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+  .tf-product-media-thumbs .swiper-slide .item {
+    width: 116px;
+  }
+  .popup-form-search {
+    width: 100%;
+  }
+  .popup-cart {
+    padding: 40px 15px 24px;
+    width: 100%;
+    .product-name,
+    .price {
+      margin-bottom: 8px;
+    }
+    .tf-mini-cart-tool {
+      padding-bottom: 24px;
+      margin-bottom: 24px;
+    }
+  }
+  .section-about {
+    &.style-1 {
+      .highlight {
+        padding: 24px 15px;
+        .icon {
+          margin-bottom: 12px;
+        }
+      }
+    }
+    &.style-2 {
+      .wrap-counter {
+        margin-bottom: -40px;
+      }
+      .counter-item {
+        margin-bottom: 40px;
+      }
+    }
+  }
+  .banner-stripe .banner-text i {
+    font-size: 39px;
+  }
+  .text-with-img-1 {
+    .heading {
+      margin-bottom: 12px;
+    }
+    .title {
+      margin-bottom: 12px;
+    }
+  }
+  .map-item {
+    padding: 24px 15px;
+  }
+  .section-contact.style-1 .form-contact .wrap {
+    padding: 24px 15px;
+  }
+  .cart-totals {
+    padding: 24px 15px;
+    .sub-total {
+      margin-bottom: 0;
+    }
+  }
+  .section-testimonial {
+    &.style-3 {
+      padding: 24px 15px;
+      .wrapper {
+        padding: 0 0 27px;
+      }
+    }
+    &.style-4 {
+      .logo {
+        width: 100px;
+      }
+    }
+  }
+  .section-service.style-1 .slider-wrap {
+    height: 390px;
+  }
+  .section-about {
+    &.style-2 {
+      .heading-section {
+        margin-bottom: 0;
+      }
+      .infiniteslide_wrap {
+        height: 83px;
+      }
+    }
+  }
+  .section-blog {
+    &.style-1 {
+      .heading-section {
+        flex-direction: column;
+        align-items: flex-start !important;
+      }
+    }
+  }
+  .scrollTop {
+    height: 38px;
+    width: 38px;
+    .icon {
+      font-size: 18px;
+    }
+  }
+}
+@media (max-width: 575px) {
+  .hide-sm {
+    display: none !important;
+  }
+  .text-display-2 {
+    font-size: 32px;
+    line-height: 40px;
+  }
+  .text-display-3 {
+    font-size: 26px;
+    line-height: 34px;
+  }
+  h1,
+  .h1 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+  h2,
+  .h2 {
+    font-size: 20px;
+    line-height: 28px;
+  }
+  h3,
+  .h3 {
+    font-size: 18px !important;
+    line-height: 26px !important;
+  }
+  h4,
+  .h4 {
+    font-size: 16px !important;
+    line-height: 24px !important;
+  }
+  h5,
+  .h5 {
+    font-size: 16px !important;
+    line-height: 24px !important;
+  }
+  .text-body-1 {
+    font-size: 14px;
+    line-height: 22px;
+  }
+  .text-body-2 {
+    font-size: 12px;
+    line-height: 20px;
+  }
+  .tf-grid-layout-sm {
+    gap: 0;
+  }
+  .flex-wrap-sm {
+    flex-wrap: wrap !important;
+  }
+  form textarea {
+    font-size: 12px;
+    line-height: 20px;
+  }
+  fieldset input {
+    font-size: 14px !important;
+    line-height: 22px !important;
+    height: 36px !important;
+  }
+  .heading-section {
+    margin-bottom: 30px;
+    > p {
+      margin-top: 13px;
+    }
+  }
+  .footer {
+    &.style-4 {
+      .footer-bottom {
+        li a {
+          font-size: 16px;
+          line-height: 24px;
+        }
+      }
+    }
+  }
+  .blog-article-item {
+    &.style-1 {
+      .article-thumb {
+        height: 284px;
+      }
+    }
+    &.style-3 .article-thumb {
+      height: 284px;
+    }
+
+    &.style-4 {
+      .article-thumb {
+        height: 232px;
+      }
+    }
+  }
+  .counter-item span {
+    font-size: 24px !important;
+    line-height: 32px !important;
+    width: 16px !important;
+  }
+  .page-title {
+    &.style-4 {
+      .heading-title .icon {
+        padding: 4px;
+        width: 40px;
+      }
+      .tf-btn {
+        padding: 0 20px;
+      }
+    }
+  }
+  .reply-comment .box-user {
+    .content {
+      p {
+        font-size: 14px;
+        line-height: 22px;
+      }
+    }
+  }
+  .wrap-shop .top {
+    flex-wrap: wrap;
+  }
+  .service-accordion-item.is-active {
+    width: calc(var(--main-width));
+  }
+  .text-with-img-1 {
+    .item {
+      width: 140px;
+      height: 140px;
+      .text-circle {
+        width: 170px;
+      }
+      .logo {
+        width: 60px;
+      }
+    }
+  }
+  .shape-img-bg .img-bg-shape {
+    right: -47px;
+  }
+  .wrap-counter {
+    &.styel-1 {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 22px 12px;
+    }
+    &.style-2 {
+      gap: 40px !important;
+    }
+    &.style-3 {
+      flex-direction: column;
+      gap: 15px;
+      .left {
+        flex-direction: column;
+        gap: 15px;
+      }
+      .right {
+        justify-content: flex-start;
+      }
+      p {
+        font-size: 16px;
+        line-height: 24px;
+      }
+      span {
+        font-size: 38px;
+      }
+    }
+  }
+  .case-studies-item {
+    &.style-1 {
+      .wrap-number {
+        gap: 8px;
+        p {
+          font-size: 14px;
+        }
+      }
+    }
+    &.style-2 {
+      .img-style {
+        height: 350px;
+        img {
+          width: 100%;
+          object-fit: cover;
+        }
+      }
+      .highlight {
+        max-width: 165px;
+        height: 201px;
+      }
+    }
+  }
+  .box-service {
+    &.style-2 {
+      .list {
+        margin-top: 30px;
+      }
+    }
+  }
+  .popup-cart {
+    .tf-mini-cart-tool {
+      .link {
+        gap: 8px;
+        font-size: 18px;
+        line-height: 26px;
+      }
+      i {
+        font-size: 20px;
+      }
+    }
+  }
+  .testimonial.style-4 .content {
+    flex-direction: column;
+    justify-content: space-between;
+    gap: 12px;
+  }
+  .section-service.style-4 .wrap-counter {
+    display: flex;
+    .clutch-rating-item {
+      justify-content: center;
+    }
+    .right {
+      flex-direction: column;
+      gap: 12px;
+    }
+    .counter-number {
+      justify-content: center;
+      width: 100%;
+    }
+  }
+  .section-testimonial {
+    &.style-3 {
+      .wrapper {
+        &::after {
+          width: 100px;
+          left: -10%;
+        }
+        &::before {
+          width: 100px;
+          right: -10%;
+        }
+      }
+    }
+  }
+
+  .tf-btn {
+    height: 36px;
+    font-size: 12px;
+    line-height: 22px;
+    padding: 0 18px !important;
+  }
+  .sw-button {
+    height: 32px !important;
+    width: 32px !important;
+    i {
+      font-size: 15px !important;
+    }
+  }
+}
+
+@media (max-width: 425px) {
+  .text-display {
+    font-size: 44px;
+    line-height: 56px;
+  }
+  .section-work {
+    &.style-2 {
+      .wrap-btn {
+        flex-wrap: wrap;
+      }
+      .tf-btn {
+        width: 100%;
+      }
+    }
+  }
+}
diff --git a/public/scss/_sections.scss b/public/scss/_sections.scss
new file mode 100644
index 0000000..54a8251
--- /dev/null
+++ b/public/scss/_sections.scss
@@ -0,0 +1,1134 @@
+@use "./abstracts/index" as *;
+
+.main-content {
+  &.style-1 {
+    background-color: var(--White);
+    border-radius: 40px 40px 0 0;
+  }
+}
+
+.page-title {
+  &.style-default {
+    padding-top: 111px;
+    padding-bottom: 133px;
+    margin-bottom: -27px;
+    &.v2 {
+      padding-bottom: 204px;
+    }
+    &.v3 {
+      padding-top: 109px;
+      margin-bottom: 0px;
+    }
+    &.v4 {
+      margin-bottom: -70px;
+    }
+    &.v5 {
+      margin-bottom: -33px;
+    }
+    &.v6 {
+      margin-bottom: -35px;
+    }
+  }
+  &.style-1 {
+    position: relative;
+    margin-top: -80px;
+    background-image: url(/images/page-title/page-title-1.jpg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+    margin-bottom: -119px;
+    .heading-title {
+      margin-bottom: 60px;
+    }
+    .content-inner {
+      padding-top: 130px;
+      padding-bottom: 150px;
+      position: relative;
+      inset: 0;
+      z-index: 1;
+    }
+    .description {
+      max-width: 619px;
+    }
+    .bot {
+      gap: 30px 12px;
+    }
+    &::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(
+          253.29deg,
+          rgba(0, 0, 0, 0) 0.26%,
+          rgba(0, 0, 0, 0.1) 97.54%
+        ),
+        linear-gradient(270deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.15) 90%);
+    }
+  }
+  &.style-2 {
+    background-color: var(--Bg-color-3);
+    padding-top: 65px;
+    .heading-title {
+      margin-bottom: 40px;
+      gap: 30px;
+    }
+    .left {
+      max-width: 847px;
+      width: 100%;
+      flex: 20%;
+    }
+    .right {
+      flex: 14%;
+    }
+
+    .slide-inner {
+      position: relative;
+      img {
+        -webkit-transition: all 15s linear;
+        -khtml-transition: all 15s linear;
+        -moz-transition: all 15s linear;
+        -ms-transition: all 15s linear;
+        -o-transition: all 15s linear;
+        transition: all 15s linear;
+        min-height: 350px;
+        object-fit: cover;
+      }
+      .title {
+        position: absolute;
+        bottom: 67px;
+        right: 72px;
+        z-index: 1;
+        opacity: 0;
+      }
+      &::after {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+          176.35deg,
+          rgba(0, 0, 0, 0) 3%,
+          rgba(0, 0, 0, 0.2) 83.39%
+        );
+      }
+    }
+    .swiper-slide-active {
+      img {
+        transform: scale(1.25);
+      }
+      .title {
+        animation: fadeInUp;
+        animation-duration: 1000ms;
+        animation-delay: 0.3s;
+        animation-fill-mode: forwards;
+      }
+    }
+    .sw-line {
+      position: absolute;
+      bottom: 48px;
+      right: 72px;
+      z-index: 1;
+      left: unset;
+    }
+    .tf-marquee {
+      padding-top: 48px;
+      padding-bottom: 49px;
+    }
+  }
+  &.style-3 {
+    padding-top: 72px;
+    .heading-title {
+      padding: 48px 5px 102px;
+    }
+    .tf-marquee {
+      padding-top: 102px;
+      padding-bottom: 48px;
+    }
+    .shape {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+    .person {
+      left: 14.1%;
+      bottom: 14%;
+      width: 63%;
+    }
+    .item-finance {
+      left: -14px;
+      bottom: 19%;
+      width: 37%;
+    }
+    .item-accounting {
+      top: 10.1%;
+      right: 0;
+      width: 34.4%;
+    }
+    .item-expert {
+      bottom: 3%;
+      right: 7%;
+      width: 37.6%;
+    }
+    .item {
+      left: 5.3%;
+      width: 22%;
+      top: 2%;
+    }
+  }
+  &.style-4 {
+    padding-top: 60px;
+    .heading-title {
+      flex-direction: column;
+      .icon {
+        padding: 11px;
+        border-radius: 99px;
+        background-color: var(--Primary-ic-yellow);
+        &.heart {
+          background-color: var(--Primary-ic-red);
+        }
+      }
+    }
+    .img-wrap {
+      overflow: hidden;
+      border-radius: 16px;
+      img {
+        width: 100%;
+        object-fit: cover;
+      }
+    }
+  }
+  &.style-5 {
+    padding-top: 57px;
+    .bot {
+      position: relative;
+      overflow: hidden;
+    }
+    .shape {
+      position: absolute;
+      direction: ltr;
+      left: 50%;
+      transform: translateX(-50%);
+      line-height: 0;
+      overflow: hidden;
+      width: 100%;
+      z-index: 2;
+      pointer-events: none;
+      svg {
+        display: block;
+        left: 50%;
+        position: relative;
+        transform: translateX(-50%);
+      }
+      .shape-fill {
+        fill: var(--White);
+      }
+      &.shape-top {
+        top: -1px;
+        svg {
+          width: calc(110% + 1.3px);
+          height: 50px;
+        }
+      }
+      &.shape-bottom {
+        top: calc(100% - 47px);
+      }
+    }
+    .facts .avatar:not(:first-child) {
+      margin-left: -7px;
+    }
+    .marquee-item {
+      padding-left: 27.56px;
+    }
+  }
+  .facts {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    &.style-1 {
+      .avatar {
+        position: relative;
+        width: 60px;
+        height: 60px;
+        border: 2px solid var(--White);
+        border-radius: 999px;
+        &:not(:first-child) {
+          margin-left: -20px;
+        }
+      }
+      p {
+        max-width: 250px;
+      }
+    }
+  }
+}
+
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  gap: 36px;
+  li {
+    font-size: 24px;
+    line-height: 32px;
+    color: var(--Black);
+    &:not(:last-child) {
+      position: relative;
+      &::after {
+        content: "\e925";
+        position: absolute;
+        font-family: $fontIcon;
+        font-size: 20px;
+        color: var(--Primary);
+        right: -28px;
+      }
+    }
+    &:not(:first-child) {
+      color: var(--Primary);
+      &::after {
+        color: var(--Primary);
+      }
+    }
+  }
+}
+
+.section-testimonial {
+  &.style-1 {
+    background-color: var(--Sub-color-1);
+    overflow: hidden;
+    position: relative;
+    .wrap {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: 100%;
+      padding-top: 122px;
+      padding-bottom: 94px;
+    }
+    .tf-grid-layout {
+      height: 935px;
+    }
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 4;
+      background-color: transparent;
+      background-image: linear-gradient(180deg, #f2f6ff 35%, #1357f000 100%);
+      height: 150px;
+    }
+    &::before {
+      z-index: 4;
+      content: "";
+      position: absolute;
+      background-color: transparent;
+      background-image: linear-gradient(180deg, #f2f6ff00 0%, #f2f6ff 70%);
+      height: 200px;
+      bottom: 0;
+      left: 0;
+      right: 0;
+    }
+    .testimonial {
+      margin-bottom: 17px;
+    }
+  }
+  &.style-2 {
+    background-color: #1c5551;
+    position: relative;
+    .tf-group-testimonial {
+      animation: rotate 200s infinite linear;
+    }
+    .heading-section {
+      z-index: 2;
+      position: absolute;
+      max-width: 491px;
+      @include centered();
+      text-align: center;
+    }
+    .circle-container {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .inner-element {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin-left: -44px;
+      margin-top: -44px;
+    }
+  }
+  &.style-3 {
+    background-color: #272727;
+    border-radius: 24px;
+    padding: 72px 96px;
+    .wrapper {
+      border: 1.18px solid #ffffff1f;
+      padding: 96px 0 62px;
+      position: relative;
+      overflow: hidden;
+      border-radius: 16px;
+      background: linear-gradient(
+        179.93deg,
+        rgba(255, 255, 255, 0) 13.01%,
+        rgba(255, 255, 255, 0.1) 99.94%
+      );
+      &::after {
+        content: "";
+        position: absolute;
+        background-image: url(/images/item/shape-3.png);
+        width: 781px;
+        height: 687px;
+        left: -51%;
+        top: 0;
+      }
+      &::before {
+        content: "";
+        position: absolute;
+        background-image: url(/images/item/shape-3.png);
+        width: 781px;
+        height: 687px;
+        right: -51%;
+        top: 0;
+      }
+    }
+    .testimonial {
+      max-width: 1024px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+  &.style-4 {
+    .highlight-item {
+      border-radius: 16px;
+      padding: 35px 40px 40px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      gap: 12px;
+    }
+    .tf-grid-layout {
+      gap: 12px;
+    }
+  }
+  &.style-5 {
+    background-color: #1c5551;
+    position: relative;
+    .testimonial {
+      opacity: 0.6;
+      .img-style {
+        overflow: hidden;
+      }
+    }
+    .swiper-slide-active {
+      .testimonial {
+        opacity: 1;
+      }
+    }
+    .wrap-counter {
+      background-color: var();
+    }
+    .sw-layout {
+      margin-bottom: 60px;
+    }
+    .bot {
+      padding: 61px 0 53px;
+      background-color: var(--Sub-color-2);
+    }
+  }
+  &.style-6 {
+    padding-top: 60px;
+    padding-bottom: 60px;
+  }
+}
+
+.section-blog {
+  &.style-1 {
+    .heading-section {
+      .right {
+        width: 138px;
+      }
+    }
+  }
+  &.style-2 {
+    .blog-article-item {
+      flex: 13%;
+      height: max-content;
+    }
+    .right {
+      flex: 20%;
+    }
+    .wrapper {
+      display: flex;
+      gap: 72px;
+    }
+    .relatest-post-item {
+      border-top: 1px solid var(--Sub-color-3);
+      padding: 43.67px 24px;
+      gap: 25px;
+      &:last-child {
+        border-bottom: 1px solid var(--Sub-color-3);
+      }
+    }
+    .btn_link {
+      margin-top: 30px;
+      padding-left: 27px;
+    }
+  }
+  &.style-3 {
+    .wrap {
+      padding-bottom: 60px;
+      border-bottom: 1px solid var(--Mono-gray-3);
+    }
+  }
+}
+
+.text-with-img-1 {
+  margin-bottom: 125px;
+  .left {
+    position: relative;
+  }
+  .content {
+    position: relative;
+    z-index: 2;
+  }
+  .item {
+    position: absolute;
+    z-index: 2;
+    right: 16.2%;
+    bottom: -20%;
+    background-color: var(--Primary);
+    width: 240px;
+    height: 240px;
+    border-radius: 999px;
+    .text-circle {
+      position: absolute;
+      width: 290px;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      .textcircle {
+        animation: rotate 10s linear infinite;
+      }
+      textPath {
+        fill: var(--White);
+      }
+    }
+    .logo {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+  .wrap {
+    gap: 18px 24px;
+    flex-wrap: wrap;
+  }
+  .contact {
+    .icon {
+      height: 46px;
+      width: 46px;
+      border-radius: 999px;
+      border: 1px solid var(--Primary);
+      @include flex(center, center);
+      font-size: 22px;
+      color: var(--Primary);
+    }
+  }
+  .heading {
+    margin-bottom: 40px;
+  }
+  .title {
+    margin-bottom: 30px;
+  }
+}
+
+.text-with-img-2 {
+  .shape-img-bg {
+    max-width: 692px;
+  }
+  .description-1 {
+    margin-top: 43px;
+  }
+  .description-2 {
+    margin-top: 17px;
+  }
+  .content {
+    position: relative;
+    z-index: 2;
+  }
+}
+
+.section-contact {
+  &.style-default {
+    overflow: hidden;
+    background: linear-gradient(89.8deg, #ff3a2d -0.43%, #ffa13f 100.84%);
+    padding-top: 110px;
+    padding-bottom: 122px;
+    border-radius: 40px;
+    .bot {
+      .content {
+        margin-bottom: 13px;
+      }
+    }
+    .left {
+      gap: 13px;
+      position: relative;
+      z-index: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      height: 100%;
+    }
+    .shape {
+      bottom: -8%;
+      left: -10%;
+    }
+  }
+  &.style-1 {
+    .box-inner {
+      background-image: url(/images/item/bg-faq.png);
+      background-repeat: no-repeat;
+      background-size: cover;
+      padding: 72px 15px;
+    }
+    .form-contact {
+      max-width: 717px;
+      padding: 0;
+      margin-left: auto;
+      margin-right: auto;
+      background-color: unset;
+      .wrap {
+        box-shadow: 0px 5px 15px 6px #6cb1f033;
+        padding: 37px 48px 40px;
+        background-color: var(--White);
+        border-radius: 24px;
+        textarea {
+          height: 156px;
+        }
+      }
+      .tf-btn {
+        width: 100%;
+      }
+    }
+  }
+}
+
+.section-service {
+  &.style-1 {
+    .wrap {
+      overflow: hidden;
+      border-radius: 24px;
+      border: 1px solid var(--Mono-gray-2);
+      background: #fff;
+      box-shadow: 0px 4px 29px 4px rgba(52, 52, 52, 0.07);
+    }
+    .slider-wrap {
+      display: flex;
+      height: 510px;
+    }
+    .top {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .navigation-bar {
+      display: flex;
+      gap: 10px;
+      .nav-item {
+        white-space: nowrap;
+        height: 46px;
+        padding: 0 24px;
+        font-size: 18px;
+        border-radius: 97px;
+        border: 1px solid var(--Mono-gray-2);
+        @include flex(center, center);
+        cursor: pointer;
+        &.is-active {
+          background-color: var(--Mono-dark-9);
+          color: var(--White);
+        }
+      }
+    }
+    .navigation-arrows {
+      display: flex;
+      gap: 16px;
+      .arrow {
+        cursor: pointer;
+        height: 52px;
+        width: 52px;
+        border: 1px solid var(--Mono-gray-2);
+        border-radius: 999px;
+        @include flex(center, center);
+        @include transition3();
+        &:hover {
+          background-color: var(--Mono-dark-9);
+          svg path {
+            stroke: var(--White);
+          }
+        }
+      }
+    }
+  }
+  &.style-2 {
+    .sw-layout-1 {
+      padding: 0 120px;
+      margin: 0 -120px;
+    }
+    .sw-button {
+      width: 72px;
+      height: 72px;
+      color: var(--Mono-gray-2);
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      i {
+        font-size: 50px;
+      }
+      &:hover {
+        color: var(--Primary);
+      }
+      &.swiper-button-disabled {
+        opacity: 0.3;
+      }
+      &.nav-next-layout-1 {
+        right: 0;
+      }
+      &.nav-prev-layout-1 {
+        left: 0;
+      }
+    }
+  }
+  &.style-3 {
+    background-color: #f7fbff;
+  }
+  &.style-4 {
+    .wrap {
+      margin-bottom: 40px;
+    }
+    .tab-pane {
+      transform: translateY(0);
+    }
+    .wrap-counter {
+      .right {
+        flex: 37%;
+      }
+    }
+    .clutch-rating-item {
+      flex: 9%;
+    }
+
+    .counter-item {
+      width: unset;
+    }
+  }
+}
+
+.section-CTA {
+  .list {
+    i {
+      color: #0bd112;
+      font-size: 24px;
+    }
+  }
+  .left {
+    height: 100%;
+  }
+  .box-inner {
+    padding: 44px 48px 56px;
+    background-color: var(--Mono-dark-11);
+  }
+  .parallaxie {
+    width: 100%;
+    height: 350px;
+  }
+}
+
+.section-choices {
+  .cta {
+    padding: 38px 40px 40px;
+    border-radius: 24px;
+    background-color: #f0f0ff;
+    .list {
+      padding-top: 5px;
+      i {
+        font-size: 40px;
+        color: var(--Color-dark);
+      }
+    }
+    display: flex;
+    justify-content: space-between;
+    .left {
+      max-width: 401px;
+    }
+    .right {
+      max-width: 518px;
+      width: 100%;
+    }
+    .tf-btn {
+      padding: 0 40px;
+    }
+  }
+}
+
+.section-approach {
+  &.style-1 {
+    .img-style {
+      overflow: hidden;
+      border-radius: 999px;
+      max-width: 582px;
+      margin-left: auto;
+      margin-right: auto;
+      position: relative;
+    }
+    .item {
+      position: absolute;
+    }
+    .approach-1 {
+      top: 33px;
+      left: 10%;
+      width: 43%;
+    }
+    .approach-2 {
+      bottom: 82px;
+      right: 2%;
+      width: 43%;
+    }
+  }
+}
+
+.section-work {
+  &.style-2 {
+    .heading-section {
+      position: relative;
+      z-index: 1;
+    }
+    .heading-title {
+      .item {
+        padding: 11px;
+        border-radius: 999px;
+      }
+      .item-1 {
+        background-color: #ff8282;
+      }
+      .item-2 {
+        background-color: #9ad8c6;
+      }
+    }
+    .box-inner {
+      padding: 113px 15px 120px;
+      background-color: var(--Primary-ic-yellow);
+      border-radius: 16px;
+      overflow: hidden;
+    }
+    .shape-1 {
+      left: -156px;
+      bottom: -88px;
+    }
+    .shape-2 {
+      right: -240px;
+      top: -256px;
+    }
+  }
+}
+
+.section-figures {
+  background-color: #272727;
+  padding-top: 60px;
+
+  .wrap-counter {
+    position: relative;
+    z-index: 2;
+  }
+  .shape {
+    direction: ltr;
+    left: 0;
+    line-height: 0;
+    overflow: hidden;
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    svg {
+      width: calc(200% + 1.3px);
+      display: block;
+      left: 50%;
+      position: relative;
+      transform: translateX(-50%);
+      path {
+        fill: #f7f2e9;
+      }
+    }
+  }
+  .shape-2 {
+    top: 44.2%;
+    left: 24.5%;
+    overflow: hidden;
+    height: 114px;
+  }
+  .btn_link {
+    gap: 11px;
+    i {
+      font-size: 23px;
+    }
+  }
+}
+
+.section-case-studies {
+  &.style-1 {
+    background-color: #f7f2e9;
+    position: relative;
+    .wrap-sw-button {
+      margin-top: 160px;
+    }
+    .swiper {
+      z-index: 7;
+      padding-top: 88px;
+    }
+    .wrap {
+      margin-top: 64px;
+      position: relative;
+    }
+    .shape {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      width: 100%;
+      text-align: center;
+      z-index: 2;
+    }
+    .shape-1 {
+      position: absolute;
+      bottom: -95px;
+      img {
+        width: 100%;
+      }
+    }
+  }
+  &.style-2 {
+    .wrap-sw-button {
+      .sw-button {
+        font-size: 25px;
+      }
+    }
+    .sw-dots {
+      position: absolute;
+      z-index: 2;
+      bottom: 36px;
+      .swiper-pagination-bullet {
+        background-color: var(--White);
+      }
+    }
+  }
+}
+
+.section-about {
+  &.style-1 {
+    .highlight {
+      position: absolute;
+      padding: 30px 50px 26px 30px;
+      background-color: var(--White);
+      border-radius: 16px;
+      left: 15px;
+      bottom: 15px;
+      .icon {
+        height: 48px;
+        width: 48px;
+        border-radius: 999px;
+        background-color: #ff7350;
+        @include flex(center, center);
+      }
+      .counter-item {
+        margin-bottom: -3px;
+      }
+      .counter-number {
+        color: #252525;
+      }
+      .total {
+        color: #808d9e;
+      }
+      p {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        span {
+          color: #83bf6e;
+        }
+        color: #808d9e;
+      }
+    }
+    .img-style {
+      overflow: hidden;
+      border-radius: 24px;
+      img {
+        object-fit: cover;
+        min-height: 350px;
+        width: 100%;
+      }
+    }
+    .left {
+      .content {
+        border-top: 1px solid var(--Mono-gray-2);
+        padding-top: 24px;
+        margin-top: 24px;
+        .tf-btn {
+          height: 44px;
+        }
+        p {
+          margin-bottom: 17px;
+        }
+      }
+    }
+  }
+}
+
+.section-team {
+  &.style-1 {
+    border-radius: 40px;
+    background-color: var(--Sub-color-1);
+  }
+  &.style-2 {
+    .wrap {
+      padding-bottom: 60px;
+      border-bottom: 1px solid var(--Mono-gray-2);
+    }
+  }
+}
+
+.section-tailored-solutions {
+  border-radius: 40px;
+  background-color: var(--Sub-color-1);
+  .list {
+    li {
+      position: relative;
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      padding-left: 11px;
+      &::before {
+        position: relative;
+        content: "";
+        width: 6px;
+        height: 6px;
+        border-radius: 999px;
+        background-color: var(--Color-dark);
+        flex-shrink: 0;
+        @include transition3();
+      }
+    }
+  }
+}
+
+.single-post {
+  .description {
+    max-width: 1266px;
+    margin-bottom: 40px;
+  }
+  .thumbs-main {
+    margin-bottom: 40px;
+  }
+  .unique-features {
+    margin-bottom: 40px;
+    padding-top: 60px;
+    border-top: 1px solid var(--Mono-gray-2);
+    margin-top: 36px;
+    .right {
+      .title {
+        margin-bottom: 9px;
+      }
+    }
+  }
+  .group-img {
+    margin-bottom: 40px;
+  }
+  .wrap-text {
+    margin-bottom: 40px;
+    p {
+      max-width: 765px;
+    }
+  }
+  .facts {
+    .avatar {
+      &:not(:first-child) {
+        margin-left: -12px;
+      }
+    }
+  }
+  .thumbs-main,
+  .img-style {
+    border-radius: 24px;
+    overflow: hidden;
+  }
+}
+
+.unique-benefits {
+  .img-thumbs {
+    overflow: hidden;
+    border-radius: 24px;
+    margin-top: 40px;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+  .simpleParallax {
+    height: 100%;
+  }
+}
+
+.section-process {
+  &.style-1 {
+    .wrap {
+      border-bottom: 1px solid var(--Mono-gray-3);
+      padding-bottom: 60px;
+    }
+  }
+}
+
+.section-pricing {
+  &.style-1 {
+    .tf-grid-layout {
+      padding-bottom: 60px;
+      border-bottom: 1px solid var(--Mono-gray-2);
+    }
+  }
+}
+
+.section-case-studies {
+  .tf-marquee {
+    margin-top: 95px;
+  }
+}
+
+.section-related {
+  .product-item {
+    .add-cart {
+      height: 36px;
+      width: 36px;
+    }
+    .img-style {
+      margin-bottom: 8px;
+      img {
+        height: 360px;
+      }
+    }
+  }
+}
+
+.section-faqs {
+  &.style-2 {
+    .bot {
+      margin-top: 25px;
+      .tf-btn {
+        margin-top: 18px;
+        padding: 0 36px;
+      }
+    }
+  }
+}
diff --git a/public/scss/_widgets.scss b/public/scss/_widgets.scss
new file mode 100644
index 0000000..ad9d4ec
--- /dev/null
+++ b/public/scss/_widgets.scss
@@ -0,0 +1,1555 @@
+@use "./abstracts/index" as *;
+
+.wg-pagination {
+  li {
+    display: block;
+    width: 46px;
+    height: 46px;
+    a {
+      border-radius: 12px;
+      @include flex(center, center);
+      width: 100%;
+      height: 100%;
+      color: var(--Mono-gray-5);
+      border: 1px solid var(--Mono-gray-5);
+      @include transition3();
+      &:hover,
+      &.active {
+        background-color: var(--Primary);
+        border-color: var(--Primary);
+        color: var(--White);
+      }
+    }
+  }
+}
+
+.tf-rating {
+  gap: 3px;
+  i {
+    font-size: 20px;
+    color: var(--Error);
+  }
+}
+
+.tf-social {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  a {
+    height: 46px;
+    width: 46px;
+    @include flex(center, center);
+    border-radius: 999px;
+    border: 1px solid var(--Mono-gray-2);
+    color: var(--Mono-gray-6);
+    @include transition3();
+    font-size: 18px;
+    &:hover {
+      background-color: var(--Primary);
+      color: var(--White);
+    }
+  }
+  &.style-2,
+  &.style-3 {
+    a {
+      width: 36px;
+      height: 36px;
+      color: var(--black);
+      border-radius: 16px;
+      border-color: var(--Mono-gray7);
+      i {
+        font-size: 14px;
+      }
+      &:hover {
+        color: var(--White);
+      }
+    }
+  }
+  &.style-3 {
+    a {
+      border-radius: 999px;
+      &:hover {
+        background-color: var(--dark-color2);
+      }
+    }
+  }
+  &.style-4 {
+    gap: 8px;
+    a {
+      height: 32px;
+      width: 32px;
+      color: var(--black);
+      border-radius: 999px;
+      font-size: 14px;
+      background-color: var(--White);
+      &:hover {
+        color: var(--White);
+        background-color: var(--primary);
+      }
+    }
+  }
+}
+
+.reply-comment {
+  .wrap-comment {
+    margin-bottom: 111px;
+  }
+  .reply-comment-heading {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .right {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+    }
+  }
+  .box-user {
+    display: flex;
+    gap: 24px;
+    align-items: center;
+    .avatar {
+      width: 119px;
+      height: 119px;
+      border-radius: 12px;
+      overflow: hidden;
+    }
+  }
+  .comment {
+    margin-left: 143px;
+  }
+  .heading {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .tf-btn {
+      height: 30px;
+      padding: 0 14px;
+      span {
+        font-size: 16px;
+        line-height: 28px;
+      }
+    }
+  }
+
+  .reply-comment-wrap {
+    border-bottom: 1px solid var(--Border);
+    margin-bottom: 98px;
+    padding-bottom: 85px;
+    &:last-child {
+      margin-bottom: 0;
+      padding-bottom: 112px;
+    }
+  }
+  .leave-comment {
+    p {
+      span {
+        color: var(--Error);
+      }
+    }
+  }
+  &.style-2 {
+    padding-bottom: 40px;
+  }
+}
+
+.reply-comment-item {
+  &.type-reply {
+    margin-top: 31px;
+    padding-top: 40px;
+    margin-left: 20px;
+    border-top: 1px solid var(--Border);
+  }
+}
+
+.wrap-infiniteslide {
+  padding: 12px 0;
+  border-top: 1px solid var(--Mono-gray-2);
+  border-bottom: 1px solid var(--Mono-gray-2);
+}
+
+.tf-marquee {
+  &.style-1 {
+    .marquee-item {
+      @include transition3();
+    }
+    &:hover {
+      .marquee-item {
+        &:not(:hover) {
+          filter: brightness(0.9) saturate(0) contrast(1.2) blur(2px);
+        }
+      }
+    }
+  }
+}
+
+.partner {
+  padding-left: 30px;
+  &.style-1 {
+
+    @include transition3();
+  }
+  &.style-3 {
+    filter: brightness(133%) contrast(100%) saturate(0%) blur(0px)
+      hue-rotate(0deg);
+    padding-left: 96px;
+  }
+  &:hover {
+    filter: unset;
+  }
+}
+
+.shape-img-bg {
+  max-width: 695px;
+  position: relative;
+  .img-bg-shape {
+    position: absolute;
+    top: -26%;
+    right: -124px;
+    width: 130%;
+    height: 100%;
+    pointer-events: none;
+  }
+  .stop-color {
+    stop-color: #e2ecf9;
+  }
+  img {
+    -webkit-mask-image: url(/images/item/shape-6.1.png);
+    mask-image: url(/images/item/shape-6.1.png);
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    width: 100%;
+    object-fit: cover;
+    position: relative;
+    z-index: 1;
+  }
+  &.shape-border {
+    &::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border: 1px solid var(--Primary);
+      -webkit-animation: sliderShape 7s linear infinite;
+      animation: sliderShape 4s linear infinite;
+      border-radius: 48% 52% 39% 61% / 49% 42% 58% 51%;
+      will-change: border-radius, transform, opacity;
+    }
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border: 1px solid var(--Primary);
+      -webkit-animation: sliderShape 7s linear infinite;
+      animation: sliderShape 3s linear infinite;
+      border-radius: 41% 59% 50% 50% / 63% 41% 59% 37%;
+      will-change: border-radius, transform, opacity;
+    }
+  }
+}
+
+.case-studies-item {
+  &.style-1 {
+    padding: 30px 32px 32px;
+    border-radius: 20px;
+    background-color: var(--Sub-color-1);
+    display: flex;
+    gap: 34px;
+    position: relative;
+    .content {
+      position: relative;
+      z-index: 2;
+      max-width: 501px;
+    }
+    .img-style {
+      width: 100%;
+      max-width: 382px;
+      border-radius: 20px;
+      overflow: hidden;
+    }
+    .group-number {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 49px 15px;
+      padding: 28px 20px 24px;
+      border-radius: 18px;
+      border: 1px solid var(--Mono-gray-2);
+      width: 100%;
+    }
+    .wrap-number {
+      display: flex;
+      gap: 12px;
+      flex-direction: column;
+      text-align: center;
+    }
+    .tf-btn {
+      height: 46px;
+      width: 46px;
+      padding: 0;
+    }
+    &.v2 {
+      padding: 30px 26px 18px;
+      .brand {
+        max-width: 88px;
+      }
+      .heading {
+        p {
+          max-width: 357px;
+        }
+      }
+      .group-number {
+        gap: 54px 62px;
+        padding: 21px 20px 14px;
+      }
+    }
+  }
+  &.style-2 {
+    padding: 48px 49px;
+    background-color: var(--Sub-color-2);
+    .sw-button {
+      font-size: 30px;
+    }
+    .content {
+      gap: 40px;
+    }
+    .img-style {
+      height: 100%;
+      img {
+        height: 100%;
+      }
+    }
+    .highlight {
+      padding: 25px 24px 22px;
+      background-color: var(--White);
+      position: absolute;
+      bottom: 32px;
+      right: 32px;
+      max-width: 222px;
+      height: 310px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      overflow: hidden;
+      &::after {
+        position: absolute;
+        content: "";
+        background-image: url(/images/item/shape-1.png);
+        height: 386px;
+        width: 386px;
+        top: 132px;
+        right: -120px;
+      }
+      .icon {
+        text-align: end;
+      }
+    }
+  }
+  &.style-3 {
+    position: relative;
+    border-radius: 24px;
+    overflow: hidden;
+    &::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background: linear-gradient(
+        179.86deg,
+        rgba(0, 0, 0, 0) 35.89%,
+        rgba(0, 0, 0, 0.6) 99.87%
+      );
+    }
+    .img-style {
+      img {
+        width: 100%;
+        object-fit: cover;
+      }
+    }
+    .title {
+      position: absolute;
+      bottom: 16px;
+      left: 0;
+      right: 0;
+      margin: 0 24px;
+      z-index: 1;
+    }
+    .tf-btn {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      height: 46px;
+      width: 46px;
+      opacity: 0;
+      visibility: hidden;
+      padding: 0;
+      span:nth-child(1) {
+        display: flex;
+        align-items: center;
+        justify-items: center;
+      }
+      &:hover {
+        svg path {
+          stroke: var(--White);
+        }
+      }
+    }
+    &:hover {
+      .tf-btn {
+        opacity: 1;
+        visibility: visible;
+      }
+    }
+  }
+}
+
+.wrap-counter {
+  &.styel-1 {
+    display: flex;
+    justify-content: space-between;
+    .counter-item {
+      max-width: 312px;
+      width: 100%;
+    }
+  }
+  &.style-2 {
+    border-radius: 24px;
+    padding: 32px 0 19px;
+    border: 1px solid var(--Mono-gray-7);
+    background: linear-gradient(
+      180deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.06) 100%
+    );
+    .counter-item {
+      &:not(:last-child) {
+        border-right: 1px solid #ffffff14;
+      }
+    }
+  }
+  &.style-3 {
+    display: flex;
+    .left {
+      display: flex;
+      gap: 20px;
+      flex: 50%;
+      .counter-item {
+        flex: 1;
+      }
+    }
+    .right {
+      flex: 20%;
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}
+
+.counter-item {
+  .odometer-formatting-mark {
+    display: none;
+  }
+  .counter-number {
+    display: flex;
+  }
+  &.style-default {
+    padding-top: 17px;
+    border-top: 1px solid var(--Mono-gray-2);
+    position: relative;
+    z-index: 2;
+    span {
+      font-size: 64px;
+      line-height: 72px;
+    }
+  }
+  &.style-1 {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    span {
+      font-size: 48px;
+      line-height: 60px;
+    }
+    &.v2 {
+      gap: 0px;
+      span {
+        width: 32px;
+      }
+    }
+  }
+  &.style-2 {
+    text-align: center;
+
+    .icon {
+      height: 48px;
+      width: 48px;
+      border-radius: 999px;
+      margin-left: auto;
+      margin-right: auto;
+      font-size: 24px;
+      @include flex(center, center);
+      background: linear-gradient(
+        180deg,
+        rgba(255, 255, 255, 0) 0%,
+        rgba(255, 255, 255, 0.12) 100%
+      );
+      color: var(--White);
+    }
+    .counter-number {
+      justify-content: center;
+    }
+    span {
+      font-size: 36px;
+      line-height: 48px;
+      font-weight: 500;
+    }
+  }
+  &.style-3 {
+    span {
+      font-size: 140px;
+      line-height: 1em;
+    }
+  }
+}
+
+.clutch-rating-item {
+  gap: 34px;
+  &.style-1 {
+    gap: 26.64px;
+    .ratings {
+      i {
+        font-size: 20px;
+        color: var(--Error);
+      }
+    }
+    p {
+      color: #5f697c;
+    }
+  }
+}
+
+.wrap-section {
+  background-color: #272727;
+}
+
+.team-item {
+  text-align: center;
+  .img-style {
+    overflow: hidden;
+  }
+  &.style-default {
+    .img-style {
+      border-radius: 999px;
+    }
+    &.v2 {
+      .bot {
+        position: relative;
+      }
+      .content {
+        position: relative;
+        @include transition3();
+      }
+      .social {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 42%;
+        opacity: 0;
+        visibility: hidden;
+        transform: translate(50%, -50%);
+        @include transition3();
+        background-color: var(--White);
+      }
+      &:hover {
+        .content {
+          opacity: 0;
+          visibility: hidden;
+          transform: translateX(-50px);
+        }
+        .social {
+          transform: translate(0, -50%);
+          opacity: 1;
+          visibility: visible;
+        }
+      }
+    }
+    .social {
+      a {
+        height: 46px;
+        width: 46px;
+        border-radius: 999px;
+        border: 1px solid var(--Mono-gray-3);
+        @include flex(center, center);
+        color: var(--Mono-gray-3);
+        font-size: 18px;
+        &:hover {
+          background-color: var(--Primary);
+          border-color: var(--Primary);
+          color: var(--White);
+        }
+      }
+    }
+  }
+  &.style-1 {
+    .img-style {
+      position: relative;
+      border-radius: 24px;
+      background-color: #feded1;
+      border-radius: 24px;
+      width: 100%;
+    }
+    .btn-share {
+      transform: translateX(20px);
+      width: 40px;
+      height: 40px;
+      border-radius: 999px;
+      background-color: var(--White);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 18px;
+      color: var(--Mono-dark-9);
+      opacity: 0;
+      visibility: hidden;
+      @include transition3();
+      margin-bottom: 10px;
+    }
+    .wrap-social {
+      position: absolute;
+      top: 24px;
+      right: 24px;
+      .social {
+        opacity: 0;
+        visibility: hidden;
+        top: 100%;
+        position: absolute;
+        padding: 14px 11px;
+        border-radius: 100px;
+        display: grid;
+        gap: 10px;
+        background-color: var(--White);
+        transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
+        transform: scaleY(0);
+        transform-origin: top;
+        li {
+          font-size: 18px;
+          transform: translateY(-10px);
+          transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
+          opacity: 0;
+
+          &:nth-child(1) {
+            transition-delay: 0.1s;
+          }
+          &:nth-child(2) {
+            transition-delay: 0.2s;
+          }
+          &:nth-child(3) {
+            transition-delay: 0.3s;
+          }
+        }
+      }
+      &:hover {
+        .social {
+          opacity: 1;
+          visibility: visible;
+          transform: scaleY(1);
+          li {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+      }
+    }
+    &:hover {
+      .img-style {
+        background-color: #f0926c;
+      }
+      .btn-share {
+        transform: translateX(0);
+        opacity: 1;
+        visibility: visible;
+      }
+    }
+  }
+  &.empty {
+    position: relative;
+    .name {
+      position: absolute;
+      background-size: 100% 2px;
+      top: 50%;
+      left: 0;
+      right: 0;
+      text-align: center;
+      transform: translateY(-50%);
+      z-index: 1;
+      padding: 0 15px;
+    }
+    .link {
+      background-size: 100% 2px;
+    }
+  }
+}
+
+.box-service {
+  display: flex;
+  gap: 72px;
+  .author {
+    .avatar {
+      width: 72px;
+      border-radius: 999px;
+      overflow: hidden;
+      flex-shrink: 0;
+    }
+  }
+  .list {
+    li {
+      position: relative;
+      display: flex;
+      gap: 10px;
+    }
+  }
+  &.style-1 {
+    padding: 48px;
+    background-color: var(--Mono-gray-1);
+    border-radius: 24px;
+    .img-style {
+      flex: 25.5%;
+      img {
+        border-radius: 20px;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+    .content {
+      flex: 20%;
+    }
+    .author {
+      margin-bottom: 86px;
+    }
+    .tf-btn {
+      padding: 0 40px;
+    }
+    .list {
+      margin-bottom: 78px;
+      li {
+        padding-left: 11px;
+        &::before {
+          position: relative;
+          content: "";
+          width: 6px;
+          height: 6px;
+          border-radius: 999px;
+          background-color: var(--Color-dark);
+          flex-shrink: 0;
+          margin-top: 10px;
+        }
+      }
+    }
+  }
+  &.style-2 {
+    padding: 70px 72px;
+    border-width: 1px 1px 0px 1px;
+    border-color: #e0e3e670;
+    border-style: solid;
+    background-color: transparent;
+    background-image: linear-gradient(183deg, #ffffff00 41%, #ffffff14 98%);
+    border-radius: 24px;
+    .img-style {
+      border-radius: 24px;
+      overflow: hidden;
+      flex: 28.5%;
+      img {
+        height: 100%;
+        object-fit: cover;
+        min-height: 350px;
+      }
+    }
+    > .content {
+      flex: 20%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+    .list {
+      margin-top: 58px;
+      display: grid;
+      gap: 16px;
+      li {
+        gap: 24px;
+        i {
+          color: #0bd112;
+          font-size: 24px;
+        }
+      }
+    }
+    .author {
+      padding: 37px 24px 38px;
+      background-color: #505050;
+      border-radius: 12px;
+    }
+  }
+  &.style-3 {
+    .left {
+      display: flex;
+      justify-content: space-between;
+      flex-direction: column;
+      flex: 45%;
+    }
+    .title {
+      position: relative;
+      &::before {
+        display: inline-block;
+        position: absolute;
+        top: 50%;
+        left: 48px;
+        transform: translateY(-50%);
+        content: "";
+        width: 56px;
+        height: 56px;
+        border-radius: 50%;
+        background-color: #a0fc2b;
+        z-index: -1;
+        opacity: 1;
+        transition: opacity 350ms linear 0.35s;
+      }
+    }
+    .right {
+      flex: 33.4%;
+    }
+    .img-style {
+      border-radius: 24px;
+      overflow: hidden;
+      max-width: 393px;
+    }
+    .btn_link {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 0 6px;
+      margin-bottom: 10px;
+      width: max-content;
+      position: relative;
+      i {
+        font-size: 27px;
+      }
+      &::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        height: 1px;
+        background-color: var(--Mono-gray-2);
+      }
+    }
+  }
+}
+
+.service-accordion-item {
+  --item-width: 112px;
+  flex: none;
+  padding: 46px 48px 45px 43px;
+  width: var(--item-width);
+  @include transition3();
+  &:not(:last-child) {
+    border-right: 1px solid #e0e3e6;
+  }
+  .item-inner {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+  .accordion-title {
+    position: absolute;
+    top: 50%;
+    left: 50px;
+    transform: translateY(-50%) rotate(-90deg);
+    transform-origin: left center;
+    white-space: nowrap;
+    color: #999;
+    font-weight: bold;
+    font-size: 14px;
+    opacity: 1;
+    transition: opacity 0.3s ease;
+  }
+  .naming-list {
+    position: absolute;
+    bottom: 0;
+    top: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding: 3px 0 11px;
+    .title {
+      writing-mode: vertical-rl;
+      transform: rotate(180deg);
+      font-weight: 500;
+    }
+  }
+  .box-service {
+    display: flex;
+    height: 100%;
+    padding-left: 82px;
+    column-gap: 13px;
+    transition: transform 750ms linear;
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    opacity: 0;
+    width: 100%;
+    .bot {
+      p {
+        max-width: 450px;
+      }
+    }
+  }
+
+  &.is-active {
+    width: calc(var(--main-width) - (var(--item-width) * 2));
+    .box-service {
+      transition: 0.15s opacity ease 0.2s;
+      opacity: 1;
+    }
+  }
+}
+
+.projectCarousel {
+  background-color: var(--White);
+  border-radius: 16px;
+  padding: 53px 64px 57px;
+  .thumbs {
+    position: relative;
+    padding-bottom: 97px;
+    border-bottom: 2px dashed var(--Mono-gray-2);
+    margin-bottom: 27px;
+    display: flex;
+  }
+  .swiper-container {
+    width: 50%;
+  }
+  .project-carousel-layout {
+    overflow: visible;
+    max-width: 725px;
+    margin-top: 87px;
+    .swiper-slide {
+      border-radius: 16px;
+      overflow: hidden;
+    }
+  }
+
+  .sw-pagination-project {
+    color: var(--Mono-gray-5);
+    width: 25%;
+    .swiper-pagination-current {
+      color: var(--Primary);
+    }
+  }
+  .shape {
+    width: 1129px;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: -1;
+  }
+  .bg {
+    width: 774px;
+
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .swiper-filter {
+    width: 25%;
+    position: relative;
+    z-index: 2;
+  }
+  .filter-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    text-align: end;
+    li {
+      cursor: pointer;
+      font-size: 20px;
+      line-height: 28px;
+      color: var(--Mono-gray-6);
+      @include transition3();
+      &.active {
+        font-size: 32px;
+        line-height: 40px;
+        color: var(--Primary);
+      }
+    }
+  }
+  .content {
+    display: flex;
+    align-items: flex-end;
+  }
+}
+
+.error-404 {
+  text-align: center;
+  position: relative;
+  padding-top: 46px;
+  padding-bottom: 46px;
+  .contnet {
+    position: relative;
+    z-index: 1;
+    padding: 0 15px;
+  }
+
+  p,
+  .img {
+    margin-bottom: 40px;
+  }
+  .item {
+    bottom: -17%;
+  }
+}
+
+.js-countdown {
+  gap: 40px;
+  .countdown__timer {
+    display: flex;
+    position: relative;
+    justify-content: center;
+  }
+  .countdown__item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+    color: var(--Primary);
+    min-width: 76px;
+    min-height: 89px;
+    .countdown__value {
+      font-size: 42px;
+      line-height: 50px;
+    }
+  }
+  .countdown__label {
+    color: var(--Primary);
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.coming-soon {
+  text-align: center;
+  position: relative;
+  .form-newsletter {
+    max-width: 548px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 50px;
+  }
+  .tf-countdown-lg {
+    margin-bottom: 50px;
+  }
+  p {
+    margin-bottom: 50px;
+  }
+  .contnet {
+    position: relative;
+    z-index: 1;
+    padding: 0 15px;
+  }
+  .social {
+    a {
+      height: 46px;
+      width: 46px;
+      font-size: 18px;
+      @include flex(center, center);
+    }
+  }
+  .item {
+    left: -2%;
+    bottom: -33%;
+  }
+}
+.marquee-item {
+  .text-inner {
+    padding-right: 48px;
+    display: flex;
+    align-items: center;
+    gap: 48px;
+    i {
+      font-size: 64px;
+      color: var(--Mono-gray-3);
+    }
+  }
+}
+
+.box-choose,
+.box-about {
+  &.style-1 {
+    display: flex;
+    gap: 40px 30px;
+    .img-style {
+      flex: 20%;
+    }
+    .img-style {
+      img {
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+    .content {
+      flex: 10.77%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+    }
+  }
+}
+
+.box-choose {
+  .img-style {
+    text-align: end;
+  }
+  .list-check {
+    display: grid;
+    gap: 16px;
+    margin-bottom: 40px;
+    i {
+      height: 32px;
+      width: 32px;
+      font-size: 16px;
+      color: #0bd112;
+      background-color: #e9f9df;
+      @include flex(center, center);
+    }
+  }
+}
+
+.box-about {
+  &.style-1 {
+    .clutch-rating-item {
+      padding-bottom: 20px;
+      border-bottom: 1px solid var(--Mono-gray-2);
+      margin-bottom: 18px;
+    }
+  }
+  &.style-2 {
+    .clutch-rating-item {
+      padding-bottom: 19px;
+      border-block-end: 2px dashed var(--Mono-gray-2);
+    }
+    .image {
+      text-align: center;
+    }
+    .tf-btn {
+      padding: 0 32px;
+    }
+  }
+}
+
+.step-container {
+  --left-spacing: 175px;
+  --spacing-item: 72px;
+  padding-left: var(--left-spacing);
+  .tf-box-icon {
+    position: relative;
+    &:not(:first-child) {
+      margin-top: var(--spacing-item);
+      &::before {
+        position: absolute;
+        bottom: 50%;
+        left: calc(var(--left-spacing) * -1 + 20px);
+        content: "";
+        background: var(--Mono-gray-2);
+        height: 0;
+        @include transition3();
+        width: 1px;
+      }
+    }
+    .number {
+      left: calc(var(--left-spacing) * -1);
+    }
+
+    &:hover,
+    &.active,
+    &:has(~ .tf-box-icon:hover) {
+      background-color: #1c3f3a;
+      &:not(:first-child) {
+        &::before {
+          background-color: var(--Primary);
+          height: calc(100% + var(--spacing-item));
+        }
+      }
+      .number {
+        background-color: #1c3f3a;
+        color: var(--White);
+        &::after {
+          width: var(--left-spacing);
+        }
+      }
+      .icon {
+        svg path {
+          stroke: var(--White);
+        }
+      }
+      .title {
+        color: var(--White);
+      }
+      p {
+        color: var(--Mono-gray-2);
+      }
+    }
+  }
+}
+
+.choice-item {
+  display: flex;
+  min-height: 596px;
+  justify-content: space-between;
+  overflow: hidden;
+  border-radius: 24px;
+  padding: 40px;
+  flex-direction: column;
+  position: relative;
+  background-color: var(--White);
+  a {
+    text-decoration: underline;
+    text-align: end;
+  }
+  .list {
+    i {
+      font-size: 40px;
+      @include flex(center, center);
+    }
+  }
+  .item {
+    position: absolute;
+    bottom: -56px;
+  }
+  &.center {
+    background-color: var(--Primary);
+  }
+  &.left {
+    .item {
+      left: -68px;
+    }
+  }
+  &.right {
+    .item {
+      right: -68px;
+    }
+    a {
+      text-align: start;
+    }
+  }
+}
+
+.wrap-logo-carousel {
+  margin-top: -175px;
+  padding-top: 255px;
+  padding-bottom: 160px;
+  background: linear-gradient(180deg, #f8f3eb 22.44%, #ffffff 96.79%);
+  .heading-section {
+    margin-bottom: 40px;
+  }
+}
+
+.wrap-challenges-item {
+  display: flex;
+  gap: 30px;
+  flex-wrap: wrap;
+  justify-content: center;
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.challenges-item {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  padding: 8px 32px 8px 8px;
+  border-radius: 72px;
+  border: 1px solid var(--Mono-gray-3);
+  @include transition3();
+  p {
+    @include transition3();
+  }
+  img {
+    width: 48px;
+    object-fit: cover;
+    border-radius: 999px;
+  }
+  &:hover {
+    border-color: var(--Primary);
+    p {
+      color: var(--Primary) !important;
+    }
+  }
+}
+
+.pricing-item {
+  border: 1px solid var(--Border);
+  border-radius: 24px;
+  padding: 22px 32px 30px;
+  .heading {
+    margin-bottom: 20px;
+  }
+  .price {
+    margin-bottom: 20px;
+    padding-bottom: 20px;
+    border-bottom: 1px solid var(--Border);
+  }
+  .tf-btn {
+    margin-top: 40px;
+  }
+  &.center {
+    border-color: var(--Primary);
+  }
+}
+
+.wg-listing {
+  .case-studies-item {
+    .img-style {
+      max-width: 327px;
+    }
+  }
+  .wrap-sort {
+    white-space: nowrap;
+    max-width: 300px;
+    width: 100%;
+  }
+  .nice-select {
+    padding: 0;
+  }
+}
+
+.tf-project-filter {
+  display: flex;
+  gap: 57px;
+  .tf-btns-filter {
+    cursor: pointer;
+    h6 {
+      color: var(--Mono-gray-6);
+      position: relative;
+      @include transition3();
+      white-space: nowrap;
+      &::after {
+        position: absolute;
+        content: "";
+        width: 0;
+        height: 1px;
+        background-color: var(--Primary);
+        @include transition3();
+        bottom: 0;
+        left: 0;
+      }
+    }
+    &:hover,
+    &.is--active {
+      h6 {
+        color: var(--Primary);
+        &::after {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+
+.map-item {
+  padding: 40px 40px 33px;
+  border-radius: 24px;
+  background-color: var(--Sub-color-1);
+  .map {
+    margin-bottom: 31px;
+    width: 100%;
+    height: 420px;
+    border-radius: 16px;
+  }
+}
+
+.job-card {
+  display: flex;
+  padding: 24px 15px;
+  flex-direction: column;
+  gap: 12px;
+  background-color: var(--Sub-color-1);
+  border-radius: 24px;
+}
+
+.checkout-product {
+  .notification {
+    padding: 20px 20px 6px;
+    background-color: #ffdede;
+    border: 1px solid var(--Error);
+    border-radius: 12px;
+    .icon {
+      flex-shrink: 0;
+      width: 20px;
+      height: 20px;
+      @include flex(center, center);
+      border-radius: 999px;
+      color: var(--White);
+      font-size: 12px;
+      background-color: var(--Error);
+    }
+  }
+  .tf-btn {
+    width: 160px;
+  }
+  .link {
+    i {
+      font-size: 24px;
+    }
+  }
+}
+
+.banner-stripe {
+  overflow: hidden;
+  .text-container {
+    transform: translateX(-50%);
+    display: flex;
+    white-space: nowrap;
+  }
+  .banner-text {
+    padding-left: 24px;
+    color: #7e899533;
+    i {
+      font-size: 69px;
+    }
+  }
+}
+
+.banner-CTA {
+  background: linear-gradient(89.8deg, #ff3a2d -0.43%, #ffa13f 100.84%);
+  height: 350px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border-radius: 24px;
+  padding: 24px 15px;
+  .bot {
+    p {
+      max-width: 450px;
+    }
+  }
+}
+
+#loading {
+  background-color: var(--White);
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  z-index: 1;
+  margin-top: 0px;
+  top: 0px;
+  left: 0px;
+  bottom: 0px;
+  overflow: hidden;
+  right: 0px;
+  z-index: 999999;
+  #loading-center {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    @include flex(center, center);
+    .loader-container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .wrap-loader {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .icon {
+          position: absolute;
+          max-width: 80px;
+        }
+      }
+      .loader {
+        width: 100px;
+        height: 100px;
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+      }
+    }
+  }
+  .icon {
+    width: 42px;
+    height: 42px;
+  }
+}
+
+.scrollTop {
+  opacity: 0;
+  visibility: hidden;
+  transform: translateX(100px);
+  height: 55px;
+  width: 55px;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  background-color: #0f0f0f;
+  border-radius: 50%;
+  overflow: hidden;
+  cursor: pointer;
+  z-index: 999;
+  transition: 0.5s ease all;
+  &.active-progress {
+    opacity: 1;
+    visibility: visible;
+    transform: translateX(0);
+  }
+  .icon {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 3;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--White);
+    font-size: 24px;
+  }
+  .liquid {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
+    transform: translateY(100%);
+    background-color: var(--Primary);
+    transition: all 0.3s;
+    svg {
+      use {
+        margin-bottom: -1px;
+        position: relative;
+        bottom: -1px;
+        fill: var(--Primary) !important;
+      }
+    }
+  }
+  .liquid_wave {
+    width: 200%;
+    position: absolute;
+    bottom: 100%;
+  }
+  .liquid_wave_back {
+    right: 0;
+    fill: var(--White);
+    animation: wave-back 1.4s infinite linear;
+  }
+  .liquid_wave_front {
+    left: 0;
+    fill: #7a259ee0;
+    margin-bottom: -1px;
+    animation: wave-front 0.7s infinite linear;
+  }
+  &:hover {
+    transform: translateY(-15%);
+  }
+}
diff --git a/public/scss/abstracts/_index.scss b/public/scss/abstracts/_index.scss
new file mode 100644
index 0000000..1194508
--- /dev/null
+++ b/public/scss/abstracts/_index.scss
@@ -0,0 +1,2 @@
+@forward "./variable";
+@forward "./mixin";
diff --git a/public/scss/abstracts/_mixin.scss b/public/scss/abstracts/_mixin.scss
new file mode 100644
index 0000000..15ec9fa
--- /dev/null
+++ b/public/scss/abstracts/_mixin.scss
@@ -0,0 +1,75 @@
+@mixin flex($alignItem, $justifyContent) {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    align-items: $alignItem;
+    justify-content: $justifyContent;
+}
+@mixin grid($loop, $num, $row-gap, $col-gap) {
+    display: grid;
+    grid-template-columns: repeat($loop, $num);
+    gap: $row-gap $col-gap;
+}
+@mixin d-flex() {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+}
+@mixin centered() {
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    -moz-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -o-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+@mixin center($x, $y) {
+    -webkit-transform: translate($x,$y);
+    -moz-transform: translate($x,$y);
+    -ms-transform: translate($x,$y);
+    -o-transform: translate($x,$y);
+    transform: translate($x,$y);
+}
+
+// --------------------------
+
+@mixin  transition1 (){
+    -webkit-transition: all 0.1s ease;
+    -moz-transition   : all 0.1s ease;
+    -ms-transition    : all 0.1s ease;
+    -o-transition     : all 0.1s ease;
+    transition        : all 0.1s ease;
+}
+@mixin  transition2 (){
+    -webkit-transition: all 0.2s ease;
+    -moz-transition   : all 0.2s ease;
+    -ms-transition    : all 0.2s ease;
+    -o-transition     : all 0.2s ease;
+    transition        : all 0.2s ease;
+}
+@mixin  transition3 (){
+    -webkit-transition: all 0.3s ease;
+    -moz-transition   : all 0.3s ease;
+    -ms-transition    : all 0.3s ease;
+    -o-transition     : all 0.3s ease;
+    transition        : all 0.3s ease;
+}
+@mixin  transition4 (){
+    -webkit-transition: all 0.4s ease;
+    -moz-transition   : all 0.4s ease;
+    -ms-transition    : all 0.4s ease;
+    -o-transition     : all 0.4s ease;
+    transition        : all 0.4s ease;
+}
+@mixin  transition5 (){
+    -webkit-transition: all 0.5s ease;
+    -moz-transition   : all 0.5s ease;
+    -ms-transition    : all 0.5s ease;
+    -o-transition     : all 0.5s ease;
+    transition        : all 0.5s ease;
+}
diff --git a/public/scss/abstracts/_variable.scss b/public/scss/abstracts/_variable.scss
new file mode 100644
index 0000000..bdb201c
--- /dev/null
+++ b/public/scss/abstracts/_variable.scss
@@ -0,0 +1,70 @@
+$font-main: "Inter Tight", serif;
+$font-main2: "DM Sans", serif;
+$font-main3: "Inter", serif;
+$fontIcon: "icomoon";
+
+:root {
+    --Black: #000000;
+    --White: #ffffff;
+    --Mono-gray-1: #f5f6f7;
+    --Mono-gray-2: #e0e3e6;
+    --Mono-gray-3: #bec5cb;
+    --Mono-gray-4: #9fa9b2;
+    --Mono-gray-5: #7e8995;
+    --Mono-gray-6: #636e78;
+    --Mono-gray-7: #49525a;
+    --Mono-gray-8: #7e8695;
+    --Mono-dark-8: #2e3338;
+    --Mono-dark-9: #121416;
+    --Mono-dark-10: #383838;
+    --Mono-dark-11: #121212;
+    --Color-dark: #3f3d2e;
+    --Sub-color-1: #f2f6ff;
+    --Sub-color-2: #e0eae8;
+    --Sub-color-3: #458182;
+    --Color-text-1: #6ef193;
+    --Color-text-2: #9da5b4;
+    --Color-text-3: #9da5b4;
+    --Border: #dee3ee;
+    --Error: #ec3232;
+    --Bg-color-1: #f9f5f1;
+    --Bg-color-2: #c9d2f4;
+    --Bg-color-3: #f5f2f0;
+    // Insurance Consulting
+    --Primary-ic-blue: #8fa8fb;
+    --Primary-ic-red: #ff8283;
+    --Primary-ic-green: #a7decf;
+    --Primary-ic-yellow: #fedc6e;
+    // Business Consulting
+    --Primary: #0075ff;
+    --Primary-1: #e2ecf9;
+    --Primary-2: #cfe6ff;
+    --Primary-3: #bfd8fe;
+    // Finance Consulting
+    --Primary-fc-green-100: #1c3f3a;
+
+    // Finance Advisor
+
+    --Primary-fa-blue-10: #def5ff;
+    --Primary-fa-orange-10: #ffead3;
+    --Primary-fa-green-10: #eef9f1;
+    --Primary-fa-purple-10: #dfdeff;
+    --Primary-fa-orange-30: #f3af7c;
+    --Primary-fa-yellow-10: #fbfaf2;
+    --Primary-fa-green: #1c5551;
+    // Marketing Consulting
+}
+
+.primary-1 {
+    --Primary: #1c3f3a;
+}
+.primary-2 {
+    --Primary: #604cc3;
+    --Sub-color-2: #f5f5ff;
+}
+.primary-3 {
+    --Primary: #28285b;
+}
+.primary-4 {
+    --Primary: #fc6a2b;
+}
diff --git a/public/scss/app.scss b/public/scss/app.scss
new file mode 100644
index 0000000..07834fe
--- /dev/null
+++ b/public/scss/app.scss
@@ -0,0 +1,36 @@
+/* ---------------------------------------------------------
+    * Name: 
+    * Version: 1.0.0
+    * Author: Themesflat
+    * Author URI: http://themesflat.com 
+
+	* Abstracts variable
+    
+    * Reset css styles
+
+    * Components
+
+    * section
+
+    * dashboard
+
+    * Responsive
+ ------------------------------------------------------------------------------ */
+
+/*--------- Abstracts variable ---------- */
+@use "./abstracts/index" as abstracts;
+
+/*---------- Reset css styles ----------- */
+@use "reset";
+
+/*------------ Components ---------------- */
+@use "./component/index" as component;
+
+/*------------ widgets ---------------- */
+@use "./widgets";
+
+/*------------ sections ---------------- */
+@use "./sections";
+
+/*-------------- Responsive ----------------- */
+@use "./responsive";
diff --git a/public/scss/component/_accordion.scss b/public/scss/component/_accordion.scss
new file mode 100644
index 0000000..a19a9c9
--- /dev/null
+++ b/public/scss/component/_accordion.scss
@@ -0,0 +1,192 @@
+@use "../abstracts/index" as *;
+.accordion-item {
+    .accordion-title {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        justify-content: space-between;
+        gap: 5px;
+        &:not(.collapsed) {
+            .icon {
+                &::after {
+                    opacity: 0;
+                }
+                &::before {
+                    background-color: var(--Primary);
+                    transform: translate(-50%, -50%) rotate(90deg);
+                }
+            }
+            .title {
+                color: var(--Primary);
+            }
+        }
+    }
+    .title {
+        @include transition3();
+    }
+    .icon {
+        height: 24px;
+        width: 24px;
+        position: relative;
+        &::after {
+            position: absolute;
+            content: "";
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 16px;
+            height: 1px;
+            background-color: var(--Black);
+            transition: 0.25s ease-in-out;
+        }
+        &::before {
+            position: absolute;
+            content: "";
+            right: 17px;
+            top: 50%;
+            transform: translate(-50%, -50%);
+            width: 1px;
+            height: 16px;
+            background-color: var(--Black);
+            transition: 0.25s ease-in-out;
+        }
+    }
+    .accordion-faqs-content {
+        padding-top: 20px;
+    }
+    &.style-default {
+        padding: 38px 0 39px;
+        position: relative;
+        border-top: 1px solid var(--Mono-gray-3);
+        .accordion-title,
+        .accordion-faqs-content {
+            position: relative;
+            z-index: 2;
+        }
+        .accordion-title {
+            &:not(.collapsed) {
+                .icon {
+                    &::before {
+                        background-color: var(--Primary);
+                    }
+                }
+                .title {
+                    color: var(--Primary);
+                }
+            }
+        }
+        .heading {
+            .title {
+                display: flex;
+                gap: 56px;
+            }
+            span {
+                width: 33px;
+            }
+        }
+        .accordion-faqs-content {
+            padding-left: 89px;
+            padding-top: 23px;
+        }
+        &.active {
+            border-color: var(--Primary);
+        }
+        &.v2,
+        &.v3,
+        &.v4 {
+            border-bottom: 1px solid var(--Mono-gray-3);
+            border-top: unset;
+            .accordion-faqs-content {
+                padding-left: 0;
+            }
+            &.active {
+                border-color: var(--Primary);
+            }
+        }
+        &.v2 {
+            padding: 33px 0 29px;
+            .accordion-faqs-content {
+                padding-top: 8px;
+            }
+        }
+        &.v3 {
+            padding: 35px 0 31px;
+            border-block-end: 2px dashed var(--Mono-gray-3);
+            p {
+                max-width: 753px;
+            }
+            .accordion-faqs-content {
+                padding-top: 11px;
+            }
+            &.active {
+                border-color: var(--Primary);
+            }
+        }
+        &.v4 {
+            border: 1px solid var(--Mono-gray-2);
+            border-radius: 12px;
+            padding: 22px 24px 21px;
+            .accordion-title {
+                &:not(.collapsed) {
+                    .icon {
+                        &::before {
+                            background-color: var(--Mono-gray-5);
+                        }
+                    }
+                }
+            }
+            .accordion-faqs-content {
+                padding-top: 15px;
+            }
+        }
+        &.v5 {
+            border-top-style: dashed;
+            padding: 36px 0 40px;
+            .list {
+                padding-left: 10px;
+                gap: 9px;
+            }
+            .accordion-faqs-content {
+                padding-top: 23px;
+            }
+        }
+        .list {
+            display: grid;
+            gap: 12px;
+            li {
+                position: relative;
+                display: flex;
+                gap: 10px;
+                align-items: center;
+                &::before {
+                    position: relative;
+                    content: "";
+                    width: 6px;
+                    height: 6px;
+                    border-radius: 999px;
+                    background-color: var(--Color-dark);
+                    flex-shrink: 0;
+                }
+            }
+        }
+    }
+    &.style-1 {
+        background-color: var(--Mono-gray-1);
+        padding: 22.5px 24px;
+        .icon {
+            &::after,
+            &::before {
+                background-color: #141b34;
+            }
+        }
+        .accordion-faqs-content {
+            padding-top: 13px;
+        }
+        .accordion-faqs-content {
+            font-style: italic;
+        }
+        &.active {
+            background-color: var(--Sub-color-2);
+        }
+    }
+}
diff --git a/public/scss/component/_animation.scss b/public/scss/component/_animation.scss
new file mode 100644
index 0000000..46289ba
--- /dev/null
+++ b/public/scss/component/_animation.scss
@@ -0,0 +1,294 @@
+.up-down {
+    -webkit-animation: up-down 1s infinite alternate;
+    animation: up-down 1s infinite alternate;
+}
+
+@-webkit-keyframes up-down {
+    0% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(-10px);
+    }
+}
+
+@keyframes up-down {
+    0% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(-10px);
+    }
+}
+
+.up-down-2 {
+    -webkit-animation: up-down-2 0.9s infinite alternate;
+    animation: up-down-2 0.9s infinite alternate;
+}
+
+@-webkit-keyframes up-down-2 {
+    0% {
+        transform: translateY(-10px);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}
+
+.left-right {
+    -webkit-animation: left-right 1.5s infinite alternate;
+    animation: left-right 1.5s infinite alternate;
+}
+
+@-webkit-keyframes left-right {
+    0% {
+        transform: translateX(0);
+    }
+
+    100% {
+        transform: translateX(-20px);
+    }
+}
+
+@keyframes ripple {
+    0% {
+        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
+    }
+
+    50% {
+        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2);
+    }
+
+    100% {
+        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
+    }
+}
+
+.effect-content-slide {
+    .effect-item {
+        opacity: 0;
+        animation-fill-mode: forwards;
+        animation-iteration-count: 1;
+        animation-duration: 1.3s;
+        animation-delay: 0.3s;
+        animation-name: var(--animation-name);
+    }
+    .effect-img-zoom {
+        position: relative;
+        .img-zoom {
+            -webkit-transition: all 15s linear;
+            -khtml-transition: all 15s linear;
+            -moz-transition: all 15s linear;
+            -ms-transition: all 15s linear;
+            -o-transition: all 15s linear;
+            transition: all 15s linear;
+            min-height: 350px;
+            object-fit: cover;
+        }
+    }
+    .swiper-slide-active,
+    .tab-pane.active {
+        .effect-up {
+            --animation-name: slideinup;
+        }
+        .effect-left {
+            --animation-name: slideinleft;
+        }
+        .effect-right {
+            --animation-name: slideinright;
+        }
+        .effect-down {
+            --animation-name: slideindown;
+        }
+        .img-zoom {
+            transform: scale(1.25);
+        }
+        .effect-item {
+            &.effect-1 {
+                animation-delay: 0.3s;
+            }
+            &.effect-2 {
+                animation-delay: 0.7s;
+            }
+            &.effect-3 {
+                animation-delay: 0.11s;
+            }
+            &.effect-4 {
+                animation-delay: 0.15s;
+            }
+            &.effect-5 {
+                animation-delay: 0.19s;
+            }
+        }
+    }
+}
+
+@keyframes slideinup {
+    0% {
+        opacity: 0;
+        transform: translateY(100px);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes slideinright {
+    0% {
+        opacity: 0;
+        transform: translateX(20px);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+@keyframes slideindown {
+    0% {
+        opacity: 0;
+        transform: translateY(-100px);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes slideinleft {
+    0% {
+        opacity: 0;
+        transform: translateX(-20px);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+
+@keyframes rotate {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+@keyframes rotate-2 {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(-360deg);
+    }
+}
+
+@keyframes iconShape {
+    0%,
+    100% {
+        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
+    }
+    34% {
+        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
+    }
+    50% {
+        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
+    }
+    67% {
+        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
+    }
+}
+
+@keyframes sliderShape {
+    0%,
+    100% {
+        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
+        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
+    }
+    34% {
+        border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
+        transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
+    }
+    50% {
+        transform: translate3d(0, 0, 0) rotateZ(0.01deg);
+    }
+    67% {
+        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
+        transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
+    }
+}
+
+.img-custom-anim-right {
+    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
+        0.4s;
+    opacity: 0;
+}
+
+@keyframes img-anim-right {
+    0% {
+        transform: translateX(5%);
+        clip-path: inset(0 0 0 100%);
+        opacity: 0;
+    }
+    100% {
+        transform: translateX(0);
+        clip-path: inset(0 0 0 0);
+        opacity: 1;
+    }
+}
+
+.img-custom-anim-left {
+    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
+        0.4s;
+    opacity: 0;
+}
+
+@keyframes img-anim-left {
+    0% {
+        transform: translateX(-5%);
+        clip-path: inset(0 100% 0 0);
+        opacity: 0;
+    }
+    100% {
+        transform: translateX(0);
+        clip-path: inset(0 0 0 0);
+        opacity: 1;
+    }
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+        box-shadow: 0 2px 0 #0075ff;
+    }
+
+    50% {
+        transform: rotate(180deg);
+        box-shadow: 0 2px 0 #0075ff;
+    }
+
+    100% {
+        transform: rotate(360deg);
+        box-shadow: 0 2px 0 #0075ff;
+    }
+}
+
+@keyframes wave-front {
+    100% {
+        transform: translateX(-50%);
+    }
+}
+
+@keyframes wave-back {
+    100% {
+        transform: translateX(50%);
+    }
+}
diff --git a/public/scss/component/_blog.scss b/public/scss/component/_blog.scss
new file mode 100644
index 0000000..bc801af
--- /dev/null
+++ b/public/scss/component/_blog.scss
@@ -0,0 +1,412 @@
+@use "../abstracts/index" as *;
+
+.blog-article-item {
+    .article-thumb {
+        position: relative;
+        border-radius: 24px;
+        width: 100%;
+        img {
+            width: 100%;
+            object-fit: cover;
+        }
+        &::before {
+            position: absolute;
+            content: "";
+            opacity: 0;
+            width: 95%;
+            height: 95%;
+            transition: all 0.4s ease;
+            border: 2px solid var(--Primary);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            border-radius: inherit;
+            z-index: 1;
+        }
+    }
+    .title {
+        a {
+            display: inline;
+            @include transition5();
+            background-image: -webkit-gradient(
+                linear,
+                left top,
+                left bottom,
+                from(currentColor),
+                color-stop(98%, currentColor)
+            );
+            background-image: linear-gradient(
+                to bottom,
+                currentColor 0%,
+                currentColor 98%
+            );
+            background-size: 0 1px;
+            background-repeat: no-repeat;
+            background-position: left 100%;
+        }
+    }
+    .tag {
+        background-color: var(--Mono-dark-9);
+        width: 47px;
+        height: 64px;
+        padding: 0 10px;
+        text-align: center;
+        @include flex(center, center);
+        position: absolute;
+        left: 32px;
+        top: 32px;
+    }
+
+    &.style-1,
+    &.style-3,
+    &.style-4 {
+        .article-thumb {
+            border-radius: unset;
+            &::before {
+                display: none;
+            }
+        }
+        .btn_link {
+            position: relative;
+            color: var(--Primary);
+            &::after {
+                content: "";
+                position: absolute;
+                width: 100%;
+                height: 1px;
+                bottom: 0;
+                left: 0;
+                background-color: var(--Primary);
+                @include transition3();
+            }
+            &:hover {
+                &::after {
+                    background-color: var(--Black);
+                }
+            }
+        }
+        .article-thumb {
+            position: relative;
+            width: 100%;
+            height: 553px;
+            overflow: hidden;
+            img {
+                position: absolute;
+                top: 0;
+                left: 0;
+                transition: 0.5s;
+                background-size: cover;
+
+                &:nth-child(1) {
+                    transform: translatex(50%) scalex(2);
+                    opacity: 0;
+                    filter: blur(10px);
+                }
+            }
+            &:hover {
+                img:nth-child(2) {
+                    transform: translatex(-50%) scalex(2);
+                    opacity: 0;
+                    filter: blur(10px);
+                }
+                img:nth-child(1) {
+                    transform: translatex(0) scalex(1);
+                    opacity: 1;
+                    filter: blur(0);
+                }
+            }
+        }
+    }
+    &.style-2 {
+        position: relative;
+
+        .article-thumb {
+            &::before {
+                content: "";
+                border-radius: 47.92px;
+                position: absolute;
+                border: none;
+                transform: unset;
+                opacity: 1;
+                width: 100%;
+                height: 100%;
+                inset: 0;
+                background: linear-gradient(
+                    179.86deg,
+                    rgba(0, 0, 0, 0) 35.89%,
+                    rgba(0, 0, 0, 0.6) 99.87%
+                );
+            }
+            border-radius: 47.92px;
+        }
+        .article-content {
+            padding: 0 15px;
+            position: absolute;
+            z-index: 1;
+            left: 0;
+            right: 0;
+            bottom: 40px;
+        }
+    }
+    &.style-3 {
+        .article-thumb {
+            height: 406px;
+            border-radius: 24px;
+        }
+    }
+    &.style-4 {
+        .article-thumb {
+            height: 280px;
+            border-radius: 16px;
+        }
+        .blog-article-meta {
+            gap: 28px;
+        }
+    }
+    &:hover {
+        .article-thumb {
+            &::before {
+                opacity: 1;
+                width: 100%;
+                height: 100%;
+            }
+        }
+        .title {
+            a {
+                background-size: 100% 1.5px;
+            }
+        }
+    }
+}
+
+.blog-article-meta {
+    gap: 22px;
+    .meta-item {
+        position: relative;
+        color: var(--Primary);
+        &:not(:first-child) {
+            &::after {
+                position: absolute;
+                content: "/";
+                left: -15px;
+            }
+        }
+        &.date {
+            color: var(--Mono-gray-7);
+        }
+    }
+    &.style-2 {
+        .meta-item {
+            position: relative;
+            color: var(--Mono-gray-6);
+            &:not(:first-child) {
+                &::after {
+                    content: "";
+                    left: -15px;
+                    height: 4px;
+                    width: 4px;
+                    border-radius: 999px;
+                    background-color: var(--Mono-gray-6);
+                    top: 50%;
+                    transform: translateY(-50%);
+                }
+            }
+        }
+    }
+}
+
+.sidebar {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+}
+
+.relatest-post-item {
+    display: flex;
+    gap: 20px;
+    .image {
+        border-radius: 12px;
+        flex-shrink: 0;
+        margin-top: 7px;
+    }
+    &.style-1 {
+        align-items: center;
+    }
+}
+
+.sidebar {
+    .relatest-post-item {
+        &:not(:last-child) {
+            margin-bottom: 9px;
+        }
+    }
+}
+
+.sidebar-categories {
+    .item {
+        position: relative;
+        &:not(:last-child) {
+            margin-bottom: 14px;
+        }
+        a {
+            position: relative;
+            &::after {
+                content: "";
+                position: absolute;
+                background-color: var(--Primary);
+                width: 0;
+                height: 1px;
+                @include transition3();
+                left: 0;
+                bottom: 0;
+            }
+        }
+        span {
+            @include transition3();
+            position: absolute;
+            margin-left: 4px;
+        }
+        &:hover {
+            a,
+            span {
+                color: var(--Primary);
+            }
+            a {
+                &::after {
+                    width: 100%;
+                }
+            }
+        }
+    }
+}
+
+.wrap-popular-tag {
+    display: flex;
+    gap: 14px 12px;
+    flex-wrap: wrap;
+    .popular-tag-item {
+        display: flex;
+        align-items: center;
+        border-radius: 30px;
+        height: 36px;
+        padding: 0 16px;
+        background-color: var(--Sub-color-1);
+        color: var(--Mono-dark-9);
+        font-size: 16px;
+        line-height: 24px;
+        position: relative;
+        &::before {
+            position: absolute;
+            content: "";
+            opacity: 0;
+            width: 110%;
+            height: 110%;
+            transition: all 0.4s ease;
+            border: 1px solid var(--Border);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            border-radius: inherit;
+            z-index: 1;
+        }
+        &:hover {
+            &::before {
+                opacity: 1;
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+
+.heading-single-post {
+    .box-infor {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        gap: 20px;
+        .right {
+            display: flex;
+            gap: 33px;
+            .wrap {
+                gap: 15px;
+            }
+        }
+    }
+
+    .item {
+        display: flex;
+        align-items: center;
+        gap: 14px;
+        i {
+            font-size: 26px;
+        }
+        &.share {
+            gap: 25px;
+        }
+        &.copy {
+            i {
+                font-size: 19px;
+            }
+        }
+    }
+}
+
+.section-sigle-post {
+    .wrap-tag {
+        padding-bottom: 122px;
+        border-bottom: 1px solid var(--Border);
+        margin-bottom: 110px;
+    }
+    .thumbs-post-single-2 {
+        img {
+            min-height: 240px;
+            object-fit: cover;
+        }
+    }
+}
+
+.wishlist-post-sigle {
+    height: 36px;
+    padding: 0 12px;
+    border-radius: 24px;
+    border: 1px solid var(--Mono-gray-2);
+    gap: 4px;
+    @include transition3();
+    cursor: pointer;
+    i {
+        font-size: 24px;
+        color: var(--Error);
+    }
+    &:hover {
+        border-color: var(--Primary);
+    }
+}
+
+.single-post-content {
+    ul {
+        max-width: 981px;
+        display: grid;
+        gap: 33px;
+    }
+}
+
+.quote {
+    padding: 0 42px;
+    .text {
+        font-style: italic;
+        font-family: $font-main2;
+        font-weight: 400;
+    }
+}
+
+.box-user {
+    .avatar {
+        width: 64px;
+        height: 64px;
+        border-radius: 999px;
+        overflow: hidden;
+        flex-shrink: 0;
+    }
+}
diff --git a/public/scss/component/_button.scss b/public/scss/component/_button.scss
new file mode 100644
index 0000000..47cda5e
--- /dev/null
+++ b/public/scss/component/_button.scss
@@ -0,0 +1,306 @@
+@use "../abstracts/index" as *;
+
+.tf-btn {
+    @include flex(center, center);
+    width: max-content;
+    height: 48px;
+    padding: 0 24px;
+    background-color: var(--Primary);
+    @include transition3();
+    border-radius: 46px;
+    @include transition3();
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
+    font-size: 16px;
+    line-height: 24px;
+    span {
+        color: var(--White);
+        @include transition3();
+        white-space: nowrap;
+    }
+    .bg-effect {
+        position: absolute;
+        width: 0;
+        height: 0;
+        border-radius: 50%;
+        background-color: var(--White);
+        transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
+        transform: translate(-50%, -50%);
+        z-index: -1;
+    }
+    &.btn-white {
+        background-color: var(--White);
+        span {
+            color: var(--Primary);
+        }
+        .bg-effect {
+            background-color: var(--Primary);
+        }
+        &:hover {
+            background-color: var(--Primary);
+            span,
+            i {
+                color: var(--White) !important;
+            }
+        }
+        &.bg-effect-dark-color {
+            .bg-effect {
+                background-color: var(--Mono-dark-8);
+            }
+        }
+    }
+    &.btn-white2 {
+        background-color: var(--White);
+        span {
+            color: var(--Mono-dark-9);
+        }
+        .bg-effect {
+            background-color: var(--Mono-dark-8);
+        }
+        &:hover {
+            background-color: var(--Mono-dark-8);
+            color: var(--White);
+            span {
+                color: var(--White) !important;
+            }
+        }
+        &.bg-effect-dark-color {
+            .bg-effect {
+                background-color: var(--dark-color2);
+            }
+        }
+    }
+    &.btn-primary2 {
+        background-color: var(--Primary);
+        span {
+            color: var(--White);
+        }
+        .bg-effect {
+            background-color: var(--Mono-dark-8);
+        }
+        &:hover {
+            background-color: var(--Mono-dark-8);
+            span {
+                color: var(--White) !important;
+            }
+        }
+    }
+    &.btn-dark {
+        background-color: var(--Mono-dark-9);
+        span {
+            color: var(--White);
+        }
+        i {
+            color: var(--Mono-dark-9);
+            @include transition3();
+        }
+        .bg-effect {
+            background-color: var(--Primary);
+        }
+        &:hover {
+            background-color: var(--Primary);
+            span {
+                color: var(--White) !important;
+            }
+            i {
+                color: var(--White);
+            }
+        }
+    }
+    &.btn-dark-2 {
+        background-color: var(--dark-color2);
+        span {
+            color: var(--White);
+        }
+        i {
+            color: var(--dark-color);
+            @include transition3();
+        }
+        .bg-effect {
+            background-color: var(--White);
+        }
+        &:hover {
+            background-color: var(--White);
+            span {
+                color: var(--dark-color2);
+            }
+            i {
+                color: var(--dark-color2);
+            }
+        }
+    }
+    &.btn-black {
+        background-color: var(--black);
+        padding: 0 20px;
+        span {
+            color: var(--White);
+            font-size: 12px;
+            line-height: 14.52px;
+        }
+        i {
+            color: var(--White);
+            @include transition3();
+        }
+        .bg-effect {
+            background-color: var(--White);
+        }
+        &:hover {
+            background-color: var(--White);
+            span {
+                color: var(--dark-color2);
+            }
+            i {
+                color: var(--black);
+            }
+        }
+    }
+    &.btn-black2 {
+        background-color: var(--black);
+        padding: 0 20px;
+        span {
+            color: var(--White);
+            font-size: 12px;
+            line-height: 14.52px;
+        }
+        i {
+            color: var(--White);
+            @include transition3();
+        }
+        .bg-effect {
+            background-color: var(--Primary);
+        }
+        &:hover {
+            background-color: var(--Primary);
+            span {
+                color: var(--White);
+            }
+            i {
+                color: var(--White);
+            }
+        }
+    }
+    &.btn-border {
+        background-color: transparent;
+        border: 1px solid var(--Mono-gray-2);
+        &.border-1 {
+            border-color: var(--Primary);
+            span {
+                color: var(--Primary) !important;
+            }
+            &:hover {
+                span {
+                    color: var(--White) !important;
+                }
+            }
+        }
+        span {
+            color: var(--Mono-dark-9);
+        }
+        .bg-effect {
+            background-color: var(--Primary);
+        }
+        &:hover {
+            background-color: var(--Primary);
+            border: 1px solid var(--Primary);
+            span {
+                color: var(--White) !important;
+            }
+        }
+    }
+    &.btn-bright-orange {
+        background-color: var(--bright-orange);
+        span {
+            color: var(--dark-color);
+        }
+        i {
+            color: var(--dark-color);
+            @include transition3();
+        }
+        .bg-effect {
+            background-color: var(--dark-color);
+        }
+        &:hover {
+            background-color: var(--dark-color);
+            span {
+                color: var(--White);
+            }
+            i {
+                color: var(--White);
+            }
+        }
+    }
+    &.h36 {
+        height: 36px;
+    }
+    &.h-48 {
+        height: 48px;
+    }
+    &.btn-px-28 {
+        padding: 0 28px;
+    }
+    &.btn-px-30 {
+        padding: 0 30px;
+    }
+    &:hover {
+        transition-delay: 0.15s;
+        background-color: var(--White);
+        span {
+            color: var(--Mono-dark-9) !important;
+        }
+        .bg-effect {
+            width: 225%;
+            height: calc(var(--button-width) * 2.25);
+        }
+        -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
+        box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
+        -webkit-transform: translate3d(0, -2px, 0);
+        transform: translate3d(0, -2px, 0);
+    }
+}
+
+.tf-btn-link {
+    @include d-flex();
+    align-items: center;
+    font-size: 16px;
+    line-height: 24px;
+    color: var(--Primary);
+    gap: 8px;
+    width: max-content;
+    span {
+        position: relative;
+        &::after {
+            position: absolute;
+            content: "";
+            width: 0;
+            left: 0;
+            bottom: -1px;
+            background: var(--Primary);
+            height: 2px;
+            @include transition3();
+        }
+    }
+    i {
+        @include transition3();
+        transition-delay: 0.2s;
+        font-size: 12px;
+        height: 20px;
+        width: 20px;
+        border-radius: 999px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    &:hover {
+        span {
+            &::after {
+                width: 100%;
+            }
+        }
+        i {
+            transform: translateX(4px) rotate(45deg);
+            background-color: var(--Primary);
+            color: var(--White);
+        }
+    }
+}
diff --git a/public/scss/component/_footer.scss b/public/scss/component/_footer.scss
new file mode 100644
index 0000000..0bc7af4
--- /dev/null
+++ b/public/scss/component/_footer.scss
@@ -0,0 +1,307 @@
+@use "../abstracts/index" as *;
+.footer {
+    .footer-logo {
+        width: 195px;
+        margin-bottom: 36px;
+    }
+    .footer-info {
+        display: grid;
+        gap: 12px;
+    }
+    .footer-heading {
+        margin-bottom: 26px;
+    }
+    .footer-menu-list {
+        display: grid;
+        gap: 12px;
+    }
+    .footer-newsletter {
+        .footer-heading {
+            margin-bottom: 17px;
+        }
+        .description {
+            a {
+                position: relative;
+                &::after {
+                    content: "";
+                    position: absolute;
+                    width: 100%;
+                    background-color: var(--Primary);
+                    height: 1px;
+                    bottom: 0;
+                    left: 0;
+                    @include transition3();
+                }
+                &:hover {
+                    &::after {
+                        background-color: var(--Black);
+                    }
+                }
+            }
+        }
+    }
+    .footer-bottom {
+        .wrapper {
+            margin-top: 120px;
+            padding: 33px 0;
+            justify-content: space-between;
+            border-top: 1px solid var(--Border);
+            .right {
+                gap: 12px 41px;
+            }
+        }
+    }
+
+    &.style-default {
+        .footer-body {
+            padding-top: 113px;
+        }
+        &.has-border-top {
+            .footer-body {
+                border-top: 1px solid var(--Border);
+            }
+        }
+    }
+
+    &.style-1 {
+        background-color: var(--Mono-dark-11);
+        .footer-logo {
+            width: 160px;
+        }
+        .contact {
+            li {
+                display: flex;
+                flex-direction: column;
+            }
+        }
+        .footer-bottom .wrapper {
+            margin-top: 73px;
+            padding: 22px 0 31px;
+        }
+        .footer-heading {
+            margin-bottom: 11px;
+        }
+        .contact {
+            .footer-menu-list {
+                gap: 19px;
+            }
+        }
+        .footer-menu-list {
+            gap: 14px;
+        }
+        .left {
+            padding-top: 50px;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            height: 100%;
+
+            .content {
+                display: flex;
+                flex-direction: column;
+            }
+        }
+        .footer-body {
+            .right {
+                display: flex;
+                margin-top: 50px;
+                .content {
+                    background-color: #ebe8d8;
+                    flex: 20%;
+                    padding: 24px 15px;
+                }
+                .image {
+                    flex: 20%;
+                    img {
+                        height: 100%;
+                        object-fit: cover;
+                    }
+                }
+            }
+        }
+        .footer-bottom {
+            .wrapper {
+                border-color: var(--Mono-gray-7);
+            }
+        }
+        .social {
+            a {
+                font-size: 24px;
+            }
+        }
+
+    }
+    &.style-2 {
+        padding-top: 73px;
+        .tf-social {
+            a {
+                &:hover {
+                    background-color: var(--Mono-dark-9);
+                }
+            }
+        }
+        .form-newsletter {
+            fieldset input {
+                background-color: var(--Mono-gray-2);
+                height: 52px;
+                border-radius: 999px;
+                border: none;
+                max-width: 374px;
+            }
+            .button-submit {
+                max-width: 162px;
+                width: 100%;
+            }
+            .tf-btn {
+                width: 100%;
+            }
+            .subscribe-content {
+                gap: 13px;
+            }
+        }
+        .description {
+            a {
+                &::after {
+                    background-color: var(--Color-dark);
+                }
+                &:hover {
+                    &::after {
+                        background-color: var(--Primary);
+                    }
+                }
+            }
+        }
+        .footer-logo {
+            margin-bottom: 33px;
+        }
+        .footer-heading {
+            margin-bottom: 34px;
+        }
+        .wrapper {
+            margin-top: 0;
+        }
+        .footer-bottom {
+            padding-top: 107px;
+        }
+    }
+    &.style-3 {
+        padding-top: 60px;
+        background-color: var(--Primary);
+        .footer-newsletter,
+        .footer-body,
+        .footer-bottom {
+            --Primary: #0075ff;
+        }
+        .description {
+            a {
+                &:hover {
+                    &::after {
+                        background-color: var(--White);
+                    }
+                }
+            }
+        }
+        .tf-social {
+            a {
+                border-color: var(--Mono-gray-6);
+                color: var(--Mono-gray-6);
+                &:hover {
+                    background-color: var(--White);
+                    color: #28285b;
+                }
+            }
+        }
+        .footer-bottom {
+            .wrapper {
+                border-top: 1px dashed #53537c;
+            }
+        }
+        .form-newsletter {
+            fieldset input {
+                background-color: rgba(255, 255, 255, 0.2);
+                border: none;
+                color: var(--White);
+                &::placeholder {
+                    color: var(--Mono-gray-4);
+                }
+            }
+            .icon {
+                color: var(--White);
+            }
+        }
+        .footer-logo {
+            width: 195px;
+            margin-bottom: 36px;
+        }
+    }
+    &.style-4 {
+        background-color: #272727;
+
+        .footer-logo {
+            width: 256px;
+        }
+        .footer-top {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .footer-menu-list {
+            gap: 14px;
+        }
+        .footer-heading {
+            margin-bottom: 10px;
+        }
+        .footer-newsletter {
+            max-width: 548px;
+            width: 100%;
+            .subscribe-content {
+                gap: 12px;
+            }
+            .footer-heading {
+                margin-bottom: 18px;
+            }
+            fieldset {
+                max-width: 374px;
+                width: 100%;
+                input {
+                    border: none;
+                    border-radius: 999px;
+                    height: 52px;
+                }
+            }
+        }
+        .footer-body {
+            display: flex;
+            flex-direction: column;
+            .left {
+                display: flex;
+                justify-content: space-between;
+                flex-direction: column;
+            }
+        }
+        .tf-social {
+            a {
+                background-color: var(--Primary);
+                color: var(--White);
+                border: none;
+                &:hover {
+                    background-color: var(--White);
+                    color: var(--Primary);
+                }
+            }
+        }
+        .footer-bottom {
+            padding-bottom: 27px;
+            .wrapper {
+                padding-top: 0;
+                border-top: unset;
+                padding-bottom: 32px;
+                margin-bottom: 26px;
+                border-bottom: 1px solid var(--Mono-gray-7);
+            }
+            .left {
+                gap: 15px;
+            }
+        }
+    }
+}
diff --git a/public/scss/component/_form.scss b/public/scss/component/_form.scss
new file mode 100644
index 0000000..df2969c
--- /dev/null
+++ b/public/scss/component/_form.scss
@@ -0,0 +1,466 @@
+@use "../abstracts/index" as *;
+
+form {
+  position: relative;
+  z-index: 30;
+  textarea,
+  input[type="text"],
+  input[type="password"],
+  input[type="datetime"],
+  input[type="datetime-local"],
+  input[type="date"],
+  input[type="month"],
+  input[type="time"],
+  input[type="week"],
+  input[type="number"],
+  input[type="email"],
+  input[type="url"],
+  input[type="search"],
+  input[type="tel"],
+  input[type="color"] {
+    font-family: $font-main;
+    outline: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    font-size: 18px;
+    line-height: 28px;
+    padding: 12px 16px 15px 15px;
+    width: 100%;
+    color: var(--Black);
+    border-radius: 12px;
+    height: 46px;
+    box-sizing: border-box;
+    border: 1px solid var(--Mono-gray-3);
+    &::placeholder {
+      color: var(--Mono-gray-6);
+    }
+    &.style-2 {
+      padding: 11px 18px;
+      background-color: var(--Sub-color-1);
+      border-radius: 44px;
+      &::placeholder {
+        color: var(--Mono-gray-6);
+      }
+    }
+  }
+  button,
+  input[type="button"],
+  input[type="reset"],
+  input[type="submit"] {
+    background-color: transparent;
+    overflow: hidden;
+    padding: 0;
+  }
+  textarea {
+    height: 130px;
+    padding: 10px;
+    font-size: 16px;
+    line-height: 24px;
+  }
+  &.style-line-bot {
+    fieldset {
+      input {
+        padding: 8px 40px 9px 0px;
+        border-radius: unset;
+        height: max-content;
+        background-color: transparent;
+        border: unset;
+        border-bottom: 1px solid var(--Mono-gray-2);
+      }
+    }
+    &.style-2 {
+      fieldset {
+        input {
+          color: var(--mono-gray9);
+          border-color: var(--border);
+          &::placeholder {
+            color: var(--mono-gray9);
+          }
+        }
+      }
+      button {
+        position: relative;
+        transform: unset;
+      }
+    }
+  }
+}
+
+.form-contact {
+  display: grid;
+  gap: 35px;
+  padding: 61px 64px 64px;
+  border-radius: 24px;
+  background-color: var(--White);
+  fieldset {
+    input {
+      height: 48px;
+    }
+  }
+  label {
+    font-size: 14px;
+    line-height: 20px;
+  }
+  .attachment {
+    align-items: center;
+    display: flex;
+    gap: 16px;
+    i {
+      font-size: 20px;
+    }
+  }
+}
+
+.form-search {
+  position: relative;
+  button {
+    position: absolute;
+    right: 20px;
+    top: 50%;
+    transform: translateY(-50%);
+    padding: 0;
+    background-color: transparent;
+    border: 0;
+    @include transition3();
+    i {
+      font-size: 20px;
+    }
+    &:hover {
+      color: var(--Primary);
+    }
+  }
+  &.style-1 {
+    fieldset {
+      input {
+        height: max-content;
+        font-size: 32px;
+        line-height: 40px;
+        &::placeholder {
+          color: var(--Black);
+        }
+      }
+    }
+    button {
+      right: 0;
+    }
+  }
+}
+
+.form-send-email {
+  position: relative;
+  fieldset input {
+    height: 64px;
+    border-radius: 999px;
+    border-color: #00000029;
+    font-size: 14px;
+    line-height: 20px;
+  }
+  .button-submit {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: 8px;
+    .tf-btn {
+      height: 46px;
+    }
+  }
+}
+
+.send-mail {
+  fieldset {
+    input {
+      color: #999999;
+      border-color: #bbbbbb !important;
+    }
+  }
+}
+
+.form-newsletter {
+  fieldset {
+    input {
+      background-color: var(--dark-color2);
+    }
+  }
+}
+
+.form-leave-comment {
+  textarea {
+    height: 200px;
+    margin-bottom: 42px;
+    border-radius: 24px;
+  }
+}
+
+.form-help {
+  fieldset input {
+    background-color: transparent;
+    height: 52px;
+  }
+  textarea {
+    background-color: transparent;
+    height: 182px;
+  }
+}
+.wrap-sort {
+  display: flex;
+  align-items: center;
+  gap: 25px;
+  .tf-dropdown-sort {
+    flex: 1;
+  }
+}
+
+.tf-dropdown-sort {
+  position: relative;
+  border-radius: 999px;
+  padding: 0 12px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  cursor: pointer;
+  -webkit-transition: all 0.3s ease;
+  -moz-transition: all 0.3s ease;
+  -ms-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  border: 1px solid var(--Mono-gray-2);
+  .icon {
+    font-size: 20px;
+  }
+  .btn-select {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 4px;
+    text-wrap: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .dropdown-menu {
+    width: 100%;
+    border: 0;
+    padding: 15px 5px;
+    border-radius: 0;
+    max-height: 68vh;
+    isolation: isolate;
+    overscroll-behavior-y: contain;
+    overflow-y: auto;
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+    &::-webkit-scrollbar-track {
+      background-color: var(--border);
+    }
+    &::-webkit-scrollbar-thumb {
+      background: var(--border);
+      border-radius: 4px;
+    }
+  }
+  .select-item {
+    position: relative;
+    padding: 0 15px;
+    line-height: 30px;
+    width: 100%;
+    @include transition3;
+    &.active {
+      background-color: var(--line);
+      color: var(--main);
+      padding: 0 15px !important;
+      border: 0 !important;
+    }
+    &:hover {
+      background-color: var(--border);
+      color: var(--dark-color);
+    }
+  }
+  &:hover {
+    border-color: var(--bord);
+  }
+}
+
+.tf-check {
+  position: relative;
+  background: transparent;
+  cursor: pointer;
+  outline: 0;
+  -webkit-appearance: none;
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 4px;
+  background-color: var(--White) !important;
+  &:checked {
+    background-color: var(--Primary) !important;
+    &::before {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+  &::before {
+    font-family: $fontIcon;
+    content: "\e930";
+    position: absolute;
+    color: var(--White);
+    opacity: 0;
+    left: 4px;
+    top: 4px;
+    font-size: 12px;
+    transform: scale(0.5);
+    @include transition3;
+  }
+}
+
+.box-fieldset-item {
+  display: grid;
+  gap: 17px;
+  .fieldset-item {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+  }
+}
+
+.form-project {
+  fieldset {
+    input {
+      padding: 7px 40px 4px 0px !important;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 24px;
+      &::placeholder {
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 24px;
+      }
+    }
+  }
+  .tf-btn {
+    height: 52px;
+    padding: 0 29px;
+    span {
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 24px;
+    }
+  }
+}
+
+.tf-select-tranform-lable {
+  position: relative;
+  width: 100%;
+  .select-label {
+    position: absolute;
+    left: 20px;
+    top: 15px;
+    font-size: 16px;
+    color: var(--Mono-gray-5);
+    line-height: 20px;
+    @include transition3();
+  }
+  select {
+    height: 48px;
+    border-radius: 999px;
+    border: 1px solid var(--Mono-gray-3);
+    font-size: 16px;
+    color: var(--Black);
+    width: 100%;
+    padding: 20px 20px 9.5px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    &:focus {
+      outline: none !important;
+    }
+  }
+  &.focused {
+    .select-label {
+      font-size: 12px;
+      transform: translateY(-70%);
+    }
+  }
+}
+
+.form-checkout {
+  padding: 24px 15px;
+  border-radius: 24px;
+  border: 1px solid var(--Primary);
+  .grid-2 {
+    gap: 10px;
+  }
+}
+
+.form-newsletter {
+  &.style-1 {
+    .subscribe-content {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      width: 100%;
+    }
+    fieldset {
+      flex: 1;
+      input {
+        border-radius: 12px;
+        padding-left: 46px;
+      }
+    }
+    .icon {
+      font-size: 20px;
+      position: absolute;
+      left: 14px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+    &.has-border {
+      fieldset {
+        flex: 1;
+        input {
+          border: 1px solid #d9dce3;
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  &.style-2 {
+    max-width: 212px;
+    background-image: url(/images/item/border.svg);
+    background-repeat: no-repeat;
+    background-size: cover;
+    aspect-ratio: 5.1707317073;
+    .subscribe-content {
+      display: flex;
+      align-items: center;
+    }
+    fieldset {
+      flex: 1 0 auto;
+      input {
+        background: transparent;
+        height: 40px;
+        border-radius: 37px;
+        max-width: 172px;
+        padding: 12px 0 10px 16px;
+      }
+    }
+    .subscribe-button {
+      height: 28px;
+      width: 28px;
+      border-radius: 999px;
+      background-color: var(--primary);
+      flex: 0 0 auto;
+      aspect-ratio: 1;
+      padding: 5px;
+      margin-right: 6px;
+      color: var(--White);
+      @include transition3();
+      &:hover {
+        transform: rotate(45deg);
+      }
+    }
+  }
+}
diff --git a/public/scss/component/_header.scss b/public/scss/component/_header.scss
new file mode 100644
index 0000000..853a484
--- /dev/null
+++ b/public/scss/component/_header.scss
@@ -0,0 +1,638 @@
+@use "../abstracts/index" as *;
+.header {
+  .header-inner-wrap {
+    display: flex;
+    justify-content: space-between;
+    padding-top: 32px;
+    position: relative;
+    z-index: 999;
+  }
+  .header-right {
+    gap: 16px;
+    .btn-find {
+      height: 48px;
+      width: 48px;
+      font-size: 22px;
+    }
+  }
+  .mega-menu {
+    left: 0;
+    right: 0;
+  }
+  .wrap-demo-item {
+    gap: 15px;
+  }
+  .support {
+    i {
+      padding: 8px 9px 10px;
+      font-size: 18px;
+      color: var(--Mono-dark-9);
+      background-color: var(--Mono-gray-1);
+    }
+  }
+  &.style-1 {
+    background-color: var(--White);
+    .header-inner-wrap {
+      padding: 13px 0 14px;
+    }
+    .header-left {
+      gap: 20px;
+    }
+    .tf-btn {
+      padding: 0 20px;
+    }
+    .main-menu .navigation {
+      gap: 20px;
+    }
+  }
+  &.style-2 {
+    background-color: var(--Primary);
+    .header-inner-wrap {
+      padding: 17px 0 4px;
+    }
+    .header-left {
+      gap: 48px;
+    }
+    .mobile-button .burger span {
+      background-color: var(--White);
+    }
+    .left {
+      gap: 48px;
+    }
+    .tf-btn {
+      padding: 0 21px;
+    }
+  }
+  &.style-3 {
+    .header-inner-wrap {
+      padding: 37px 0 22px;
+      border-bottom: 1px dashed #a7a7a7;
+    }
+    .header-left {
+      gap: 20px;
+    }
+    .main-menu .navigation {
+      gap: 20px;
+    }
+    .tf-btn {
+      padding: 0 22px;
+    }
+    .support {
+      i {
+        border-radius: 8px;
+        color: var(--Primary);
+        background-color: var(--Bg-color-2);
+      }
+    }
+  }
+  &.style-4 {
+    .header-inner-wrap {
+      padding-top: 15px;
+    }
+    .header-right {
+      gap: 14px;
+    }
+    .tf-btn {
+      padding: 0 20px;
+    }
+  }
+  .comming-soon {
+    background-color: var(--Mono-gray-1);
+    border-radius: 16px;
+    padding: 20px;
+    .wrap {
+      background-color: var(--White);
+      @include flex(center, center);
+      width: 100%;
+      height: 100%;
+      border-radius: inherit;
+    }
+    .demo-name {
+      position: relative;
+      &::after {
+        position: absolute;
+        content: "";
+        bottom: 0;
+        left: auto;
+        right: 0;
+        width: 0;
+        height: 1px;
+        background-color: var(--Primary);
+        @include transition3();
+      }
+    }
+    &:hover {
+      .demo-name {
+        color: var(--Primary);
+        &::after {
+          width: 100%;
+          right: auto;
+          left: 0;
+        }
+      }
+    }
+  }
+}
+// header-sticky
+.header {
+  &.header-sticky {
+    pointer-events: none;
+    top: var(--admin-bar-height);
+    max-width: 100%;
+    width: 100%;
+    max-width: 100vw;
+    top: 0;
+    left: 0;
+    right: 0;
+    position: fixed;
+    z-index: 9999;
+    -webkit-transform: translateY(-120%);
+    -khtml-transform: translateY(-120%);
+    -moz-transform: translateY(-120%);
+    -ms-transform: translateY(-120%);
+    -o-transform: translateY(-120%);
+    transform: translateY(-120%);
+    -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
+    -khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
+    -moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
+    -ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
+    -o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
+    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
+    visibility: hidden;
+    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+    .navigation .has-child {
+      .submenu {
+        pointer-events: none;
+      }
+    }
+    &.style-default {
+      background: linear-gradient(103.01deg, #eff4ff 0%, #c9d9ff 100.23%);
+      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+    }
+
+    &.style-2 {
+      background-color: var(--Primary);
+    }
+    &.style-3 {
+      // height: 66px;
+      background-color: var(--White);
+      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+      .tf-btn-effec-arrow {
+        .button-text,
+        .button-icon {
+          background-color: var(--primary);
+          color: var(--White);
+        }
+      }
+      .header-inner-wrap {
+        border-bottom: none !important;
+      }
+    }
+    &.style-4 {
+      background-color: var(--White);
+      .header-inner-wrap {
+        padding: 15px 0;
+      }
+    }
+    &.style-6,
+    &.style-5 {
+      background-color: var(--White);
+      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+      .mobile-button {
+        color: var(--dark-color);
+      }
+      .tf-btn {
+        background-color: var(--dark-color2);
+        span {
+          color: var(--White);
+        }
+        .bg-effect {
+          background-color: var(--primary);
+        }
+        &:hover {
+          background-color: var(--primary);
+        }
+      }
+    }
+    &.is-sticky {
+      -webkit-transform: translateY(0);
+      -khtml-transform: translateY(0);
+      -moz-transform: translateY(0);
+      -ms-transform: translateY(0);
+      -o-transform: translateY(0);
+      transform: translateY(0);
+      visibility: visible;
+      pointer-events: all;
+      .navigation .has-child {
+        &:hover {
+          .submenu {
+            pointer-events: auto;
+          }
+        }
+      }
+    }
+    .header-inner-wrap {
+      padding-top: 15px;
+      padding-bottom: 15px;
+    }
+  }
+}
+
+.mobile-button {
+  display: none;
+  .burger {
+    position: relative;
+    width: 25px;
+    height: 18px;
+    background: transparent;
+    cursor: pointer;
+    display: block;
+  }
+  .burger span {
+    display: block;
+    position: absolute;
+    height: 4px;
+    width: 100%;
+    background: var(--Primary);
+    border-radius: 9px;
+    opacity: 1;
+    left: 0;
+    transform: rotate(0deg);
+    transition: 0.25s ease-in-out;
+  }
+
+  .burger span:nth-of-type(1) {
+    top: 0px;
+    transform-origin: left center;
+  }
+
+  .burger span:nth-of-type(2) {
+    top: 50%;
+    transform: translateY(-50%);
+    transform-origin: left center;
+  }
+
+  .burger span:nth-of-type(3) {
+    top: 100%;
+    transform-origin: left center;
+    transform: translateY(-100%);
+  }
+}
+
+.main-menu {
+  .navigation {
+    display: flex;
+    gap: 40px;
+    li {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      a {
+        font-size: 18px;
+        line-height: 46px;
+        color: var(--Mono-gray-5);
+      }
+      &:hover,
+      &.current-menu {
+        a {
+          color: var(--Primary);
+          &::after {
+            color: inherit;
+          }
+        }
+      }
+    }
+  }
+  &.style-default {
+    padding: 0 24px;
+    border-radius: 48px;
+    background-color: var(--White);
+  }
+  &.style-1,
+  &.style-2,
+  .style-3 {
+    .navigation li {
+      a {
+        font-size: 16px;
+        line-height: 46px;
+      }
+      &:hover,
+      &.current-menu,
+      &.current-menu-item {
+        a {
+          color: var(--Mono-dark-9);
+          &::after {
+            color: inherit;
+          }
+        }
+      }
+    }
+  }
+  &.style-2 {
+    .navigation li {
+      a {
+        color: var(--White);
+      }
+      &:hover,
+      &.current-menu,
+      &.current-menu-item {
+        > a {
+          color: var(--White);
+          &::after {
+            color: inherit;
+          }
+        }
+      }
+    }
+  }
+
+  .demo-item {
+    padding: 20px;
+    border-radius: 16px;
+    background-color: var(--Mono-gray-1);
+    text-align: center;
+    .demo-image {
+      border-radius: 10px;
+      overflow: hidden;
+      margin-bottom: 25px;
+    }
+    .demo-name {
+      position: relative;
+      display: inline;
+      &::after {
+        position: absolute;
+        content: "";
+        bottom: 0;
+        left: auto;
+        right: 0;
+        width: 0;
+        height: 1px;
+        background-color: var(--Primary);
+        @include transition3();
+      }
+    }
+    &:hover,
+    &.current-menu-item {
+      .demo-name {
+        color: var(--Primary);
+        &::after {
+          width: 100%;
+          right: auto;
+          left: 0;
+        }
+      }
+    }
+  }
+}
+
+.navigation {
+  > .has-child {
+    > a {
+      position: relative;
+      color: var(--mono-gray);
+      &:hover {
+        &::before {
+          position: absolute;
+          content: "";
+          left: 0;
+          top: 50%;
+          width: 96px;
+          height: 42px;
+          z-index: 1;
+        }
+      }
+    }
+  }
+  .has-child {
+    > a {
+      position: relative;
+      padding-right: 20px;
+      &::after {
+        position: absolute;
+        content: "\e958";
+        font-family: $fontIcon;
+        font-size: 6px;
+        font-weight: bold;
+        color: inherit;
+        right: 0;
+        top: -1px;
+      }
+    }
+    .submenu {
+      min-width: 200px;
+      background-color: var(--White);
+      top: 100%;
+      position: absolute;
+      margin-top: 30px;
+      opacity: 0;
+      visibility: hidden;
+      box-shadow: 0 0 26px rgba(0, 0, 0, 0.06);
+      padding: 32px;
+      z-index: 3;
+      pointer-events: none;
+      display: flex;
+      row-gap: 13px;
+      flex-direction: column;
+      border-radius: 12px;
+      @include transition3();
+      > li {
+        > a {
+          font-size: 18px;
+          line-height: 28px;
+          color: var(--Mono-gray-5);
+        }
+        &::before {
+          content: "";
+          position: relative;
+          display: block;
+          width: 4px;
+          height: 4px;
+          background-color: var(--Mono-gray-5);
+          border-radius: 999px;
+        }
+        &:hover,
+        &.current-menu,
+        &.current-menu-item {
+          > a {
+            color: var(--Primary);
+          }
+          &::before {
+            background-color: var(--Primary);
+          }
+        }
+      }
+    }
+    &:hover {
+      .submenu {
+        pointer-events: all;
+        margin-top: 0;
+        pointer-events: auto;
+        opacity: 1;
+        visibility: visible;
+      }
+    }
+  }
+}
+
+.canvas-mb {
+  z-index: 9999999;
+  background-color: var(--White);
+  .logo {
+    max-width: 195px;
+  }
+  .offcanvas-header {
+    border-bottom: 1px solid var(--Border);
+    margin-bottom: 20px;
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  .mb-body {
+    padding-right: 15px;
+    padding-left: 15px;
+    padding-bottom: 15px;
+    border-bottom: 1px solid var(--Border);
+    overscroll-behavior-y: contain;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--Primary);
+      border-radius: 5px;
+    }
+    &::-webkit-scrollbar {
+      width: 3px;
+    }
+  }
+  .mb-bottom {
+    padding-right: 15px;
+    padding-left: 15px;
+    .btn-select {
+      padding: 10px 0px;
+    }
+  }
+  .mb-canvas-content {
+    min-width: 100%;
+    max-width: min(90%, 320px);
+    grid-auto-rows: minmax(0, 1fr) auto;
+    isolation: isolate;
+    height: 100%;
+    width: 100%;
+    display: grid;
+    align-content: start;
+  }
+  .close-menu {
+    font-size: 20px;
+    color: var(--Mono-gray-4);
+    cursor: pointer;
+    padding: 5px;
+    border-radius: 4px;
+    border: 1px solid var(--Mono-gray-4);
+  }
+}
+
+.nav-ul-mb {
+  .sub-nav-menu {
+    padding-left: 10px;
+    margin-bottom: 15px;
+    &.sub-menu-level-2 {
+      margin-bottom: 5px;
+    }
+  }
+  .btn-open-sub {
+    position: relative;
+    width: 20px;
+    height: 30px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    &:after,
+    &::before {
+      content: "";
+      position: absolute;
+      z-index: 1;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background-color: var(--Mono-gray-4);
+      transition: 0.4s ease 0.1s;
+      margin: auto;
+    }
+    &::before {
+      width: 2px;
+      height: 12px;
+    }
+    &::after {
+      width: 12px;
+      height: 2px;
+    }
+  }
+  .nav-mb-item {
+    padding: 2px 0px;
+    &:not(:last-child) {
+      border-bottom: 1px solid var(--Mono-dark-2);
+    }
+    .mb-menu-link {
+      min-height: 40px;
+      font-size: 16px;
+      line-height: 24px;
+      color: var(--Black);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      &:not(.collapsed) {
+        .btn-open-sub {
+          &::before {
+            transform: rotate(90deg);
+          }
+        }
+      }
+    }
+    &.active {
+      .mb-menu-link {
+        color: var(--Primary);
+        .btn-open-sub {
+          &::after,
+          &::before {
+            background-color: var(--Primary);
+          }
+        }
+      }
+
+      .sub-nav-link.active {
+        color: var(--Primary);
+        .btn-open-sub {
+          &::after,
+          &::before {
+            background-color: var(--Primary);
+          }
+        }
+      }
+    }
+  }
+  .sub-nav-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 32px;
+    line-height: 24px;
+    font-size: 16px;
+    color: var(--Black);
+    &:not(.collapsed) {
+      .btn-open-sub {
+        &::before {
+          transform: rotate(90deg);
+        }
+      }
+    }
+    .btn-open-sub {
+      &::after,
+      &::before {
+        background-color: var(--Black);
+      }
+    }
+  }
+}
diff --git a/public/scss/component/_hover.scss b/public/scss/component/_hover.scss
new file mode 100644
index 0000000..3cf7192
--- /dev/null
+++ b/public/scss/component/_hover.scss
@@ -0,0 +1,267 @@
+@use "../abstracts/index" as *;
+
+.hover-image {
+    .img-style,
+    .article-thumb {
+        position: relative;
+        overflow: hidden;
+        &:after {
+            content: "";
+            position: absolute;
+            width: 200%;
+            height: 0%;
+            left: 50%;
+            top: 50%;
+            background-color: rgba(255, 255, 255, 0.3);
+            transform: translate(-50%, -50%) rotate(-45deg);
+            z-index: 1;
+            pointer-events: none;
+        }
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            transition: all 1s;
+        }
+    }
+    &:hover {
+        .img-style,
+        .article-thumb {
+            &:after {
+                height: 250%;
+                transition: all 600ms linear;
+                background-color: transparent;
+            }
+            img {
+                transform: scale(1.1);
+            }
+        }
+    }
+}
+
+.hover-image-2 {
+    .image-rotate {
+        overflow: hidden;
+        img {
+            @include transition3;
+        }
+    }
+    &:hover {
+        .image-rotate {
+            img {
+                transform: scale(1.1) rotate(3deg);
+            }
+        }
+    }
+}
+
+.hover-image-3 {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    .article-thumb {
+        img {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: auto;
+            height: 100%;
+            transition: 0.5s;
+            width: 100%;
+            object-fit: cover;
+            @media (max-width: 1023px) {
+                position: unset;
+                width: 100%;
+                height: auto;
+            }
+
+            &:nth-child(1) {
+                transform: translatex(50%) scalex(2);
+                opacity: 0;
+                filter: blur(10px);
+            }
+        }
+    }
+    &:hover {
+        .article-thumb {
+            img:nth-child(2) {
+                transform: translatex(-50%) scalex(2);
+                opacity: 0;
+                filter: blur(10px);
+            }
+            img:nth-child(1) {
+                transform: translatex(0) scalex(1);
+                opacity: 1;
+                filter: blur(0);
+            }
+        }
+    }
+}
+
+.effect-icon {
+    &:hover {
+        .icon,
+        .tf-icon {
+            i,
+            img,
+            svg {
+                animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+            }
+        }
+    }
+}
+
+.hover-tooltip {
+    position: relative;
+    .tooltip {
+        position: absolute;
+        white-space: nowrap;
+        padding: 0px 8.5px;
+        height: 25px;
+        border-radius: 2px;
+        bottom: calc(100% + 7px);
+        left: 50%;
+        transform: translateX(-50%);
+        opacity: 0;
+        visibility: hidden;
+        color: var(--White);
+        max-width: 250px;
+        width: max-content;
+        background-color: var(--Primary);
+        transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
+        z-index: 5;
+        font-size: 12px;
+        line-height: 22px;
+        &::before {
+            content: "";
+            left: 50%;
+            transform: translateX(-50%) rotate(45deg);
+            top: 20px;
+            position: absolute;
+            background: var(--Primary);
+            width: 8px;
+            height: 8px;
+            z-index: -1;
+        }
+    }
+    &:hover {
+        .tooltip {
+            opacity: 1;
+            visibility: visible;
+        }
+    }
+    &.tooltip-bot {
+        .tooltip {
+            top: calc(100% + 5px);
+            bottom: unset;
+            &::before {
+                top: -2px;
+            }
+        }
+    }
+}
+
+.hover-line-text {
+    display: inline;
+    @include transition5();
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        from(currentColor),
+        color-stop(98%, currentColor)
+    );
+    background-image: linear-gradient(
+        to bottom,
+        currentColor 0%,
+        currentColor 98%
+    );
+    background-size: 0 1px;
+    background-repeat: no-repeat;
+    background-position: left 100%;
+    &:hover {
+        background-size: 100% 2px;
+    }
+}
+
+.hover-border {
+    .img-style,
+    .article-thumb,
+    .icon {
+        position: relative;
+        &::before {
+            position: absolute;
+            content: "";
+            opacity: 0;
+            width: 95%;
+            height: 95%;
+            transition: all 0.4s ease;
+            border: 2px solid var(--Primary);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            border-radius: inherit;
+            pointer-events: none;
+            z-index: 1;
+        }
+    }
+    &.border-element {
+        position: relative;
+        .img-style,
+        .article-thumb,
+        .icon {
+            position: unset;
+        }
+        &::before {
+            position: absolute;
+            content: "";
+            opacity: 0;
+            width: 95%;
+            height: 95%;
+            transition: all 0.4s ease;
+            border: 2px solid var(--Primary);
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            pointer-events: none;
+            border-radius: inherit;
+            z-index: 1;
+        }
+        &:hover {
+            &::before {
+                opacity: 1;
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+    &:hover {
+        .img-style,
+        .article-thumb,
+        .icon {
+            &::before {
+                opacity: 1;
+                width: 100%;
+                height: 100%;
+            }
+        }
+    }
+}
+
+@keyframes shake {
+    0% {
+        transform: translateY(0);
+    }
+    25% {
+        transform: translateY(-5px);
+    }
+    50% {
+        transform: translateY(5px);
+    }
+    75% {
+        transform: translateY(-5px);
+    }
+    100% {
+        transform: translateY(0);
+    }
+}
diff --git a/public/scss/component/_icon-box.scss b/public/scss/component/_icon-box.scss
new file mode 100644
index 0000000..6c4bc5f
--- /dev/null
+++ b/public/scss/component/_icon-box.scss
@@ -0,0 +1,189 @@
+@use "../abstracts/index" as *;
+
+.tf-box-icon {
+  @include transition3();
+  &.style-1 {
+    .icon {
+      max-width: 360px;
+      padding: 60px 100px;
+      border-radius: 280px;
+      @include flex(center, center);
+      margin-bottom: 34px;
+      background-color: var(--White);
+      img {
+        animation: iconShape 5s linear infinite;
+      }
+    }
+  }
+  &.style-2 {
+    height: 581px;
+    padding: 32px 24px 23px;
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    align-items: flex-end;
+    border: 1px solid var(--Mono-gray-2);
+    &::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background-image: url(/images/item/shape-1.png);
+    }
+    .number {
+      color: var(--Mono-gray-2);
+      font-family: $font-main2;
+      font-weight: 600;
+      font-size: 135.36px;
+      line-height: 169.2px;
+      letter-spacing: -1%;
+      position: absolute;
+      @include transition3();
+      top: -66px;
+      left: -38px;
+    }
+    .content {
+      position: relative;
+      z-index: 2;
+    }
+    .btn_link {
+      margin-top: 59px;
+      position: relative;
+      &::after {
+        position: absolute;
+        content: "";
+        width: 100%;
+        height: 1px;
+        background-color: var(--Primary);
+        @include transition3();
+        bottom: 0;
+        left: 0;
+      }
+      &:hover {
+        &::after {
+          background-color: var(--Black);
+        }
+      }
+    }
+    &:hover {
+      background-color: var(--Sub-color-2);
+      .number {
+        color: var(--White);
+      }
+    }
+  }
+  &.style-3 {
+    padding: 30px 38px 26px 40px;
+    border: 1px solid var(--Mono-gray-2);
+    max-width: 430px;
+    position: relative;
+    background-image: url(/images/item/shape-2.png);
+    background-repeat: no-repeat;
+    background-color: var(--White);
+    .number {
+      border: 1px solid var(--Mono-gray-2);
+      display: block;
+      position: absolute;
+      height: 40px;
+      width: 40px;
+      @include flex(center, center);
+      border-radius: 999px;
+      background-color: var(--Mono-gray-2);
+      top: 50%;
+      transform: translateY(-50%);
+      @include transition3();
+      color: var(--Mono-dark-9);
+      z-index: 1;
+      &::after {
+        content: "";
+        width: 0;
+        position: absolute;
+        height: 1px;
+        left: 100%;
+        background-color: var(--Primary-fc-green-100);
+        @include transition5();
+        z-index: -1;
+      }
+    }
+    .icon {
+      max-width: max-content;
+      margin-left: auto;
+      margin-bottom: 131px;
+    }
+    .title {
+      margin-bottom: 2px;
+    }
+    .title,
+    a {
+      @include transition3();
+    }
+  }
+  &.style-4 {
+    padding: 40px 40px 33px;
+    border-radius: 24px;
+    height: 429px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    background-color: var(--White);
+    .icon {
+      flex-shrink: 0;
+      padding-top: 14px;
+    }
+    &:hover {
+      box-shadow: 0px 4px 20px 0px #00000026;
+    }
+  }
+  &.style-5 {
+    padding: 34px 31px 26px;
+    border-radius: 12px;
+    border: 1px solid var(--Mono-gray-2);
+  }
+  &.style-6 {
+    padding: 40px 40px 45px;
+    border-radius: 16px;
+    position: relative;
+    overflow: hidden;
+    .item {
+      position: absolute;
+      top: -36%;
+      right: -30%;
+    }
+    .icon {
+      height: 64px;
+      width: 64px;
+      border-radius: 12px;
+      background-color: var(--Primary);
+      @include flex(center, center);
+      margin-bottom: 150px;
+    }
+  }
+  &.style-7 {
+    padding: 40px 40px 33px;
+    background-color: var(--White);
+    border-radius: 24px;
+    i {
+      font-size: 80px;
+      color: var(--Primary);
+    }
+    svg path {
+      @include transition3();
+    }
+    &.v2 {
+      border-radius: 24px;
+      background-color: var(--Sub-color-1);
+      padding: 41px 41px 31px;
+      .icon {
+        i {
+          font-size: 80px;
+        }
+      }
+    }
+    &.v3 {
+    }
+    &:hover {
+      svg path {
+        stroke: var(--Primary);
+      }
+    }
+  }
+}
diff --git a/public/scss/component/_index.scss b/public/scss/component/_index.scss
new file mode 100644
index 0000000..ee7b26c
--- /dev/null
+++ b/public/scss/component/_index.scss
@@ -0,0 +1,38 @@
+/*------------ header ---------------- */
+@forward "header";
+/*------------ footer ---------------- */
+@forward "footer";
+/*------------ tabs ---------------- */
+@forward "tabs";
+/*------------ button ---------------- */
+@forward "button";
+/*------------ range slider ---------------- */
+@forward "range-slider";
+/*------------ form ---------------- */
+@forward "form";
+/*------------ slider ---------------- */
+@forward "slider";
+/*------------ off canvas ---------------- */
+@forward "pop-up";
+/*------------ blog ---------------- */
+@forward "blog";
+/*------------ testimonial ---------------- */
+@forward "testimonial";
+/*------------ accordion ---------------- */
+@forward "accordion";
+/*------------ shop ---------------- */
+@forward "shop";
+/*------------ map ---------------- */
+@forward "map";
+/*------------ hover ---------------- */
+@forward "hover";
+/*------------ hover ---------------- */
+@forward "nice-select";
+/*------------ slider ---------------- */
+@forward "slider";
+/*------------ animation ---------------- */
+@forward "animation";
+/*------------ icon-box ---------------- */
+@forward "icon-box";
+/*------------ zoom ---------------- */
+@forward "zoom";
diff --git a/public/scss/component/_map.scss b/public/scss/component/_map.scss
new file mode 100644
index 0000000..e69de29
diff --git a/public/scss/component/_nice-select.scss b/public/scss/component/_nice-select.scss
new file mode 100644
index 0000000..af5f38a
--- /dev/null
+++ b/public/scss/component/_nice-select.scss
@@ -0,0 +1,277 @@
+@use "../abstracts/index" as *;
+
+.nice-select {
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--White);
+  padding: 16px;
+  box-sizing: border-box;
+  clear: both;
+  cursor: pointer;
+  outline: none;
+  position: relative;
+  transition: all linear 0.2s;
+  user-select: none;
+  white-space: nowrap;
+  width: 100%;
+  border-radius: 16px;
+  position: relative;
+
+  &::after {
+    content: "\e923";
+    font-family: $fontIcon;
+    right: 10px;
+    font-size: 24px;
+    top: 50%;
+    color: var(--Black);
+    position: absolute;
+    transform: translateY(-50%) rotate(0);
+    @include transition3();
+    z-index: 1;
+  }
+  > span {
+    font-weight: 400;
+  }
+  > .list {
+    position: absolute;
+    background-color: var(--White);
+    border-radius: 5px;
+    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
+    box-sizing: border-box;
+    margin-top: 4px;
+    opacity: 0;
+    overflow: hidden;
+    padding: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    -webkit-transform-origin: 50% 0;
+    -ms-transform-origin: 50% 0;
+    transform-origin: 50% 0;
+    -webkit-transform: scale(0.75) translateY(-21px);
+    -ms-transform: scale(0.75) translateY(-21px);
+    transform: scale(0.75) translateY(-21px);
+    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25),
+      opacity 0.15s ease-out;
+    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
+    z-index: 9;
+    width: 100%;
+    font-size: 14px;
+    max-height: 155px;
+    overflow: auto;
+    z-index: 1;
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 4px;
+      background-color: #f5f5f5;
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px;
+      -webkit-backface-visibility: hidden;
+      -moz-backface-visibility: hidden;
+      -webkit-transform: translate3d(0, 0, 0);
+      -moz-transform: translate3d(0, 0, 0);
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: #a7a7a7;
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px;
+      -webkit-backface-visibility: hidden;
+      -moz-backface-visibility: hidden;
+      -webkit-transform: translate3d(0, 0, 0);
+      -moz-transform: translate3d(0, 0, 0);
+    }
+    &::-webkit-scrollbar-track {
+      -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
+      background-color: #f5f5f5;
+      -webkit-border-radius: 5px;
+      -moz-border-radius: 5px;
+      border-radius: 5px;
+      -webkit-backface-visibility: hidden;
+      -moz-backface-visibility: hidden;
+      -webkit-transform: translate3d(0, 0, 0);
+      -moz-transform: translate3d(0, 0, 0);
+    }
+    .option {
+      width: 100%;
+      padding: 10px 10px;
+      color: var(--Text);
+      position: relative;
+      cursor: pointer;
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.12);
+      }
+      &.selected {
+        color: var(--Main-color);
+        background-color: rgba(0, 0, 0, 0.12);
+        &::after {
+          position: absolute;
+          font-family: $fontIcon;
+          content: "\e930";
+          right: 18px;
+          top: 50%;
+          transform: translateY(-50%);
+        }
+      }
+    }
+  }
+  &.open {
+    border-color: var(--Line) !important;
+    z-index: 99;
+    &::after {
+      transform: translateY(-50%) rotate(-180deg);
+    }
+    .list {
+      opacity: 1;
+      visibility: visible;
+      z-index: 10;
+      pointer-events: auto;
+      -webkit-transform: scale(1) translateY(0);
+      -ms-transform: scale(1) translateY(0);
+      transform: scale(1) translateY(0);
+      width: 100%;
+      -moz-transform: scale(1) translateY(0);
+      -o-transform: scale(1) translateY(0);
+    }
+  }
+  &.select-sort {
+    padding-right: 30px !important;
+    &::after {
+      top: 50%;
+      transform: translateY(-50%);
+      right: 18px;
+    }
+    &.open {
+      &::after {
+        transform: translateY(-50%) rotate(-180deg);
+      }
+    }
+    &.style-2 {
+      > .list {
+        right: 0;
+        left: unset;
+      }
+    }
+  }
+}
+
+@import url(/css/bootstrap-select.min.css);
+
+.image-select {
+  &.style-default {
+    display: flex;
+    width: max-content !important;
+    > select {
+      display: none !important;
+    }
+    > .dropdown-toggle {
+      padding: 0;
+      padding-right: 25px;
+      background-color: transparent !important;
+      border: 0 !important;
+      outline: none !important;
+      &::after {
+        border: 0;
+        position: absolute;
+        right: 10px;
+        content: "\e958";
+        font-family: "icomoon";
+        font-size: 6px;
+        color: var(--White);
+      }
+    }
+    .filter-option-inner-inner {
+      @include flex(center, flex-start);
+      gap: 8px;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      width: 30px;
+      img {
+        width: 24px;
+        height: 24px;
+      }
+    }
+    > .dropdown-menu {
+      overflow: unset !important;
+      margin-top: 17px !important;
+      margin-bottom: 17px !important;
+      padding: 8px 10px;
+      border-radius: 0;
+      border: 0;
+      background-color: var(--White);
+      box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 18px 0px;
+      a {
+        padding: 5px 0;
+        .text {
+          @include flex(center, flex-start);
+          gap: 5px;
+          font-weight: 400;
+          font-size: 14px;
+          line-height: 16px;
+          img {
+            width: 24px;
+            height: 24px;
+          }
+        }
+        &:hover,
+        &:active,
+        &.active {
+          color: var(--primary) !important;
+          background-color: unset !important;
+        }
+      }
+      &::after {
+        position: absolute;
+        content: "";
+        width: 16px;
+        height: 16px;
+        transform: translate(-50%, -50%) rotate(45deg);
+        background-color: var(--White);
+        top: 0;
+        left: 60%;
+        z-index: 2;
+      }
+      &[data-popper-placement="top-start"] {
+        &::after {
+          display: none;
+        }
+        &::before {
+          position: absolute;
+          content: "";
+          width: 16px;
+          height: 16px;
+          transform: translate(-50%, 50%) rotate(45deg);
+          background-color: var(--White);
+          bottom: 00%;
+          left: 50%;
+          z-index: 2;
+        }
+      }
+    }
+    &.style-box {
+      padding: 6px 11px;
+      border-radius: 4px;
+      border: 1px solid var(--line);
+      background-color: var(--White);
+      > .dropdown-toggle {
+        width: max-content;
+      }
+      .filter-option-inner-inner {
+        font-size: 16px;
+        line-height: 26px;
+      }
+      > .dropdown-menu {
+        margin-left: -11px !important;
+        width: 160px !important;
+      }
+    }
+  }
+  &.type-currencies {
+    > .dropdown-menu {
+      width: 78px !important;
+      margin-left: calc(50% - 61px) !important;
+    }
+  }
+}
diff --git a/public/scss/component/_pop-up.scss b/public/scss/component/_pop-up.scss
new file mode 100644
index 0000000..69294ae
--- /dev/null
+++ b/public/scss/component/_pop-up.scss
@@ -0,0 +1,157 @@
+@use "../abstracts/index" as *;
+
+.popup-form-search,
+.popup-cart {
+    position: absolute;
+    top: 100%;
+    background-color: var(--White);
+    border-radius: 24px;
+    padding: 32px;
+    box-shadow: 0 0 26px rgba(0, 0, 0, 0.06);
+    width: 549px;
+    right: 0;
+    margin-top: 8px;
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(30px);
+    @include transition3();
+    .form-search {
+        margin-bottom: 24px;
+    }
+    .wrap-tag {
+        display: flex;
+    }
+    .tag-item {
+        height: 40px;
+        padding: 0 16px;
+        border: 1px solid var(--Mono-gray-5);
+        border-radius: 28px;
+        cursor: pointer;
+        i {
+            font-size: 16px;
+            @include transition3();
+        }
+        .remove-item {
+            &:hover {
+                color: var(--Primary);
+            }
+        }
+    }
+    .close-form {
+        font-size: 24px;
+        @include transition3();
+        cursor: pointer;
+        transform: rotate(0);
+        width: max-content;
+        margin-left: auto;
+        &:hover {
+            color: var(--Primary);
+            transform: rotate(90deg);
+        }
+    }
+    &.show {
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(0);
+    }
+}
+.popup-cart {
+    width: 1003px;
+    overflow-x: auto;
+    max-height: 780px;
+    &::-webkit-scrollbar {
+        width: 0px;
+    }
+    .close-form {
+        position: absolute;
+        top: 15px;
+        right: 15px;
+    }
+    .heading {
+        .link {
+            text-decoration: underline;
+        }
+    }
+    .product-item.style-cart {
+        .img-style {
+            max-width: 160px;
+        }
+    }
+    .tf-mini-cart-tool {
+        padding-bottom: 32px;
+        border-bottom: 1px solid var(--Mono-gray-2);
+        margin-bottom: 32px;
+        i {
+            color: var(--Black);
+            font-size: 36px;
+        }
+    }
+    .tf-mini-cart-tool {
+        .link {
+            flex: 1;
+            justify-content: center;
+        }
+    }
+}
+
+.offcanvas-backdrop,
+.overlay-filter {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    overflow: hidden;
+    position: fixed;
+    background: rgba(255, 255, 255, 0.2);
+    opacity: 0.7;
+    backdrop-filter: blur(10px);
+    @include transition3();
+    &.show {
+        opacity: 1;
+        visibility: visible;
+        z-index: 9999;
+    }
+}
+
+.canvas-wrapper {
+    padding: 0;
+    isolation: isolate;
+    height: 100%;
+    width: 100%;
+    max-height: none;
+    display: grid;
+    grid-auto-rows: auto minmax(0, 1fr) auto;
+    align-content: start;
+}
+.canvas-body {
+    background-color: var(--White);
+    overscroll-behavior-y: contain;
+    overflow-y: auto;
+    &::-webkit-scrollbar {
+        width: 5px;
+    }
+    &::-webkit-scrollbar-track {
+        background-color: var(--Mono-gray-5);
+    }
+    &::-webkit-scrollbar-thumb {
+        background: var(--Primary);
+        border-radius: 4px;
+    }
+}
+.canvas-header {
+    background-color: var(--White);
+    padding: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .close-filter {
+        width: 30px;
+        height: 30px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 4px;
+        border: 1px solid var(--Mono-gray-2);
+    }
+}
diff --git a/public/scss/component/_range-slider.scss b/public/scss/component/_range-slider.scss
new file mode 100644
index 0000000..67bd30f
--- /dev/null
+++ b/public/scss/component/_range-slider.scss
@@ -0,0 +1,309 @@
+@use "../abstracts/index" as *;
+
+.noUi-target,
+.noUi-target * {
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-user-select: none;
+    -ms-touch-action: none;
+    touch-action: none;
+    -ms-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.noUi-target {
+    position: relative;
+    direction: ltr;
+}
+
+.noUi-base,
+.noUi-connects {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: 1;
+}
+
+.noUi-connects {
+    overflow: hidden;
+    z-index: 0;
+}
+
+.noUi-connect,
+.noUi-origin {
+    will-change: transform;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    -ms-transform-origin: 0 0;
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+}
+
+html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
+    left: auto;
+    right: 0;
+}
+
+.noUi-vertical .noUi-origin {
+    width: 0;
+}
+
+.noUi-horizontal .noUi-origin {
+    height: 0;
+}
+
+.noUi-handle {
+    position: absolute;
+}
+
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+    -webkit-transition: transform 0.3s;
+    transition: transform 0.3s;
+}
+
+.noUi-state-drag * {
+    cursor: inherit !important;
+}
+
+.noUi-horizontal {
+    height: 18px;
+}
+
+.noUi-horizontal .noUi-handle {
+    width: 34px;
+    height: 28px;
+    left: -17px;
+    top: -6px;
+}
+
+.noUi-vertical {
+    width: 18px;
+}
+
+.noUi-vertical .noUi-handle {
+    width: 28px;
+    height: 34px;
+    left: -6px;
+    top: -17px;
+}
+
+html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
+    right: -10px;
+    left: auto;
+}
+
+.noUi-draggable {
+    cursor: ew-resize;
+}
+
+.noUi-vertical .noUi-draggable {
+    cursor: ns-resize;
+}
+
+.noUi-handle:after {
+    left: 17px;
+}
+
+.noUi-vertical .noUi-handle:after,
+.noUi-vertical .noUi-handle:before {
+    width: 14px;
+    height: 1px;
+    left: 6px;
+    top: 14px;
+}
+
+.noUi-vertical .noUi-handle:after {
+    top: 17px;
+}
+
+[disabled] .noUi-connect {
+    background: #b8b8b8;
+}
+
+[disabled] .noUi-handle,
+[disabled].noUi-handle,
+[disabled].noUi-target {
+    cursor: not-allowed;
+}
+
+.noUi-pips,
+.noUi-pips * {
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.noUi-pips {
+    position: absolute;
+    color: #999;
+}
+
+.noUi-value {
+    position: absolute;
+    white-space: nowrap;
+    text-align: center;
+}
+
+.noUi-value-sub {
+    color: #ccc;
+    font-size: 10px;
+}
+
+.noUi-marker {
+    position: absolute;
+    background: #ccc;
+}
+
+.noUi-marker-sub {
+    background: #aaa;
+}
+
+.noUi-marker-large {
+    background: #aaa;
+}
+
+.noUi-pips-horizontal {
+    padding: 10px 0;
+    height: 80px;
+    top: 100%;
+    left: 0;
+    width: 100%;
+}
+
+.noUi-value-horizontal {
+    -webkit-transform: translate(-50%, 50%);
+    transform: translate(-50%, 50%);
+}
+
+.noUi-rtl .noUi-value-horizontal {
+    -webkit-transform: translate(50%, 50%);
+    transform: translate(50%, 50%);
+}
+
+.noUi-marker-horizontal.noUi-marker {
+    margin-left: -1px;
+    width: 2px;
+    height: 5px;
+}
+
+.noUi-marker-horizontal.noUi-marker-sub {
+    height: 10px;
+}
+
+.noUi-marker-horizontal.noUi-marker-large {
+    height: 15px;
+}
+
+.noUi-pips-vertical {
+    padding: 0 10px;
+    height: 100%;
+    top: 0;
+    left: 100%;
+}
+
+.noUi-value-vertical {
+    -webkit-transform: translate(0, -50%);
+    transform: translate(0, -50%, 0);
+    padding-left: 25px;
+}
+
+.noUi-rtl .noUi-value-vertical {
+    -webkit-transform: translate(0, 50%);
+    transform: translate(0, 50%);
+}
+
+.noUi-marker-vertical.noUi-marker {
+    width: 5px;
+    height: 2px;
+    margin-top: -1px;
+}
+
+.noUi-marker-vertical.noUi-marker-sub {
+    width: 10px;
+}
+
+.noUi-marker-vertical.noUi-marker-large {
+    width: 15px;
+}
+
+.noUi-tooltip {
+    display: block;
+    position: absolute;
+    border: 1px solid #d9d9d9;
+    border-radius: 3px;
+    background: #fff;
+    color: #000;
+    padding: 5px;
+    text-align: center;
+    white-space: nowrap;
+}
+
+.noUi-horizontal .noUi-tooltip {
+    -webkit-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+    left: 50%;
+    bottom: 120%;
+}
+
+.noUi-vertical .noUi-tooltip {
+    -webkit-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+    top: 50%;
+    right: 120%;
+}
+
+.noUi-horizontal {
+    height: 4px;
+}
+
+.noUi-target {
+    border: 0;
+}
+
+.noUi-base {
+    .noUi-connects {
+        border-radius: 999px;
+        background-color: #D9DCE3;
+    }
+}
+
+.noUi-connect {
+    background-color: var(--Primary);
+}
+
+.noUi-horizontal .noUi-handle,
+.noUi-vertical .noUi-handle {
+    height: 16px;
+    width: 16px;
+    border-radius: 50px;
+    background-color: var(--Primary);
+    box-shadow: unset;
+    cursor: pointer;
+    &::before,
+    &::after {
+        content: none;
+    }
+}
+
+/* Disabled state; */
+[disabled].noUi-connect,
+[disabled] .noUi-connect {
+    background: #b8b8b8;
+}
+
+[disabled].noUi-origin,
+[disabled] .noUi-handle {
+    cursor: not-allowed;
+}
+
+.slider-labels .caption {
+    font-weight: 500;
+    font-size: 16px;
+}
diff --git a/public/scss/component/_shop.scss b/public/scss/component/_shop.scss
new file mode 100644
index 0000000..4ddb696
--- /dev/null
+++ b/public/scss/component/_shop.scss
@@ -0,0 +1,806 @@
+@use "../abstracts/index" as *;
+
+.product-item {
+  .img-style {
+    border-radius: 24px;
+    overflow: hidden;
+    margin-bottom: 17px;
+    position: relative;
+    @include transition3();
+    border: 4px solid transparent;
+    width: 100%;
+
+    img {
+      object-fit: cover;
+    }
+  }
+  .on-sale-wrap {
+    position: absolute;
+    display: flex;
+    top: 5px;
+    right: 5px;
+    left: 5px;
+    z-index: 5;
+    .on-sale-item {
+      height: 28px;
+      @include flex(center, center);
+      background-color: #ef2a10;
+      padding: 0 14px;
+      border-radius: 8px;
+      color: var(--White);
+      font-weight: 500;
+      font-size: 14;
+      line-height: 24;
+    }
+  }
+  .content {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+  }
+  .info {
+    max-width: 296px;
+    flex: 1;
+  }
+  .product-name {
+    a {
+      display: inline;
+      @include transition3();
+      background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        from(currentColor),
+        color-stop(98%, currentColor)
+      );
+      background-image: linear-gradient(
+        to bottom,
+        currentColor 0%,
+        currentColor 98%
+      );
+      background-size: 0 1px;
+      background-repeat: no-repeat;
+      background-position: left 100%;
+    }
+  }
+  // .price {
+  //     color: var(--White);
+  // }
+  .new-price {
+    color: #ef2a10;
+  }
+  .old-price {
+    color: var(--mono-gray2);
+    text-decoration: line-through;
+  }
+  .add-cart {
+    margin-top: 7px;
+    width: 46px;
+    height: 46px;
+    border: 1.11px solid #bbbbbb;
+    border-radius: 999px;
+    @include flex(center, center);
+    font-size: 18px;
+    color: var(--Black);
+    @include transition3();
+    &:hover {
+      background-color: var(--Primary);
+      border-color: var(--Primary);
+      color: var(--White);
+    }
+  }
+  &:hover {
+    .img-style {
+      border-color: var(--primary);
+    }
+    .product-name {
+      a {
+        background-size: 100% 1px;
+      }
+    }
+  }
+  &.style-list {
+    display: flex;
+    align-items: center;
+    gap: 24px;
+    .img-style {
+      width: 48%;
+      margin-bottom: 0;
+    }
+    .content {
+      flex-direction: column;
+      width: 100%;
+    }
+    .info {
+      max-width: unset;
+    }
+    .box-icon {
+      position: relative;
+      .tooltip {
+        top: -100%;
+        margin-top: 5px;
+        margin-right: 0;
+        transform: translateY(8px);
+        right: unset;
+        &::before {
+          top: 85%;
+          left: 50%;
+          transform: translateX(-50%) rotate(45deg);
+          right: unset;
+        }
+      }
+      &:hover {
+        .tooltip {
+          transform: none;
+        }
+      }
+    }
+    .add-cart {
+      max-width: 272px;
+      height: 32px;
+      width: 100%;
+    }
+  }
+  &.style-cart {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    .img-style {
+      max-width: 263px;
+    }
+    .content {
+      max-width: 299px;
+      width: 100%;
+      .info {
+        max-width: unset;
+      }
+    }
+  }
+  .box-icon {
+    cursor: pointer;
+    width: 32px;
+    height: 32px;
+    min-width: 32px;
+    border-radius: 3px;
+    background-color: var(--White);
+    color: var(--Mono-dark-9);
+    position: relative;
+    z-index: 6;
+    border-radius: 50%;
+    @include flex(center, center);
+    @include transition3();
+    border: 1px solid var(--Mono-gray-2);
+    .icon {
+      font-size: 20px;
+    }
+    svg {
+      width: 18px;
+      path {
+        @include transition4;
+      }
+    }
+    &.active,
+    &:hover {
+      background-color: var(--Primary) !important;
+      color: var(--White) !important;
+    }
+    &:hover {
+      .tooltip {
+        opacity: 1;
+        visibility: visible;
+        transform: translateX(-8px);
+        transition-delay: 0.1s;
+      }
+      svg {
+        path {
+          stroke: var(--White);
+        }
+      }
+    }
+  }
+  .tooltip {
+    z-index: 202;
+    opacity: 0;
+    visibility: hidden;
+    display: none;
+    position: absolute;
+    right: 100%;
+    border-radius: 4px;
+    white-space: nowrap;
+    background-color: var(--Primary);
+    color: var(--White);
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 12px;
+    padding: 6px 8px 8px;
+    max-width: 250px;
+    width: max-content;
+    transition: opacity 0.3s ease, visibility 0.3s ease,
+      transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24),
+      -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
+    &::before {
+      content: "";
+      top: 50%;
+      left: unset;
+      transform: translateY(-50%) rotate(45deg);
+      right: -4px;
+      position: absolute;
+      background: var(--Primary);
+      width: 8px;
+      height: 8px;
+      z-index: 100;
+    }
+  }
+  .list-product-btn {
+    width: 100%;
+    display: flex;
+    gap: 10px;
+  }
+}
+
+.range-price {
+  .box-price-product {
+    display: flex;
+    justify-content: space-between;
+    max-width: 326px;
+  }
+  .box-price-item {
+    height: 44px;
+    width: 113px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 12px;
+    color: var(--Mono-gray-8);
+    &.min {
+      border: 1px solid #8c8c8c;
+      background-color: var(--White);
+    }
+    &.max {
+      background-color: var(--White);
+    }
+  }
+  .btn-go {
+    background-color: var(--Primary);
+    border-radius: 12px;
+    color: var(--White);
+    padding: 0 17px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 44px;
+    @include transition3();
+    &:hover {
+      background-color: var(--Mono-dark-9);
+    }
+  }
+}
+
+.thumbs-slider {
+  gap: 24px;
+}
+
+.tf-product-media-thumbs {
+  .swiper-slide {
+    height: max-content;
+    width: auto;
+    border-radius: 4px;
+    overflow: hidden;
+    .item {
+      position: relative;
+      cursor: pointer;
+      img {
+        border-radius: 16px;
+      }
+      &::after {
+        position: absolute;
+        inset: 0;
+        content: "";
+        border-radius: inherit;
+        border-radius: 16px;
+        border: 1px solid transparent;
+        @include transition3();
+      }
+    }
+    &.swiper-slide-thumb-active {
+      .item {
+        &::after {
+          border-color: var(--Primary);
+        }
+      }
+    }
+  }
+}
+.tf-product-media-main {
+  border-radius: 12px;
+  overflow: hidden;
+  .pagination-wrap {
+    position: absolute;
+    justify-content: space-between;
+    left: 0;
+    right: 0;
+    max-width: 100%;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 99;
+    padding: 0 33px;
+    i {
+      color: var(--black);
+      font-size: 26px;
+    }
+  }
+  .item {
+    border-radius: 16px;
+    overflow: hidden;
+    width: 100%;
+    img {
+      height: 100%;
+      width: 100%;
+      object-fit: cover;
+    }
+  }
+}
+.tf-product-info-wrap {
+  .list {
+    display: grid;
+    gap: 12px;
+    li {
+      position: relative;
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      padding-left: 10px;
+      &::before {
+        position: relative;
+        content: "";
+        width: 6px;
+        height: 6px;
+        border-radius: 999px;
+        background-color: var(--Color-dark);
+        flex-shrink: 0;
+        @include transition3();
+      }
+      &:hover,
+      &.active {
+        &::before {
+          background-color: var(--Primary);
+        }
+        a {
+          color: var(--Primary);
+        }
+      }
+    }
+  }
+}
+.tf-product-wrap-btn {
+  max-width: 392px;
+}
+
+.tf-product-info-price {
+  display: flex;
+  align-items: center;
+  gap: 17px;
+  .price-on-sale {
+    color: #ef2a10;
+  }
+  .compare-at-price {
+    text-decoration: line-through;
+  }
+}
+.variant-picker-item {
+  .variant-picker-values {
+    display: flex;
+    gap: 10px 20px;
+    align-items: center;
+    flex-wrap: wrap;
+    &.gap12 {
+      gap: 12px;
+    }
+    &.type-click {
+      input {
+        &:checked + label {
+          border: 1px solid var(--Onsurface);
+          padding: 3px;
+        }
+        &:checked + label.style-text-1 {
+          background-color: var(--Onsurface);
+          border: 1px solid var(--Onsurface);
+          span {
+            color: var(--White);
+          }
+        }
+      }
+    }
+    input {
+      position: absolute !important;
+      overflow: hidden;
+      width: 1px;
+      height: 1px;
+      margin: -1px;
+      padding: 0;
+      border: 0;
+      clip: rect(0 0 0 0);
+      word-wrap: normal !important;
+      &:checked + label.style-text {
+        background-color: var(--primary);
+        border: 1px solid var(--primary);
+        span {
+          color: var(--White);
+        }
+      }
+    }
+    label {
+      position: relative;
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      padding: 0px;
+      border: 1px solid transparent;
+      background-color: var(--White);
+      border-radius: 999px;
+      cursor: pointer;
+      font-weight: 400;
+      line-height: 22.4px;
+      @include transition3;
+      padding: 4px;
+      .btn-checkbox {
+        width: 100%;
+        height: 100%;
+        display: block;
+        border-radius: 50%;
+        border: 1px solid transparent;
+        @include transition3;
+      }
+    }
+    .color-btn {
+      &.line {
+        border-color: var(--line);
+      }
+      &.active {
+        padding: 4px;
+        color: var(--White);
+        border-color: var(--Primary);
+        // .btn-checkbox {
+        //     border-color: var(--White);
+        // }
+      }
+    }
+  }
+}
+.tf-product-info-rate {
+  display: flex;
+  gap: 32px;
+  align-items: center;
+  .ratings {
+    position: relative;
+    &::after {
+      content: "";
+      position: absolute;
+      height: 100%;
+      width: 1px;
+      background-color: #5f697c;
+      right: -16px;
+    }
+    i {
+      font-size: 18px;
+      color: #f4752d;
+    }
+  }
+}
+.tf-product-info-by-btn {
+  gap: 12px;
+  .box-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    flex-shrink: 0;
+    border-radius: 50%;
+    border: 1px solid var(--mono-gray7);
+    font-size: 14px;
+    color: var(--White);
+    &:hover,
+    &.active {
+      background-color: var(--primary);
+      border-color: var(--primary);
+    }
+  }
+}
+.tf-product-info-quantity {
+  gap: 23px;
+}
+
+.wg-quantity {
+  width: 117px;
+  height: 48px;
+  display: flex;
+  justify-content: space-between;
+  border: 1px solid #bbc1ce;
+  border-radius: 999px;
+  overflow: hidden;
+  input {
+    width: 60px;
+    height: 44px;
+    padding: 0;
+    background-color: transparent;
+    border: 0;
+    text-align: center;
+    font-size: 16px;
+    line-height: 24px;
+    color: var(--Primary);
+    pointer-events: none;
+  }
+  .btn-quantity {
+    width: 44px;
+    height: 42px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 24px;
+
+    cursor: pointer;
+    @include transition3;
+    &:hover {
+      color: var(--Primary);
+    }
+  }
+  &.style-1 {
+    width: 140px;
+    .btn-quantity {
+      height: 44px;
+      font-size: 30px;
+    }
+    input {
+      pointer-events: none;
+      width: 50px;
+    }
+  }
+}
+
+.sildebar-fiiler {
+  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
+  .point::before {
+    background-color: var(--primary);
+  }
+  .filter,
+  .categories,
+  .wrap-range {
+    border-radius: 24px;
+    background-color: #e2ecf9;
+  }
+  .wrap-range {
+    padding: 31px 40px 45px;
+  }
+  .categories {
+    padding: 35px 42px 33px;
+    margin-bottom: 39px;
+    .list {
+      li {
+        position: relative;
+        display: flex;
+        gap: 10px;
+        align-items: center;
+        padding-left: 10px;
+        &::before {
+          position: relative;
+          content: "";
+          width: 6px;
+          height: 6px;
+          border-radius: 999px;
+          background-color: var(--Color-dark);
+          flex-shrink: 0;
+          @include transition3();
+        }
+        &:hover,
+        &.active {
+          &::before {
+            background-color: var(--Primary);
+          }
+          a {
+            color: var(--Primary);
+          }
+        }
+      }
+    }
+  }
+  .wrap-categories {
+    display: grid;
+    gap: 17px;
+  }
+
+  .filter {
+    padding: 32px 40px 33px;
+  }
+  form.style-line-bot {
+    fieldset input {
+      padding: 6px 40px 12px 0px;
+      font-size: 18px;
+      font-weight: 400;
+      &::placeholder {
+        font-size: 18px;
+        font-weight: 400;
+      }
+    }
+    button svg path {
+      stroke: var(--mono-gray2);
+    }
+  }
+  &.show {
+    transform: none;
+  }
+}
+
+.wrap-shop {
+  .top {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    .wrap-sort {
+      flex: 54%;
+    }
+    .wrap {
+      flex: 25%;
+    }
+    .wrap-layout {
+      flex: 10%;
+      .nav-tab-filter {
+        justify-content: flex-end;
+      }
+    }
+    .result-count {
+      flex: 20%;
+    }
+  }
+  .nav-tab-filter {
+    display: flex;
+    gap: 14px;
+    .nav-link-item {
+      padding: 13px;
+      border-radius: 999px;
+      background-color: var(--Mono-dark-9);
+      svg {
+        path,
+        circle,
+        rect {
+          stroke: white;
+        }
+      }
+      &.active {
+        background-color: var(--Primary);
+        svg {
+          path,
+          circle,
+          rect {
+            stroke: white;
+          }
+        }
+      }
+    }
+  }
+}
+
+.filterShop {
+  position: fixed;
+  top: 50%;
+  left: 0;
+  display: flex;
+  justify-content: center;
+  width: 50px;
+  aspect-ratio: 1;
+  border-radius: 0 12px 12px 0;
+  background-color: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(100px);
+  font-size: 18px;
+  box-shadow: 0 0 3px #0c5af5;
+  color: var(--Black);
+  cursor: pointer;
+  z-index: 3;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+
+.cart-product {
+  .left {
+    padding: 24px 15px;
+    border: 1px solid var(--Primary);
+    border-radius: 24px;
+  }
+}
+
+.tf-cart-item_product {
+  display: flex;
+  justify-content: space-between;
+  padding: 40px 0;
+  &:not(:last-child) {
+    border-bottom: 1px solid var(--Mono-gray-2);
+  }
+
+  .product-item {
+    width: 100%;
+  }
+  .remove-cart {
+    font-size: 24px;
+    @include transition3();
+    cursor: pointer;
+    &:hover {
+      color: var(--Primary);
+    }
+  }
+  .tf-check {
+    background-color: var(--Mono-gray-3) !important;
+    &:checked {
+      background-color: var(--Primary) !important;
+    }
+  }
+}
+
+.cart-totals {
+  border-radius: 24px;
+  border: 1px solid var(--Primary);
+  padding: 27px 40px 40px;
+  .title {
+    margin-bottom: 21px;
+  }
+  .info {
+    margin-bottom: 20px;
+    justify-content: space-between;
+    .price {
+      color: var(--Error);
+    }
+  }
+  .nice-select {
+    padding: 18px 0 30px;
+  }
+  .sub-total {
+    padding: 26px 0 22px;
+    border-bottom: 1px solid var(--Mono-gray-2);
+    border-top: 1px solid var(--Mono-gray-2);
+    margin-bottom: 53px;
+  }
+  .total {
+    padding: 32px 0;
+    margin-bottom: 12px;
+  }
+  &.v2 {
+    padding: 27px 38px 25px;
+    .nice-select {
+      padding: 33px 0 29px;
+    }
+    .total {
+      padding: 22px 0;
+    }
+    .info {
+      margin-bottom: 0;
+      justify-content: space-between;
+      padding: 10px 0 5px;
+      border-bottom: 1px;
+      border-bottom: 1px solid var(--Mono-gray-2);
+
+      .price {
+        color: var(--Mono-gray-6);
+      }
+    }
+    .sub-total {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.bg-color-blue-sapphire {
+  background: #234674;
+}
+.bg-color-seafoam-green {
+  background: #75d1af;
+}
+.bg-color-dusty-rose {
+  background: #c6637d;
+}
+.bg-color-light-gray {
+  background: #cccdcf;
+}
diff --git a/public/scss/component/_slider.scss b/public/scss/component/_slider.scss
new file mode 100644
index 0000000..f43e6f7
--- /dev/null
+++ b/public/scss/component/_slider.scss
@@ -0,0 +1,140 @@
+@use "../abstracts/index" as *;
+
+.sw-button {
+    position: unset;
+    margin-top: 0;
+    @include flex(center, center);
+    @include transition3();
+    &.style-default {
+        height: unset;
+        i {
+            font-size: 24px;
+        }
+        &::after {
+            display: none;
+        }
+        &.has-bg {
+            width: 52px;
+            height: 52px;
+            background-color: var(--Primary);
+            border-radius: 999px;
+            color: var(--White);
+            border: 1px solid var(--Primary);
+            &.v2 {
+                &.swiper-button-disabled,
+                &:hover {
+                    opacity: 1;
+                    background-color: var(--White);
+                    border-color: var(--Primary);
+                    color: var(--Primary);
+                    svg path {
+                        stroke: var(--Primary);
+                    }
+                }
+            }
+            &.swiper-button-disabled,
+            &:hover {
+                opacity: 1;
+                background-color: var(--White);
+                border-color: var(--Border);
+                color: var(--Black);
+                svg path {
+                    stroke: var(--Black);
+                }
+            }
+            &::after {
+                display: none;
+            }
+        }
+    }
+    &.style-1 {
+        width: 46px;
+        height: 46px;
+        border-radius: 50%;
+        font-size: 18px;
+        color: var(--dark-color);
+        @include transition3();
+        &::after {
+            display: none;
+        }
+        &:hover {
+            color: var(--Primary);
+        }
+        &.bg-liner {
+            background: linear-gradient(
+                264deg,
+                rgba(255, 255, 255, 0.1) -1.01%,
+                rgba(255, 255, 255, 0) 149.68%
+            );
+            i {
+                color: var(--White);
+            }
+        }
+    }
+    &.style-2 {
+        color: var(--White);
+        background-color: var(--dark-color);
+        height: 32px;
+        width: 32px;
+        border-radius: 4px;
+        border: 1px solid var(--dark-color);
+        @include transition3();
+        &.swiper-button-disabled {
+            background-color: var(--five);
+            border: 1px solid var(--border);
+            color: var(--black);
+            opacity: 1;
+        }
+        &:hover {
+            background-color: var(--White);
+            color: var(--dark-color);
+        }
+        &::after {
+            display: none;
+        }
+    }
+}
+
+.sw-progress {
+    position: relative;
+    height: 8px !important;
+    width: 136px !important;
+    .swiper-pagination-progressbar-fill {
+        background-color: var(--Primary);
+    }
+}
+
+.sw-line {
+    max-width: max-content;
+    .swiper-pagination-bullet {
+        width: 72px;
+        border-radius: 25px;
+        background-color: #6c6c6c;
+        height: 8px;
+        &.swiper-pagination-bullet-active {
+            background-color: var(--White) !important;
+        }
+    }
+}
+
+.sw-dots {
+    .swiper-pagination-bullet {
+        background-color: var(--Mono-gray-7);
+        opacity: 1;
+        width: 7px;
+        height: 7px;
+        &.swiper-pagination-bullet-active {
+            background-color: var(--Primary) !important;
+        }
+    }
+    &.style-1 {
+        .swiper-pagination-bullet {
+            background-color: var(--Mono-gray-7);
+            width: 8px;
+            height: 8px;
+            &.swiper-pagination-bullet-active {
+                background-color: var(--White) !important;
+            }
+        }
+    }
+}
diff --git a/public/scss/component/_tabs.scss b/public/scss/component/_tabs.scss
new file mode 100644
index 0000000..d33be3e
--- /dev/null
+++ b/public/scss/component/_tabs.scss
@@ -0,0 +1,248 @@
+@use "../abstracts/index" as *;
+
+.nav-tabs-wrap {
+    flex-wrap: nowrap;
+    .nav-link {
+        display: flex;
+    }
+    &.style-1 {
+        .nav-link {
+            width: 280px;
+            justify-content: center;
+            align-items: center;
+            gap: 16px;
+            padding: 16px 0;
+            border-radius: 31px;
+            @include transition3();
+            svg {
+                path,
+                circle {
+                    @include transition3();
+                }
+            }
+            &:hover,
+            &.active {
+                background-color: var(--Primary);
+                font-weight: 500;
+                color: var(--White);
+                svg {
+                    path,
+                    circle {
+                        stroke: var(--White);
+                    }
+                }
+            }
+        }
+    }
+    &.style-2 {
+        display: flex;
+        gap: 10px;
+        gap: 40px;
+        .nav-link {
+            width: 322px;
+            flex-direction: column;
+            text-align: start;
+            color: var(--Black);
+            padding: 0;
+            gap: 17px;
+            &:hover,
+            &.active {
+                .line {
+                    &::after {
+                        width: 100%;
+                    }
+                }
+            }
+        }
+        .line {
+            display: block;
+            width: 100%;
+            height: 5px;
+            background-color: var(--Mono-gray-1);
+            border-radius: 81px;
+            position: relative;
+            &::after {
+                position: absolute;
+                content: "";
+                left: 0;
+                top: 0;
+                height: 100%;
+                width: 0;
+                background: linear-gradient(
+                    90.05deg,
+                    #ff3a2d 0.09%,
+                    #ffa13f 99.81%
+                );
+                @include transition3();
+                border-radius: inherit;
+            }
+        }
+    }
+}
+
+.flat-animate-tab {
+    height: 100%;
+    overflow: hidden;
+    .tab-content {
+        position: relative;
+        height: 100%;
+    }
+    .tab-pane {
+        position: absolute;
+        display: block;
+        height: 100%;
+        opacity: 0;
+        visibility: hidden;
+        transform: translateY(100px);
+        z-index: 1;
+        &.active {
+            position: relative;
+            opacity: 1;
+            visibility: visible;
+            transform: translateY(0);
+            -webkit-transition: all 0.5s ease;
+            -moz-transition: all 0.5s ease;
+            -ms-transition: all 0.5s ease;
+            -o-transition: all 0.5s ease;
+            transition: all 0.5s ease;
+        }
+    }
+}
+
+.widget-tabs {
+    &.style-1 {
+        .widget-menu-tab {
+            display: flex;
+            gap: 43px;
+            padding-bottom: 40px;
+            margin-bottom: 44px;
+            border-bottom: 1px solid var(--Mono-gray-4);
+            .item-title {
+                cursor: pointer;
+                position: relative;
+                color: #474e5c;
+                @include transition3;
+                &::after {
+                    position: absolute;
+                    content: "";
+                    background-color: var(--White);
+                    @include transition3;
+                }
+                &:hover,
+                &.active {
+                    color: var(--Primary);
+                }
+            }
+        }
+        .widget-content-tab {
+            padding-bottom: 40px;
+            border-bottom: 1px solid var(--Mono-gray-2);
+        }
+    }
+    .widget-content-tab {
+        position: relative;
+        overflow: hidden;
+        .widget-content-inner {
+            display: block;
+            pointer-events: none;
+            opacity: 0;
+            visibility: hidden;
+            position: absolute;
+            z-index: 1;
+            top: 0;
+            left: 0;
+            right: 0;
+            -webkit-transform: translateY(30px);
+            -ms-transform: translateY(30px);
+            transform: translateY(30px);
+            transition-timing-function: ease-in;
+            transition-duration: 0.2s;
+            &.active {
+                pointer-events: auto;
+                opacity: 1;
+                visibility: visible;
+                position: relative;
+                z-index: 2;
+                -webkit-transform: none;
+                -ms-transform: none;
+                transform: none;
+                transition-timing-function: ease-out;
+                transition-duration: 0.3s;
+                transition-delay: 0.3s;
+            }
+        }
+    }
+}
+
+.tab-reviews {
+    .tab-reviews-heading {
+        margin-bottom: 40px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 50px;
+        flex-wrap: wrap;
+        .top {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            flex-grow: 1;
+            width: 100%;
+            max-width: 597px;
+            gap: 30px;
+            .list-start {
+                display: flex;
+                gap: 2px;
+                justify-content: center;
+                margin-bottom: 7px;
+                margin-top: 1px;
+                font-size: 17px;
+            }
+        }
+        .ratings {
+            i {
+                color: #f4752d;
+            }
+        }
+    }
+    .rating-score {
+        width: 100%;
+        max-width: 365px;
+        .item {
+            width: 100%;
+            display: flex;
+            align-items: center;
+        }
+        .number-1 {
+            width: 12px;
+            text-align: end;
+        }
+        .icon {
+            font-size: 16px;
+            margin-left: 1px;
+            color: #f4752d;
+        }
+        .number-2 {
+            width: 17px;
+        }
+        .line-bg {
+            margin: 0 8px;
+            width: 100%;
+            height: 8px;
+            background-color: #e9e9e9;
+
+            div {
+                height: 100%;
+                background-color: var(--Black);
+            }
+        }
+    }
+    .list-star {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        i {
+            font-size: 20px;
+        }
+    }
+}
diff --git a/public/scss/component/_testimonial.scss b/public/scss/component/_testimonial.scss
new file mode 100644
index 0000000..e29a12c
--- /dev/null
+++ b/public/scss/component/_testimonial.scss
@@ -0,0 +1,128 @@
+@use "../abstracts/index" as *;
+
+.testimonial {
+    padding: 24px 15px;
+    .box-user {
+        gap: 12px;
+    }
+    &.style-default {
+        border: 1px solid var(--Primary-1);
+        border-radius: 20px;
+        background-color: var(--White);
+        .icon {
+            color: var(--Primary-3);
+            font-size: 30px;
+        }
+    }
+    &.style-1 {
+        position: absolute;
+        padding: 0 !important;
+        .avatar {
+            position: relative;
+            &::after,
+            &::before {
+                opacity: 0;
+                position: absolute;
+                content: "";
+                top: 0;
+                bottom: 0;
+                right: 0;
+                left: 0;
+                border-radius: 9999px;
+                animation: ripple 3s infinite;
+                @include transition3();
+            }
+            &::after {
+                animation-delay: 0.5s;
+            }
+            &::before {
+                animation-delay: 0.9s;
+            }
+            img {
+                height: 96px;
+                width: 96px;
+                padding: 12px;
+                border-radius: 999px;
+                background-color: var(--White);
+            }
+        }
+        .content {
+            visibility: hidden;
+            opacity: 0;
+            position: absolute;
+            padding: 40px 32px;
+            border-radius: 18px;
+            background-color: var(--White);
+            min-width: 499px;
+            @include transition3();
+            &.top {
+                bottom: calc(100% + 13px);
+                .arrow {
+                    bottom: -8px;
+                    transform: rotate(-136deg);
+                }
+            }
+            &.bottom {
+                top: calc(100% + 13px);
+            }
+            .arrow {
+                position: absolute;
+                bottom: calc(100% - 14px);
+                left: 45px;
+                border-top: 20px solid var(--White);
+                border-right: 20px solid transparent;
+                -webkit-transform: rotate(45deg);
+                transform: rotate(45deg);
+                z-index: 10;
+            }
+        }
+        &:hover {
+            z-index: 10;
+            .content {
+                visibility: visible;
+                opacity: 1;
+            }
+            .avatar {
+                &::after,
+                &::before {
+                    opacity: 1;
+                }
+            }
+        }
+    }
+    &.style-2 {
+        text-align: center;
+        .logo {
+            margin-bottom: 66px;
+        }
+        .text {
+            margin-bottom: 52px;
+        }
+    }
+    &.style-3 {
+        border-radius: 12px;
+        background-color: var(--White);
+        min-height: 415px;
+        flex-direction: column;
+        gap: 12px;
+        display: flex;
+        justify-content: space-between;
+        .box-user {
+            .avatar {
+                border-radius: 10px;
+            }
+        }
+    }
+    &.style-4 {
+        padding: 0;
+        .content {
+            display: flex;
+            justify-content: space-between;
+            gap: 12px;
+        }
+        .left {
+            max-width: 612px;
+            flex: 1;
+        }
+    }
+}
diff --git a/public/scss/component/_zoom.scss b/public/scss/component/_zoom.scss
new file mode 100644
index 0000000..b25b23c
--- /dev/null
+++ b/public/scss/component/_zoom.scss
@@ -0,0 +1,80 @@
+@use "../abstracts/index" as *;
+
+.tf-zoom-main {
+    position: sticky;
+    top: 30px;
+    z-index: 50;
+    .drift-zoom-pane {
+        top: 0;
+        left: 0;
+        height: 520px;
+        max-width: 520px;
+        width: 100%;
+        background: #fff;
+        -webkit-transform: translate3d(0, 0, 0);
+        box-shadow: 0 1px 5px #7f7f7f05, 0 5px 18px #7f7f7f33;
+        z-index: 3;
+    }
+}
+
+.drift-bounding-box.drift-open {
+    background: #ffffff40;
+    box-shadow: 0 0 0 1px #0006 inset;
+    z-index: 5000;
+}
+
+.drift-zoom-pane {
+    z-index: 5000;
+}
+
+.section-image-zoom {
+    .other-image-zoom {
+        @include transition3;
+    }
+    &.zoom-active .other-image-zoom {
+        opacity: 0.3;
+    }
+}
+
+.pswp__bg {
+    background: var(--White);
+}
+
+.pswp__icn {
+    fill: rgb(34, 34, 34);
+    color: var(--White);
+    .pswp__icn-shadow {
+        stroke: var(--White);
+        stroke-width: 1px;
+        fill: none;
+    }
+}
+
+.pswp__counter {
+    color: #222;
+    text-shadow: 1px 1px 3px #ffffff;
+}
+
+.tf-model-viewer {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    model-viewer {
+        display: block;
+        position: relative;
+        z-index: 5;
+        width: 100%;
+        height: 100%;
+        &.disabled {
+            pointer-events: none;
+        }
+    }
+    &.active {
+        model-viewer {
+            pointer-events: all;
+        }
+        .wrap-btn-viewer {
+            display: none;
+        }
+    }
+}
diff --git a/public/scss/custom.scss b/public/scss/custom.scss
new file mode 100644
index 0000000..93d8e3a
--- /dev/null
+++ b/public/scss/custom.scss
@@ -0,0 +1,121 @@
+.infiniteSlide {
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  animation: 17.92s linear 0s infinite normal none running infiniteSlides;
+  &:hover {
+    animation-play-state: paused;
+  }
+}
+.infiniteSlideVertical {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  animation: 47.4s linear 0s infinite normal none running infiniteSlidesVertical;
+  &:hover {
+    animation-play-state: paused;
+  }
+}
+@keyframes infiniteSlides {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    transform: translate3d(-1792px, 0, 0);
+  }
+}
+@keyframes infiniteSlidesVertical {
+  0% {
+    transform: translate3d(0, 0, 0);
+  }
+
+  100% {
+    transform: translate3d(0, -2370px, 0);
+  }
+}
+.tf-sw-mobile {
+  &.swiper-active-768 {
+    display: none;
+  }
+
+  @media (max-width: 768px) {
+    &.swiper-active-768 {
+      display: block !important;
+    }
+    &.swiper-inActive-768 {
+      display: none !important;
+    }
+  }
+  &.swiper-active-576 {
+    display: none;
+  }
+
+  @media (max-width: 576px) {
+    &.swiper-active-576 {
+      display: block !important;
+    }
+    &.swiper-inActive-576 {
+      display: none !important;
+    }
+  }
+}
+.tfSubscribeMsg {
+  display: none;
+  max-height: 0px;
+  // transition: 0.4s;
+  overflow: hidden;
+  &.active {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    max-height: 180px;
+    display: block;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .footer-col-block .tf-collapse-content {
+    overflow-y: hidden;
+    display: block !important;
+    height: 0;
+    transition: 0.5s;
+  }
+}
+.rc-slider .rc-slider-handle {
+  border: solid 2px var(--Primary);
+  opacity: 1 !important;
+  background-color: #fff !important;
+  width: 20px;
+  border-radius: 10px !important;
+  height: 20px;
+
+  margin-top: -9px;
+}
+
+.rc-slider .rc-slider-handle:hover {
+  border-color: var(--Primary);
+}
+
+.rc-slider .rc-slider-handle-dragging {
+  border-color: var(--Primary) !important;
+  box-shadow: none !important;
+}
+
+.rc-slider .rc-slider-track,
+.rc-slider .rc-slider-tracks {
+  background-color: var(--Primary);
+}
+.add-cart.cart-added {
+  background-color: var(--Primary);
+  color: #fff;
+}
+@media only screen and (max-width: 767px) {
+  .service-accordion-item:not(.is-active) {
+    width: 0px;
+    padding: 0px;
+    overflow: hidden;
+    border: none !important;
+  }
+  .service-accordion-item.is-active {
+    width: 100% !important;
+  }
+}
diff --git a/public/scss/main.scss b/public/scss/main.scss
new file mode 100644
index 0000000..d0a6baa
--- /dev/null
+++ b/public/scss/main.scss
@@ -0,0 +1,13 @@
+@use "sass:meta";
+@import "../css/bootstrap.css";
+@import "../css/animate.min.css";
+@import "../css/odometer.min.css";
+@import "../css/swiper-bundle.min.css";
+
+@include meta.load-css("app.scss");
+// Font
+@import "../font/fonts.css";
+
+// Icon
+@import "../font/icons/icomoon/style.css";
+@include meta.load-css("custom.scss");
diff --git a/reducer/FilterReducer.js b/reducer/FilterReducer.js
new file mode 100644
index 0000000..b4454a9
--- /dev/null
+++ b/reducer/FilterReducer.js
@@ -0,0 +1,43 @@
+import { products } from "@/data/products";
+
+export const initialState = {
+  price: [20, 500],
+
+  brands: [],
+  filtered: products,
+  sortingOption: "Sort by (Default)",
+  sorted: products,
+  currentPage: 1,
+  itemPerPage: 6,
+};
+
+export function reducer(state, action) {
+  switch (action.type) {
+    case "SET_PRICE":
+      return { ...state, price: action.payload };
+
+    case "SET_BRANDS":
+      return { ...state, brands: action.payload };
+    case "SET_FILTERED":
+      return { ...state, filtered: [...action.payload] };
+    case "SET_SORTING_OPTION":
+      return { ...state, sortingOption: action.payload };
+    case "SET_SORTED":
+      return { ...state, sorted: [...action.payload] };
+    case "SET_CURRENT_PAGE":
+      return { ...state, currentPage: action.payload };
+    case "TOGGLE_FILTER_ON_SALE":
+      return { ...state, activeFilterOnSale: !state.activeFilterOnSale };
+    case "SET_ITEM_PER_PAGE":
+      return { ...state, itemPerPage: action.payload };
+    case "CLEAR_FILTER":
+      return {
+        ...state,
+        price: [20, 500],
+
+        brands: [],
+      };
+    default:
+      return state;
+  }
+}
diff --git a/utlis/splitText.js b/utlis/splitText.js
new file mode 100644
index 0000000..3d0288c
--- /dev/null
+++ b/utlis/splitText.js
@@ -0,0 +1,447 @@
+/*!
+ * SplitText 3.11.2
+ * https://greensock.com
+ *
+ * @license Copyright 2022, GreenSock. All rights reserved.
+ * This plugin is a membership benefit of Club GreenSock and is only authorized for use in sites/apps/products developed by individuals/companies with an active Club GreenSock membership. See https://greensock.com/club
+ * @author: Jack Doyle, jack@greensock.com
+ */
+
+!(function (D, u) {
+  "object" == typeof exports && "undefined" != typeof module
+    ? u(exports)
+    : "function" == typeof define && define.amd
+    ? define(["exports"], u)
+    : u(((D = D || self).window = D.window || {}));
+})(this, function (D) {
+  "use strict";
+  var _ =
+    /([\uD800-\uDBFF][\uDC00-\uDFFF](?:[\u200D\uFE0F][\uD800-\uDBFF][\uDC00-\uDFFF]){2,}|\uD83D\uDC69(?:\u200D(?:(?:\uD83D\uDC69\u200D)?\uD83D\uDC67|(?:\uD83D\uDC69\u200D)?\uD83D\uDC66)|\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC69\u200D(?:\uD83D\uDC69\u200D)?\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D(?:\uD83D\uDC69\u200D)?\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]\uFE0F|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC6F\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3C-\uDD3E\uDDD6-\uDDDF])\u200D[\u2640\u2642]\uFE0F|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF6\uD83C\uDDE6|\uD83C\uDDF4\uD83C\uDDF2|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F\u200D[\u2640\u2642]|(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642])\uFE0F|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]|\uD83D\uDC69\u200D[\u2695\u2696\u2708]|\uD83D\uDC68(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708]))\uFE0F|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83D\uDC69\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69]))|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|[#\*0-9]\uFE0F\u20E3|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67)\uDB40\uDC7F|\uD83D\uDC68(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC66\u200D\uD83D\uDC66|(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92])|(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]))|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270A-\u270D]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC70\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDCAA\uDD74\uDD7A\uDD90\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD36\uDDD1-\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC68(?:\u200D(?:(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC67|(?:(?:\uD83D[\uDC68\uDC69])\u200D)?\uD83D\uDC66)|\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC69\uDC6E\uDC70-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD18-\uDD1C\uDD1E\uDD1F\uDD26\uDD30-\uDD39\uDD3D\uDD3E\uDDD1-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])?|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDEEB\uDEEC\uDEF4-\uDEF8]|\uD83E[\uDD10-\uDD3A\uDD3C-\uDD3E\uDD40-\uDD45\uDD47-\uDD4C\uDD50-\uDD6B\uDD80-\uDD97\uDDC0\uDDD0-\uDDE6])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u2660\u2663\u2665\u2666\u2668\u267B\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEF8]|\uD83E[\uDD10-\uDD3A\uDD3C-\uDD3E\uDD40-\uDD45\uDD47-\uDD4C\uDD50-\uDD6B\uDD80-\uDD97\uDDC0\uDDD0-\uDDE6])\uFE0F)/;
+  function k(D) {
+    return e.getComputedStyle(D);
+  }
+  function n(D, u) {
+    var e;
+    return i(D)
+      ? D
+      : "string" == (e = typeof D) && !u && D
+      ? E.call(X.querySelectorAll(D), 0)
+      : D && "object" == e && "length" in D
+      ? E.call(D, 0)
+      : D
+      ? [D]
+      : [];
+  }
+  function o(D) {
+    return "absolute" === D.position || !0 === D.absolute;
+  }
+  function p(D, u) {
+    for (var e, t = u.length; -1 < --t; )
+      if (((e = u[t]), D.substr(0, e.length) === e)) return e.length;
+  }
+  function r(D, u) {
+    void 0 === D && (D = "");
+    var e = ~D.indexOf("++"),
+      t = 1;
+    return (
+      e && (D = D.split("++").join("")),
+      function () {
+        return (
+          "<" +
+          u +
+          " style='position:relative;display:inline-block;'" +
+          (D ? " class='" + D + (e ? t++ : "") + "'>" : ">")
+        );
+      }
+    );
+  }
+  function s(D, u, e) {
+    var t = D.nodeType;
+    if (1 === t || 9 === t || 11 === t)
+      for (D = D.firstChild; D; D = D.nextSibling) s(D, u, e);
+    else (3 !== t && 4 !== t) || (D.nodeValue = D.nodeValue.split(u).join(e));
+  }
+  function t(D, u) {
+    for (var e = u.length; -1 < --e; ) D.push(u[e]);
+  }
+  function u(D, u, e) {
+    for (var t; D && D !== u; ) {
+      if ((t = D._next || D.nextSibling)) return t.textContent.charAt(0) === e;
+      D = D.parentNode || D._parent;
+    }
+  }
+  function v(D) {
+    var u,
+      e,
+      t = n(D.childNodes),
+      F = t.length;
+    for (u = 0; u < F; u++)
+      (e = t[u])._isSplit
+        ? v(e)
+        : u && e.previousSibling && 3 === e.previousSibling.nodeType
+        ? ((e.previousSibling.nodeValue +=
+            3 === e.nodeType ? e.nodeValue : e.firstChild.nodeValue),
+          D.removeChild(e))
+        : 3 !== e.nodeType &&
+          (D.insertBefore(e.firstChild, e), D.removeChild(e));
+  }
+  function w(D, u) {
+    return parseFloat(u[D]) || 0;
+  }
+  function x(D, e, F, C, i, n, E) {
+    var r,
+      l,
+      p,
+      d,
+      a,
+      h,
+      B,
+      f,
+      A,
+      c,
+      x,
+      g,
+      y = k(D),
+      _ = w("paddingLeft", y),
+      b = -999,
+      S = w("borderBottomWidth", y) + w("borderTopWidth", y),
+      T = w("borderLeftWidth", y) + w("borderRightWidth", y),
+      m = w("paddingTop", y) + w("paddingBottom", y),
+      N = w("paddingLeft", y) + w("paddingRight", y),
+      L = w("fontSize", y) * (e.lineThreshold || 0.2),
+      W = y.textAlign,
+      H = [],
+      O = [],
+      V = [],
+      j = e.wordDelimiter || " ",
+      M = e.tag ? e.tag : e.span ? "span" : "div",
+      R = e.type || e.split || "chars,words,lines",
+      z = i && ~R.indexOf("lines") ? [] : null,
+      P = ~R.indexOf("words"),
+      q = ~R.indexOf("chars"),
+      G = o(e),
+      I = e.linesClass,
+      J = ~(I || "").indexOf("++"),
+      K = [],
+      Q = "flex" === y.display,
+      U = D.style.display;
+    for (
+      J && (I = I.split("++").join("")),
+        Q && (D.style.display = "block"),
+        p = (l = D.getElementsByTagName("*")).length,
+        a = [],
+        r = 0;
+      r < p;
+      r++
+    )
+      a[r] = l[r];
+    if (z || G)
+      for (r = 0; r < p; r++)
+        ((h = (d = a[r]).parentNode === D) || G || (q && !P)) &&
+          ((g = d.offsetTop),
+          z &&
+            h &&
+            Math.abs(g - b) > L &&
+            ("BR" !== d.nodeName || 0 === r) &&
+            ((B = []), z.push(B), (b = g)),
+          G &&
+            ((d._x = d.offsetLeft),
+            (d._y = g),
+            (d._w = d.offsetWidth),
+            (d._h = d.offsetHeight)),
+          z &&
+            (((d._isSplit && h) ||
+              (!q && h) ||
+              (P && h) ||
+              (!P &&
+                d.parentNode.parentNode === D &&
+                !d.parentNode._isSplit)) &&
+              (B.push(d), (d._x -= _), u(d, D, j) && (d._wordEnd = !0)),
+            "BR" === d.nodeName &&
+              ((d.nextSibling && "BR" === d.nextSibling.nodeName) || 0 === r) &&
+              z.push([])));
+    for (r = 0; r < p; r++)
+      if (((h = (d = a[r]).parentNode === D), "BR" !== d.nodeName))
+        if (
+          (G &&
+            ((A = d.style),
+            P || h || ((d._x += d.parentNode._x), (d._y += d.parentNode._y)),
+            (A.left = d._x + "px"),
+            (A.top = d._y + "px"),
+            (A.position = "absolute"),
+            (A.display = "block"),
+            (A.width = d._w + 1 + "px"),
+            (A.height = d._h + "px")),
+          !P && q)
+        )
+          if (d._isSplit)
+            for (
+              d._next = l = d.nextSibling, d.parentNode.appendChild(d);
+              l && 3 === l.nodeType && " " === l.textContent;
+
+            )
+              (d._next = l.nextSibling),
+                d.parentNode.appendChild(l),
+                (l = l.nextSibling);
+          else
+            d.parentNode._isSplit
+              ? ((d._parent = d.parentNode),
+                !d.previousSibling &&
+                  d.firstChild &&
+                  (d.firstChild._isFirst = !0),
+                d.nextSibling &&
+                  " " === d.nextSibling.textContent &&
+                  !d.nextSibling.nextSibling &&
+                  K.push(d.nextSibling),
+                (d._next =
+                  d.nextSibling && d.nextSibling._isFirst
+                    ? null
+                    : d.nextSibling),
+                d.parentNode.removeChild(d),
+                a.splice(r--, 1),
+                p--)
+              : h ||
+                ((g = !d.nextSibling && u(d.parentNode, D, j)),
+                d.parentNode._parent && d.parentNode._parent.appendChild(d),
+                g && d.parentNode.appendChild(X.createTextNode(" ")),
+                "span" === M && (d.style.display = "inline"),
+                H.push(d));
+        else
+          d.parentNode._isSplit && !d._isSplit && "" !== d.innerHTML
+            ? O.push(d)
+            : q &&
+              !d._isSplit &&
+              ("span" === M && (d.style.display = "inline"), H.push(d));
+      else
+        z || G
+          ? (d.parentNode && d.parentNode.removeChild(d), a.splice(r--, 1), p--)
+          : P || D.appendChild(d);
+    for (r = K.length; -1 < --r; ) K[r].parentNode.removeChild(K[r]);
+    if (z) {
+      for (
+        G &&
+          ((c = X.createElement(M)),
+          D.appendChild(c),
+          (x = c.offsetWidth + "px"),
+          (g = c.offsetParent === D ? 0 : D.offsetLeft),
+          D.removeChild(c)),
+          A = D.style.cssText,
+          D.style.cssText = "display:none;";
+        D.firstChild;
+
+      )
+        D.removeChild(D.firstChild);
+      for (f = " " === j && (!G || (!P && !q)), r = 0; r < z.length; r++) {
+        for (
+          B = z[r],
+            (c = X.createElement(M)).style.cssText =
+              "display:block;text-align:" +
+              W +
+              ";position:" +
+              (G ? "absolute;" : "relative;"),
+            I && (c.className = I + (J ? r + 1 : "")),
+            V.push(c),
+            p = B.length,
+            l = 0;
+          l < p;
+          l++
+        )
+          "BR" !== B[l].nodeName &&
+            ((d = B[l]),
+            c.appendChild(d),
+            f && d._wordEnd && c.appendChild(X.createTextNode(" ")),
+            G &&
+              (0 === l &&
+                ((c.style.top = d._y + "px"), (c.style.left = _ + g + "px")),
+              (d.style.top = "0px"),
+              g && (d.style.left = d._x - g + "px")));
+        0 === p
+          ? (c.innerHTML = "&nbsp;")
+          : P || q || (v(c), s(c, String.fromCharCode(160), " ")),
+          G && ((c.style.width = x), (c.style.height = d._h + "px")),
+          D.appendChild(c);
+      }
+      D.style.cssText = A;
+    }
+    G &&
+      (E > D.clientHeight &&
+        ((D.style.height = E - m + "px"),
+        D.clientHeight < E && (D.style.height = E + S + "px")),
+      n > D.clientWidth &&
+        ((D.style.width = n - N + "px"),
+        D.clientWidth < n && (D.style.width = n + T + "px"))),
+      Q && (U ? (D.style.display = U) : D.style.removeProperty("display")),
+      t(F, H),
+      P && t(C, O),
+      t(i, V);
+  }
+  function y(D, u, e, t) {
+    var F,
+      C,
+      i,
+      n,
+      E,
+      r,
+      l,
+      d,
+      a = u.tag ? u.tag : u.span ? "span" : "div",
+      h = ~(u.type || u.split || "chars,words,lines").indexOf("chars"),
+      B = o(u),
+      f = u.wordDelimiter || " ",
+      A = " " !== f ? "" : B ? "&#173; " : " ",
+      c = "</" + a + ">",
+      x = 1,
+      g = u.specialChars
+        ? "function" == typeof u.specialChars
+          ? u.specialChars
+          : p
+        : null,
+      y = X.createElement("div"),
+      v = D.parentNode;
+    for (
+      v.insertBefore(y, D),
+        y.textContent = D.nodeValue,
+        v.removeChild(D),
+        l =
+          -1 !==
+          (F = (function getText(D) {
+            var u = D.nodeType,
+              e = "";
+            if (1 === u || 9 === u || 11 === u) {
+              if ("string" == typeof D.textContent) return D.textContent;
+              for (D = D.firstChild; D; D = D.nextSibling) e += getText(D);
+            } else if (3 === u || 4 === u) return D.nodeValue;
+            return e;
+          })((D = y))).indexOf("<"),
+        !1 !== u.reduceWhiteSpace && (F = F.replace(S, " ").replace(b, "")),
+        l && (F = F.split("<").join("{{LT}}")),
+        E = F.length,
+        C = (" " === F.charAt(0) ? A : "") + e(),
+        i = 0;
+      i < E;
+      i++
+    )
+      if (((r = F.charAt(i)), g && (d = g(F.substr(i), u.specialChars))))
+        (r = F.substr(i, d || 1)),
+          (C += h && " " !== r ? t() + r + "</" + a + ">" : r),
+          (i += d - 1);
+      else if (r === f && F.charAt(i - 1) !== f && i) {
+        for (C += x ? c : "", x = 0; F.charAt(i + 1) === f; ) (C += A), i++;
+        i === E - 1
+          ? (C += A)
+          : ")" !== F.charAt(i + 1) && ((C += A + e()), (x = 1));
+      } else
+        "{" === r && "{{LT}}" === F.substr(i, 6)
+          ? ((C += h ? t() + "{{LT}}</" + a + ">" : "{{LT}}"), (i += 5))
+          : (55296 <= r.charCodeAt(0) && r.charCodeAt(0) <= 56319) ||
+            (65024 <= F.charCodeAt(i + 1) && F.charCodeAt(i + 1) <= 65039)
+          ? ((n = ((F.substr(i, 12).split(_) || [])[1] || "").length || 2),
+            (C +=
+              h && " " !== r
+                ? t() + F.substr(i, n) + "</" + a + ">"
+                : F.substr(i, n)),
+            (i += n - 1))
+          : (C += h && " " !== r ? t() + r + "</" + a + ">" : r);
+    (D.outerHTML = C + (x ? c : "")), l && s(v, "{{LT}}", "<");
+  }
+  function z(D, u, e, t) {
+    var F,
+      C,
+      i = n(D.childNodes),
+      E = i.length,
+      s = o(u);
+    if (3 !== D.nodeType || 1 < E) {
+      for (u.absolute = !1, F = 0; F < E; F++)
+        ((C = i[F])._next = C._isFirst = C._parent = C._wordEnd = null),
+          (3 === C.nodeType && !/\S+/.test(C.nodeValue)) ||
+            (s &&
+              3 !== C.nodeType &&
+              "inline" === k(C).display &&
+              ((C.style.display = "inline-block"),
+              (C.style.position = "relative")),
+            (C._isSplit = !0),
+            z(C, u, e, t));
+      return (u.absolute = s), void (D._isSplit = !0);
+    }
+    y(D, u, e, t);
+  }
+  var X,
+    e,
+    F,
+    C,
+    b = /(?:\r|\n|\t\t)/g,
+    S = /(?:\s\s+)/g,
+    i = Array.isArray,
+    E = [].slice,
+    l =
+      (((C = SplitText.prototype).split = function split(D) {
+        this.isSplit && this.revert(),
+          (this.vars = D = D || this.vars),
+          (this._originals.length =
+            this.chars.length =
+            this.words.length =
+            this.lines.length =
+              0);
+        for (
+          var u,
+            e,
+            t,
+            F = this.elements.length,
+            C = D.tag ? D.tag : D.span ? "span" : "div",
+            i = r(D.wordsClass, C),
+            n = r(D.charsClass, C);
+          -1 < --F;
+
+        )
+          (t = this.elements[F]),
+            (this._originals[F] = t.innerHTML),
+            (u = t.clientHeight),
+            (e = t.clientWidth),
+            z(t, D, i, n),
+            x(t, D, this.chars, this.words, this.lines, e, u);
+        return (
+          this.chars.reverse(),
+          this.words.reverse(),
+          this.lines.reverse(),
+          (this.isSplit = !0),
+          this
+        );
+      }),
+      (C.revert = function revert() {
+        var e = this._originals;
+        if (!e) throw "revert() call wasn't scoped properly.";
+        return (
+          this.elements.forEach(function (D, u) {
+            return (D.innerHTML = e[u]);
+          }),
+          (this.chars = []),
+          (this.words = []),
+          (this.lines = []),
+          (this.isSplit = !1),
+          this
+        );
+      }),
+      (SplitText.create = function create(D, u) {
+        return new SplitText(D, u);
+      }),
+      SplitText);
+  function SplitText(D, u) {
+    F ||
+      (function _initCore() {
+        (X = document), (e = window), (F = 1);
+      })(),
+      (this.elements = n(D)),
+      (this.chars = []),
+      (this.words = []),
+      (this.lines = []),
+      (this._originals = []),
+      (this.vars = u || {}),
+      this.split(u);
+  }
+  (l.version = "3.11.2"), (D.SplitText = l), (D.default = l);
+  if (typeof window === "undefined" || window !== D) {
+    Object.defineProperty(D, "__esModule", { value: !0 });
+  } else {
+    delete D.default;
+  }
+});
diff --git a/utlis/wow.js b/utlis/wow.js
new file mode 100644
index 0000000..4fa8f2e
--- /dev/null
+++ b/utlis/wow.js
@@ -0,0 +1,462 @@
+function isIn(needle, haystack) {
+  return haystack.indexOf(needle) >= 0;
+}
+
+function extend(custom, defaults) {
+  for (const key in defaults) {
+    if (custom[key] == null) {
+      const value = defaults[key];
+      custom[key] = value;
+    }
+  }
+  return custom;
+}
+
+function isMobile(agent) {
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    agent
+  );
+}
+
+function createEvent(event, bubble = false, cancel = false, detail = null) {
+  let customEvent;
+  if (document.createEvent != null) {
+    // W3C DOM
+    customEvent = document.createEvent("CustomEvent");
+    customEvent.initCustomEvent(event, bubble, cancel, detail);
+  } else if (document.createEventObject != null) {
+    // IE DOM < 9
+    customEvent = document.createEventObject();
+    customEvent.eventType = event;
+  } else {
+    customEvent.eventName = event;
+  }
+
+  return customEvent;
+}
+
+function emitEvent(elem, event) {
+  if (elem.dispatchEvent != null) {
+    // W3C DOM
+    elem.dispatchEvent(event);
+  } else if (event in (elem != null)) {
+    elem[event]();
+  } else if (`on${event}` in (elem != null)) {
+    elem[`on${event}`]();
+  }
+}
+
+function addEvent(elem, event, fn) {
+  if (elem.addEventListener != null) {
+    // W3C DOM
+    elem.addEventListener(event, fn, false);
+  } else if (elem.attachEvent != null) {
+    // IE DOM
+    elem.attachEvent(`on${event}`, fn);
+  } else {
+    // fallback
+    elem[event] = fn;
+  }
+}
+
+function removeEvent(elem, event, fn) {
+  if (elem.removeEventListener != null) {
+    // W3C DOM
+    elem.removeEventListener(event, fn, false);
+  } else if (elem.detachEvent != null) {
+    // IE DOM
+    elem.detachEvent(`on${event}`, fn);
+  } else {
+    // fallback
+    delete elem[event];
+  }
+}
+
+function getInnerHeight() {
+  if ("innerHeight" in window) {
+    return window.innerHeight;
+  }
+
+  return document.documentElement.clientHeight;
+}
+
+// Minimalistic WeakMap shim, just in case.
+const WeakMap =
+  window.WeakMap ||
+  window.MozWeakMap ||
+  class WeakMap {
+    constructor() {
+      this.keys = [];
+      this.values = [];
+    }
+
+    get(key) {
+      for (let i = 0; i < this.keys.length; i++) {
+        const item = this.keys[i];
+        if (item === key) {
+          return this.values[i];
+        }
+      }
+      return undefined;
+    }
+
+    set(key, value) {
+      for (let i = 0; i < this.keys.length; i++) {
+        const item = this.keys[i];
+        if (item === key) {
+          this.values[i] = value;
+          return this;
+        }
+      }
+      this.keys.push(key);
+      this.values.push(value);
+      return this;
+    }
+  };
+
+// Dummy MutationObserver, to avoid raising exceptions.
+const MutationObserver =
+  window.MutationObserver ||
+  window.WebkitMutationObserver ||
+  window.MozMutationObserver ||
+  class MutationObserver {
+    constructor() {
+      if (typeof console !== "undefined" && console !== null) {
+        console.warn("MutationObserver is not supported by your browser.");
+        console.warn(
+          "WOW.js cannot detect dom mutations, please call .sync() after loading new content."
+        );
+      }
+    }
+
+    static notSupported = true;
+
+    observe() {}
+  };
+
+// getComputedStyle shim, from http://stackoverflow.com/a/21797294
+const getComputedStyle =
+  window.getComputedStyle ||
+  function getComputedStyle(el) {
+    const getComputedStyleRX = /(\-([a-z]){1})/g;
+    return {
+      getPropertyValue(prop) {
+        if (prop === "float") {
+          prop = "styleFloat";
+        }
+        if (getComputedStyleRX.test(prop)) {
+          prop.replace(getComputedStyleRX, (_, _char) => _char.toUpperCase());
+        }
+        const { currentStyle } = el;
+        return (currentStyle != null ? currentStyle[prop] : void 0) || null;
+      },
+    };
+  };
+
+export default class WOW {
+  defaults = {
+    boxClass: "wow",
+    animateClass: "animated",
+    offset: 0,
+    mobile: true,
+    live: true,
+    callback: null,
+    scrollContainer: null,
+  };
+
+  constructor(options = {}) {
+    this.start = this.start.bind(this);
+    this.resetAnimation = this.resetAnimation.bind(this);
+    this.scrollHandler = this.scrollHandler.bind(this);
+    this.scrollCallback = this.scrollCallback.bind(this);
+    this.scrolled = true;
+    this.config = extend(options, this.defaults);
+    if (options.scrollContainer != null) {
+      this.config.scrollContainer = document.querySelector(
+        options.scrollContainer
+      );
+    }
+    // Map of elements to animation names:
+    this.animationNameCache = new WeakMap();
+    this.wowEvent = createEvent(this.config.boxClass);
+  }
+
+  init() {
+    this.element = window.document.documentElement;
+    if (isIn(document.readyState, ["interactive", "complete"])) {
+      this.start();
+    } else {
+      addEvent(document, "DOMContentLoaded", this.start);
+    }
+    this.finished = [];
+  }
+
+  start() {
+    this.stopped = false;
+    this.boxes = [].slice.call(
+      this.element.querySelectorAll(`.${this.config.boxClass}`)
+    );
+    this.all = this.boxes.slice(0);
+    if (this.boxes.length) {
+      if (this.disabled()) {
+        this.resetStyle();
+      } else {
+        for (let i = 0; i < this.boxes.length; i++) {
+          const box = this.boxes[i];
+          this.applyStyle(box, true);
+        }
+      }
+    }
+    if (!this.disabled()) {
+      addEvent(
+        this.config.scrollContainer || window,
+        "scroll",
+        this.scrollHandler
+      );
+      addEvent(window, "resize", this.scrollHandler);
+      this.interval = setInterval(this.scrollCallback, 50);
+    }
+    if (this.config.live) {
+      const mut = new MutationObserver((records) => {
+        for (let j = 0; j < records.length; j++) {
+          const record = records[j];
+          for (let k = 0; k < record.addedNodes.length; k++) {
+            const node = record.addedNodes[k];
+            this.doSync(node);
+          }
+        }
+        return undefined;
+      });
+      mut.observe(document.body, {
+        childList: true,
+        subtree: true,
+      });
+    }
+  }
+
+  // unbind the scroll event
+  stop() {
+    this.stopped = true;
+    removeEvent(
+      this.config.scrollContainer || window,
+      "scroll",
+      this.scrollHandler
+    );
+    removeEvent(window, "resize", this.scrollHandler);
+    if (this.interval != null) {
+      clearInterval(this.interval);
+    }
+  }
+
+  sync() {
+    if (MutationObserver.notSupported) {
+      this.doSync(this.element);
+    }
+  }
+
+  doSync(element) {
+    if (typeof element === "undefined" || element === null) {
+      ({ element } = this);
+    }
+    if (element.nodeType !== 1) {
+      return;
+    }
+    element = element.parentNode || element;
+    const iterable = element.querySelectorAll(`.${this.config.boxClass}`);
+    for (let i = 0; i < iterable.length; i++) {
+      const box = iterable[i];
+      if (!isIn(box, this.all)) {
+        this.boxes.push(box);
+        this.all.push(box);
+        if (this.stopped || this.disabled()) {
+          this.resetStyle();
+        } else {
+          this.applyStyle(box, true);
+        }
+        this.scrolled = true;
+      }
+    }
+  }
+
+  // show box element
+  show(box) {
+    this.applyStyle(box);
+    box.className = `${box.className} ${this.config.animateClass}`;
+    if (this.config.callback != null) {
+      this.config.callback(box);
+    }
+    emitEvent(box, this.wowEvent);
+
+    addEvent(box, "animationend", this.resetAnimation);
+    addEvent(box, "oanimationend", this.resetAnimation);
+    addEvent(box, "webkitAnimationEnd", this.resetAnimation);
+    addEvent(box, "MSAnimationEnd", this.resetAnimation);
+
+    return box;
+  }
+
+  applyStyle(box, hidden) {
+    const duration = box.getAttribute("data-wow-duration");
+    const delay = box.getAttribute("data-wow-delay");
+    const iteration = box.getAttribute("data-wow-iteration");
+
+    return this.animate(() =>
+      this.customStyle(box, hidden, duration, delay, iteration)
+    );
+  }
+
+  animate = (function animateFactory() {
+    if ("requestAnimationFrame" in window) {
+      return (callback) => window.requestAnimationFrame(callback);
+    }
+    return (callback) => callback();
+  })();
+
+  resetStyle() {
+    for (let i = 0; i < this.boxes.length; i++) {
+      const box = this.boxes[i];
+      box.style.visibility = "visible";
+    }
+    return undefined;
+  }
+
+  resetAnimation(event) {
+    if (event.type.toLowerCase().indexOf("animationend") >= 0) {
+      const target = event.target || event.srcElement;
+      target.className = target.className
+        .replace(this.config.animateClass, "")
+        .trim();
+    }
+  }
+
+  customStyle(box, hidden, duration, delay, iteration) {
+    if (hidden) {
+      this.cacheAnimationName(box);
+    }
+    box.style.visibility = hidden ? "hidden" : "visible";
+
+    if (duration) {
+      this.vendorSet(box.style, { animationDuration: duration });
+    }
+    if (delay) {
+      this.vendorSet(box.style, { animationDelay: delay });
+    }
+    if (iteration) {
+      this.vendorSet(box.style, { animationIterationCount: iteration });
+    }
+    this.vendorSet(box.style, {
+      animationName: hidden ? "none" : this.cachedAnimationName(box),
+    });
+
+    return box;
+  }
+
+  vendors = ["moz", "webkit"];
+  vendorSet(elem, properties) {
+    for (const name in properties) {
+      if (properties.hasOwnProperty(name)) {
+        const value = properties[name];
+        elem[`${name}`] = value;
+        for (let i = 0; i < this.vendors.length; i++) {
+          const vendor = this.vendors[i];
+          elem[`${vendor}${name.charAt(0).toUpperCase()}${name.substr(1)}`] =
+            value;
+        }
+      }
+    }
+  }
+  vendorCSS(elem, property) {
+    const style = getComputedStyle(elem);
+    let result = style.getPropertyCSSValue(property);
+    for (let i = 0; i < this.vendors.length; i++) {
+      const vendor = this.vendors[i];
+      result = result || style.getPropertyCSSValue(`-${vendor}-${property}`);
+    }
+    return result;
+  }
+
+  animationName(box) {
+    let aName;
+    try {
+      aName = this.vendorCSS(box, "animation-name").cssText;
+    } catch (error) {
+      // Opera, fall back to plain property value
+      aName = getComputedStyle(box).getPropertyValue("animation-name");
+    }
+
+    if (aName === "none") {
+      return ""; // SVG/Firefox, unable to get animation name?
+    }
+
+    return aName;
+  }
+
+  cacheAnimationName(box) {
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=921834
+    // box.dataset is not supported for SVG elements in Firefox
+    return this.animationNameCache.set(box, this.animationName(box));
+  }
+  cachedAnimationName(box) {
+    return this.animationNameCache.get(box);
+  }
+
+  // fast window.scroll callback
+  scrollHandler() {
+    this.scrolled = true;
+  }
+
+  scrollCallback() {
+    if (this.scrolled) {
+      this.scrolled = false;
+      const results = [];
+      for (let i = 0; i < this.boxes.length; i++) {
+        const box = this.boxes[i];
+        if (box) {
+          if (this.isVisible(box)) {
+            this.show(box);
+            continue;
+          }
+          results.push(box);
+        }
+      }
+      this.boxes = results;
+      if (!this.boxes.length && !this.config.live) {
+        this.stop();
+      }
+    }
+  }
+
+  // Calculate element offset top
+  offsetTop(element) {
+    // SVG elements don't have an offsetTop in Firefox.
+    // This will use their nearest parent that has an offsetTop.
+    // Also, using ('offsetTop' of element) causes an exception in Firefox.
+    while (element.offsetTop === undefined) {
+      element = element.parentNode;
+    }
+    let top = element.offsetTop;
+    while (element.offsetParent) {
+      element = element.offsetParent;
+      top += element.offsetTop;
+    }
+    return top;
+  }
+
+  // check if box is visible
+  isVisible(box) {
+    const offset = box.getAttribute("data-wow-offset") || this.config.offset;
+    const viewTop =
+      (this.config.scrollContainer && this.config.scrollContainer.scrollTop) ||
+      window.pageYOffset;
+    const viewBottom =
+      viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset;
+    const top = this.offsetTop(box);
+    const bottom = top + box.clientHeight;
+
+    return top <= viewBottom && bottom >= viewTop;
+  }
+
+  disabled() {
+    return !this.config.mobile && isMobile(navigator.userAgent);
+  }
+}